@charset "utf-8";
/***** retail-planning *****/
@media only print {
  .basic-button-children.fixed-popup .basic-button.basic-button-disabled:before, .basic-button.basic-button-active:before, .basic-button:hover:before, .basic-button .basic-button-count, .basic-button, .basic-button-children.fixed-popup .basic-button {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
}

.basic-button .basic-button-count, .basic-button, .basic-button-children.fixed-popup .basic-button {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.basic-button.basic-button-active:before, .basic-button:hover:before {
  -webkit-box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
}

.basic-button-children.fixed-popup .basic-button.basic-button-disabled:before {
  -webkit-box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.25);
}

.basic-button {
  display: flex;
  align-items: center;
  min-width: 25px;
  height: 25px;
  line-height: 25px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 3px;
}
.basic-button, .basic-button * {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera */
}
.basic-button-children.fixed-popup .basic-button {
  border-radius: 0;
}

.basic-button:before {
  z-index: 0;
}
.basic-button .basic-button-icon,
.basic-button .basic-button-text,
.basic-button .basic-button-count {
  z-index: 1;
}
.basic-button .basic-button-click-area {
  z-index: 2;
}
.basic-button .basic-button-count,
.basic-button .basic-button-input {
  z-index: 3;
}
.basic-button, .basic-button .basic-button-click-area {
  -webkit-appearance: none;
  text-decoration: none;
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
}
.basic-button .basic-button-click-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.basic-button:before,
.basic-button .basic-button-icon,
.basic-button .basic-button-text,
.basic-button .basic-button-count,
.basic-button .basic-button-click-area {
  cursor: pointer;
}
.basic-button .basic-button-icon,
.basic-button .basic-button-text,
.basic-button .basic-button-input,
.basic-button .basic-button-count {
  position: relative;
  flex-shrink: 0;
}
.basic-button.basic-button-disabled,
.basic-button.basic-button-disabled .basic-button-icon,
.basic-button.basic-button-disabled .basic-button-text,
.basic-button.basic-button-disabled .basic-button-count,
.basic-button.basic-button-disabled .basic-button-click-area {
  cursor: not-allowed;
}
.basic-button.basic-button-disabled .basic-button-click-area {
  pointer-events: none;
}
.basic-button-children.fixed-popup .basic-button.basic-button-disabled .basic-button-icon,
.basic-button-children.fixed-popup .basic-button.basic-button-disabled .basic-button-text {
  opacity: 0.4;
}

.basic-button.basic-button-disabled:before {
  opacity: 0.3;
}
.basic-button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.basic-button-children.fixed-popup .basic-button:before {
  background-color: transparent;
  border-radius: 0;
}

.basic-button .basic-button-icon {
  width: 25px;
  height: 25px;
  padding: 5px;
  line-height: 125%;
  border-radius: 3px;
  text-align: center;
}
.basic-button .basic-button-icon.basic-button-letter {
  border: 1px solid;
  transform: scale(0.7, 0.7);
}
.basic-button .basic-button-icon.basic-button-svg.basic-button-svg-full-size {
  padding: 0;
}
.basic-button .basic-button-icon.basic-button-svg.basic-button-svg-full-size svg {
  border-radius: 3px;
}
.basic-button .basic-button-icon.basic-button-svg svg {
  width: 100%;
  height: 100%;
}
.basic-button .basic-button-text {
  flex-grow: 100;
  text-align: center;
  padding: 0 10px;
}
.basic-button .basic-button-text::after {
  content: "";
  display: block;
}
.basic-button-children.fixed-popup .basic-button .basic-button-text {
  text-align: left;
  flex-grow: 1;
  flex-shrink: 1;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.basic-button .basic-button-icon,
.basic-button .basic-button-text {
  text-decoration: none;
  border: none;
  background: none;
}
.basic-button.basic-button-with-text.basic-button-with-icon .basic-button-text {
  padding-left: 0;
}
.basic-button.basic-button-with-text.basic-button-with-icon.basic-button-with-svg-full-size .basic-button-text {
  padding-left: 5px;
}
.basic-button.basic-button-icon-only-always.basic-button-with-text.basic-button-with-icon .basic-button-text, .basic-button.basic-button-icon-only:not(.basic-button-icon-only-never).basic-button-with-text.basic-button-with-icon .basic-button-text {
  display: none;
}
.fixed-popup .basic-button.basic-button-icon-only-always.basic-button-with-text.basic-button-with-icon .basic-button-text, .fixed-popup .basic-button.basic-button-icon-only:not(.basic-button-icon-only-never).basic-button-with-text.basic-button-with-icon .basic-button-text {
  display: inline-block;
}

.basic-button .basic-button-input {
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  margin-right: 5px;
  height: 20px;
}
.basic-button .basic-button-input.basic-button-input-date, .basic-button .basic-button-input.basic-button-input-time {
  width: 85px;
}
.basic-button .basic-button-input.basic-button-input-date-time {
  width: 130px;
}
.basic-button .basic-button-count {
  font-size: 10px;
  line-height: 19px;
  height: 19px;
  min-width: 23px;
  margin-bottom: 3px;
  margin-top: 3px;
  padding: 0 2px;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  margin-right: 5px;
}
.basic-button .basic-button-count[data-count="0"]:not(.basic-button-count-zero-visible), .basic-button .basic-button-count.hidden {
  display: none;
}
.basic-button .basic-button-count.js-tooltip {
  pointer-events: auto;
}
.basic-button .basic-button-count.Prepared:before, .basic-button .basic-button-count.Prepared:after, .basic-button .basic-button-count.Waiting:before, .basic-button .basic-button-count.Waiting:after, .basic-button .basic-button-count.Implemented:before, .basic-button .basic-button-count.Implemented:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  z-index: -1;
}
.basic-button .basic-button-count.Prepared:before, .basic-button .basic-button-count.Waiting:before, .basic-button .basic-button-count.Implemented:before {
  left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.basic-button .basic-button-count.Prepared:after, .basic-button .basic-button-count.Waiting:after, .basic-button .basic-button-count.Implemented:after {
  right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

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

.fixed-popup {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.fixed-popup {
  position: fixed;
  display: none;
  overflow: auto;
  border: 1px solid;
  border-radius: 3px;
  z-index: 3;
}
.fixed-popup .basic-button {
  overflow: visible;
}
.fixed-popup.show {
  display: flex;
  flex-direction: column;
}
.fixed-popup > :not(script) {
  display: inline-flex;
  width: 100%;
  text-align: left;
}

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

body {
	color: rgb(0, 0, 0);
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-family: "HelveticaNeue-Regular", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.06em;
}
HEADER .primary_navigation LI.hasSubmenu,
.primary_navigation a {
	color: rgb(0, 0, 0);
	font-size: 20px;
}
HEADER .primary_navigation LI.hasSubmenu li.link a {
	color: rgb(0, 0, 0);
	font-size: 14px;
}
A, .termsContact A, #error_404_echo, .quantDownloadLink{
	color: rgb(0,126,195);
}
.termsContact A, #error_404_echo, .quantDownloadLink {
	font-size: 14px;
	font-weight: 400;
}
.login H5 {
	color: rgb(0,126,195);
	font-size: 24px;
	font-weight: normal;
}

body {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-family: "HelveticaNeue-Regular", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.06em;
}
body.disable-scrolling {
  overflow: hidden;
}

.js-tooltip-div {
  background-color: rgb(229, 229, 229) !important;
  color: black !important;
  box-shadow: rgb(138, 138, 138) 0 0 5px !important;
  font-size: 13px;
  padding: 15px;
  text-align: left;
  max-width: 300px;
}

HEADER {
  position: relative;
}
HEADER .behindCloseMenu {
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}
HEADER div.primaryMenu, HEADER div.memberMenu, HEADER div.news {
  margin: 0;
}
HEADER div.primaryMenu {
  background: rgb(234, 234, 234);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  height: 55px;
  padding-top: 1px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  padding-left: calc(50% - 670px - 5%);
  padding-right: calc(50% - 670px - 5%);
}
@media (max-width: 1600px) {
  HEADER div.primaryMenu {
    padding-left: 0;
    padding-right: 0;
  }
}
HEADER .headerWrapper:hover {
  background-color: rgba(234, 234, 234, 0.8);
}
HEADER.languageBarAppear .primaryMenu {
  position: fixed;
}
HEADER #nestedWrapper {
  display: flex;
  position: absolute;
  right: 3vw;
}
HEADER #nestedWrapper li {
  padding: 5px 10px 5px 0;
}
HEADER #nestedWrapper a:hover {
  background-color: rgb(0, 127, 183);
  color: rgb(255, 255, 255);
}
HEADER #primary_navigation_logo {
  border: 0;
  height: 30px;
  margin-left: 18px;
  margin-top: 9px;
  width: 148px;
}
HEADER .topMenu .primary_navigation {
  display: inline-flex;
  justify-content: center;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
HEADER .topMenu .primary_navigation .primary_submenu {
  -webkit-box-shadow: 0 7px 10px 0 rgba(86, 86, 86, 0.14);
  box-shadow: 0 7px 10px 0 rgba(86, 86, 86, 0.14);
}
HEADER .topMenu .primary_navigation a.nestedLink {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}
HEADER .topMenu .primary_navigation.nestedMenu {
  right: 40px;
}
HEADER .topMenu .primary_navigation a,
HEADER .topMenu .primary_navigation li.hasSubmenu {
  color: rgb(0, 0, 0);
  font-size: 20px;
}
HEADER .topMenu .primary_navigation li {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0;
  white-space: nowrap;
}
HEADER .topMenu .primary_navigation li:hover > a, HEADER .topMenu .primary_navigation li.hasSubmenu ul .active > a, HEADER .topMenu .primary_navigation li.hasSubmenu.active, HEADER .topMenu .primary_navigation li.active > a {
  color: rgb(0, 127, 183);
}
HEADER .topMenu .primary_navigation li a {
  text-decoration: none;
}
HEADER .topMenu .primary_navigation li.activeSubMenu .menu_arrow {
  fill: rgb(0, 127, 183);
}
HEADER .topMenu .primary_navigation li.activeSubMenu > svg {
  transform: rotate(90deg);
  transition: 0.4s;
}
HEADER .topMenu .primary_navigation li.hasSubmenu li.link a {
  color: rgb(0, 0, 0);
  font-size: 14px;
}
HEADER .topMenu .primary_navigation li.nestedWrapper {
  height: 50px;
  position: relative;
  padding-right: 15px;
}
HEADER .topMenu .primary_navigation li.submenu-inside .menu_arrow {
  fill: rgb(90, 90, 90);
}
HEADER .topMenu .primary_navigation li.submenu-inside > svg {
  float: right;
  margin: 22px 0;
  visibility: hidden;
  display: none;
}
HEADER .topMenu .primary_navigation li.submenu-inside:not(.activeSubMenu) > svg {
  transition-duration: 0.4s;
  transition-property: transform;
  transform: rotate(0deg);
}
HEADER .topMenu .primary_navigation li.active div:after {
  background-image: url("../../favicon/favicon-32x32.png");
  height: 100%;
  width: 100%;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) {
  align-items: center;
  display: flex;
  height: 50px;
  justify-content: center;
  line-height: 30px;
  margin: 2px auto 0 auto;
  width: 100%;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li {
  border-bottom: 4px solid transparent;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_items li:hover, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_items li:hover, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_items li:hover, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_items li:hover {
  color: rgb(0, 127, 183);
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_explore li.menu_explore_head, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_explore li.menu_explore_head, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore li.menu_explore_head {
  border-bottom: none;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_explore li.menu_explore_head .explore_subHead, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head .explore_subHead, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_explore li.menu_explore_head .explore_subHead, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore li.menu_explore_head .explore_subHead {
  width: 100%;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_explore li.menu_explore_head .blog-link-container li, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head .blog-link-container li, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_explore li.menu_explore_head .blog-link-container li, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore li.menu_explore_head .blog-link-container li {
  align-items: baseline;
  justify-content: left;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_explore li.menu_explore_head span.text, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head span.text, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_explore li.menu_explore_head span.text, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore li.menu_explore_head span.text {
  font-size: 18px;
  height: auto;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_explore li.menu_explore_head span.small-link-blog, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head span.small-link-blog, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_explore li.menu_explore_head span.small-link-blog, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore li.menu_explore_head span.small-link-blog {
  color: rgb(0, 0, 0);
  display: -webkit-box;
  font-size: 15px;
  overflow: hidden;
  letter-spacing: 0.4px;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_explore li.menu_explore_head span.small-link-blog:hover, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head span.small-link-blog:hover, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_explore li.menu_explore_head span.small-link-blog:hover, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore li.menu_explore_head span.small-link-blog:hover {
  color: rgb(0, 127, 183);
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li {
  border-bottom: 1px solid rgb(195, 195, 195);
  cursor: pointer;
  height: 50px;
  padding-right: 10px;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li:last-child, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li:last-child, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li:last-child, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li:last-child {
  border-bottom: none;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li a:not(.subAnchor), HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li a:not(.subAnchor), HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li a:not(.subAnchor), HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li a:not(.subAnchor) {
  border-bottom: none;
  margin-left: 0;
  margin-right: 10px;
  width: 35%;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li a.horizontal_item, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li a.horizontal_item, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li a.horizontal_item, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li a.horizontal_item {
  width: 65%;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li div, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li div, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li div, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li div {
  width: 100%;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li .menuSubHead, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li .menuSubHead, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li .menuSubHead, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li .menuSubHead {
  width: 100%;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li .menuSubHead a, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li .menuSubHead a, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li .menuSubHead a, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li .menuSubHead a {
  display: flex;
  height: auto;
  width: auto;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li a.horizontal_item, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li a.horizontal_item, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li a.horizontal_item, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li a.horizontal_item {
  border-bottom: none;
  font-size: 15px;
  line-height: 18px;
  margin-left: 0;
  margin-right: 0;
  white-space: break-spaces;
  width: 65%;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (min-width: 1600px) {
  HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li {
    padding-top: 0;
    padding-bottom: 0;
  }
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children ul, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children ul, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children ul, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children ul {
  display: flex;
  flex-direction: column;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children.activeSubMenu {
  border-bottom: 4px solid rgb(0, 127, 183);
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li {
  height: 50px;
  justify-content: flex-start;
  width: auto;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li a {
  height: 50px;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li a:not(.subAnchor) {
  border-bottom: 1px solid rgb(195, 195, 195);
  margin-left: 0;
  width: 90%;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .explore_menu li a {
  margin-left: 25px !important;
  width: 90% !important;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .explore_menu li.menu_explore_head a {
  margin-left: 0 !important;
  white-space: break-spaces;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .explore_menu li:last-child a,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .menu_items li:last-child a {
  border-bottom: none !important;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) li a {
  margin-left: 15px;
  margin-right: 15px;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead {
  font-size: 15px;
  margin: 0;
}
@media (min-width: 1600px) {
  HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead {
    max-width: 300px;
  }
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead a:hover svg .nav-bar-icon {
  fill: rgb(0, 0, 0);
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead p {
  line-height: 1.4;
  white-space: break-spaces;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead a,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead a span {
  border-bottom: none;
  color: rgb(0, 127, 183);
  display: inline;
  font-size: 24px;
  height: 40px;
  justify-content: flex-start;
  margin: 0;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead a.subAnchor,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead a span.subAnchor {
  font-size: 14px;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead a span.text {
  display: inline-flex;
  height: auto;
  line-height: 1.4;
  white-space: break-spaces;
  width: calc(100% - 33px);
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead svg {
  height: 18px;
  overflow: initial;
  width: 18px;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead svg .nav-bar-icon {
  fill: rgb(0, 127, 183);
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead .subAnchorSmall {
  font-size: 12px;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .menu_explore_head {
  justify-content: center;
  margin-left: 18px;
}
@media (min-width: 1600px) {
  HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .menu_explore_head {
    justify-content: flex-start;
  }
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .menu_explore .menu_explore_head {
  justify-content: left;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .primary_submenu {
  background: rgb(255, 255, 255);
  display: none;
  flex-direction: row;
  height: auto;
  left: 0;
  position: absolute;
  top: 55px;
  width: 100%;
  z-index: 5;
  padding-left: calc(50% - 670px - 5%);
  padding-right: calc(50% - 670px - 5%);
}
@media (max-width: 1600px) {
  HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .primary_submenu {
    padding-left: 0;
    padding-right: 0;
  }
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .primary_submenu .main_menu {
  max-width: 1288px;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .primary_submenu span {
  font-size: 18px;
  width: calc(100% - 30px);
  white-space: initial;
  line-height: 1.3;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .primary_submenu span.explore_subHead {
  color: rgb(0, 127, 183);
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .primary_submenu table {
  border-top: 1px solid rgb(0, 0, 0);
  padding-bottom: 5px;
  padding-top: 5px;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .primary_submenu table tr {
  display: grid;
}
HEADER .topMenu .primary_navigation .has-children a {
  align-items: center;
  display: flex;
  justify-content: left;
}
HEADER .topMenu .primary_navigation .has-children li.active svg .nav-bar-icon {
  fill: rgb(0, 127, 183);
}
HEADER .topMenu .primary_navigation .has-children li:hover a svg .nav-bar-icon {
  fill: rgb(0, 127, 183);
}
HEADER .topMenu .primary_navigation .has-children li a:hover {
  color: rgb(0, 127, 183);
}
HEADER .topMenu .primary_navigation .has-children svg {
  height: 16px;
  margin-right: 15px;
  width: 16px;
  min-width: 16px;
}
HEADER .topMenu .primary_navigation .has-children ul {
  padding: 0;
}
HEADER .topMenu .primary_navigation .has-children ul.menu_tips {
  float: left;
  height: auto;
  margin-top: 10px;
  width: 37%;
}
HEADER .topMenu .primary_navigation .has-children ul.menu_tips li {
  height: auto !important;
}
HEADER .topMenu .primary_navigation .has-children ul.menu_tips li a {
  align-items: baseline;
}
HEADER .topMenu .primary_navigation .has-children ul.menu_tips .explore_subHead {
  max-width: 250px;
}
@media (min-width: 1600px) {
  HEADER .topMenu .primary_navigation .has-children ul.menu_tips .explore_subHead {
    max-width: 300px;
  }
}
HEADER .topMenu .primary_navigation .has-children ul.menu_items {
  display: grid;
  grid-template-columns: auto auto;
  width: 60%;
}
HEADER .topMenu.desktop .primary_navigation:not(.nestedMenu) > li.has-children .menu_items li.FeaturesOverview a,
HEADER .topMenu.desktop .primary_navigation:not(.nestedMenu) > li.has-children .menu_items li.ShelfLabels a {
  border-bottom: 0;
}
HEADER .topMenu .menu_items .AboutUs {
  display: none;
}
HEADER .explore_menu {
  background-color: rgb(241, 241, 241);
  min-width: 25%;
  flex: 1;
}
HEADER .main_menu {
  width: 75%;
}
HEADER .explore_menu,
HEADER .main_menu {
  float: left;
  padding-bottom: 10px;
  padding-top: 10px;
}
HEADER .menuButton {
  display: none;
}
HEADER .menu_explore {
  width: 100%;
}
HEADER .topMenu {
  display: flex;
  flex: 1;
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead a:hover, HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li .menuSubHead a:hover span {
  color: rgb(0, 0, 0);
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li .menuSubHead a:hover svg .nav-bar-icon,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li .menuSubHead a:hover svg .nav-bar-icon {
  fill: rgb(0, 127, 183);
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li .explore_subHead .menuSubHead a:hover span,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li .explore_subHead .menuSubHead a:hover span {
  color: rgb(0, 0, 0);
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li .explore_subHead .menuSubHead a:hover span,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li .explore_subHead .menuSubHead a:hover:first-child span,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .explore_menu li .explore_subHead .menuSubHead a:hover:first-child span {
  color: rgb(0, 127, 183);
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .menu_explore li.menu_explore_head > a:first-child,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .menu_explore li.menu_explore_head .menuSubHead > a:first-child {
  cursor: default;
}

.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li a,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li a,
.it HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li a,
.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li a {
  height: 60px;
}

.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li,
.es HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li,
.it HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li {
  height: 60px;
  line-height: 1.3;
  white-space: break-spaces;
}

.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head a,
.it HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head a,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head a,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head a {
  height: 50px;
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .primary_submenu .menu_explore span {
  width: auto;
}

.logoToOverview {
  height: 50px;
  width: 180px;
  z-index: 1;
}

.explore_subHead {
  cursor: default;
  font-size: 12px;
  line-height: 8px;
  margin: 0;
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li {
  height: 50px;
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_explore li.menu_explore_head,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head {
  height: auto;
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_explore li.menu_explore_head span.small-link-blog {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  display: -webkit-box;
  clear: both;
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_explore li.menu_explore_head {
  cursor: unset;
  flex-direction: column;
  height: auto;
}
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_explore li.menu_explore_head > a {
  color: rgb(0, 127, 183);
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore li {
  border-bottom: none;
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore li a {
  border-bottom: 1px solid rgb(195, 195, 195);
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore li:last-child a {
  border-bottom: none;
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li.Pricing:hover .menuSubHead svg .nav-bar-icon,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li.ReadandExplore:hover .menuSubHead svg .nav-bar-icon {
  fill: rgb(0, 127, 183);
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_tips li,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_tips li,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li.Pricing a,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li.MyQuant a,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li.ReadandExplore a {
  cursor: unset;
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li.MyQuant:hover a .text,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li.ReadandExplore:hover a .text {
  color: rgb(0, 127, 183);
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children.activeSubMenu .primary_submenu {
  display: flex;
}

HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore a,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_explore li.menu_explore_head a,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head a {
  height: 50px;
  padding-bottom: 5px;
}
@media (min-width: 1600px) {
  HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore a,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_explore li.menu_explore_head a,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head a {
    padding-bottom: 0;
  }
}

@media (max-width: 1350px) {
  .fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore a,
.it HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore a,
.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore a,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children .menu_explore a,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children .menu_explore li.menu_explore_head a {
    height: 50px;
  }
}
.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li,
.es HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li {
  line-height: 1.3;
  white-space: break-spaces;
}

@media (max-width: 1100px) {
  HEADER .topMenu .primary_navigation .has-children ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    padding: 0;
    width: 60%;
  }
  HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside tr td ul {
    display: block;
  }
}
@media (min-width: 1330px) {
  .logoToOverview {
    left: calc(50% - 610px - 5%);
  }
}
@media (min-width: 1501px) {
  :not(.cs) HEADER li.submenu-inside .primary_submenu table tr,
:not(.en) HEADER li.submenu-inside .primary_submenu table tr {
    grid-template-columns: auto auto auto auto;
  }
}
@media (max-width: 1500px) {
  :not(.cs) HEADER li.submenu-inside .primary_submenu table tr,
:not(.en) HEADER li.submenu-inside .primary_submenu table tr {
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 1350px) {
  .pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head a,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head a,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children .menu_explore li.menu_explore_head a,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li a,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li a,
.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li a,
.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li,
.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li,
.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li,
.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li,
.es HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li {
    height: 50px;
  }
  .pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li a,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li a,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li a,
.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li {
    height: 60px;
  }
}
@media (min-width: 1101px) {
  .fr HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.es HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo {
    display: none;
  }
  .cs HEADER li.Company.submenu-inside .primary_submenu table tr {
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .fr.memberLoggedIn .logoToOverview {
    width: 70px;
  }
  .fr.memberLoggedIn HEADER .topMenu .primary_navigation:not(.nestedMenu) {
    justify-content: unset;
    left: -9.5%;
  }
  .fr.memberLoggedIn HEADER #primary_navigation_logo #QuantSvg .quantSVG-text {
    display: none;
  }
  .fr.memberLoggedIn HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children .primary_submenu {
    left: -9.5%;
  }
}
@media (max-width: 1250px) {
  .en HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.es HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.de HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.pl HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.it HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.fr HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.cs HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo {
    display: none;
  }
}
@media (min-width: 1450px) {
  .fr HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.es HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo {
    display: flex;
  }
  .pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li a,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li a,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li a,
.pl HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li,
.fr HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li,
.de HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li {
    height: 50px;
  }
}
@media (max-width: 1350px) {
  .es HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo {
    display: none;
  }
}
@media (min-width: 1201px) {
  .cs HEADER li.submenu-inside .primary_submenu table tr,
.en HEADER li.submenu-inside .primary_submenu table tr {
    grid-template-columns: auto auto auto auto;
  }
  HEADER li.submenu-inside .primary_submenu table.Solutions tr {
    grid-template-columns: auto auto auto;
  }
}
@media (max-width: 1200px) {
  .cs HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo {
    display: none;
  }
  .en HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo {
    display: none;
  }
  .de HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo {
    display: none;
  }
  .cs HEADER li.submenu-inside .primary_submenu table tr,
.en HEADER li.submenu-inside .primary_submenu table tr {
    grid-template-columns: auto auto auto;
  }
}
@media (max-width: 1150px) {
  .it HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo {
    display: none;
  }
}
@media (max-width: 1100px) {
  HEADER .lin.topMenu .primary_navigation {
    width: auto;
  }
  HEADER .lin .primary_navigation.nestedMenu {
    width: 100%;
  }
  .it HEADER .lin .primary_navigation.nestedMenu,
.fr HEADER .lin .primary_navigation.nestedMenu {
    width: 100%;
  }
}
@media (max-width: 1100px) {
  header .behindCloseMenu {
    height: 1px;
    position: relative;
    top: -99px;
    width: 1px;
  }
  header .menu_tips,
header .explore_menu {
    display: none !important;
  }
  header .topMenu .primary_navigation li.submenu-inside > svg {
    float: unset;
    margin: 22px 0;
    visibility: hidden;
    display: none;
  }
  header .topMenu .primary_navigation li ul.menu_items li {
    height: 50px;
  }
  header .topMenu .primary_navigation li ul.menu_tips li.menu_explore_head .explore_subHead {
    max-width: initial;
  }
  header .topMenu .primary_navigation .primary_submenu {
    -webkit-box-shadow: unset;
    box-shadow: unset;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li {
    width: 80%;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.Company.has-children li, header .topMenu .primary_navigation:not(.nestedMenu) li.MyQuant.has-children li, header .topMenu .primary_navigation:not(.nestedMenu) li.Resources.has-children li, header .topMenu .primary_navigation:not(.nestedMenu) li.Pricing.has-children li {
    height: auto;
    justify-content: center;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.Company.has-children li a:not(.subAnchor), header .topMenu .primary_navigation:not(.nestedMenu) li.MyQuant.has-children li a:not(.subAnchor), header .topMenu .primary_navigation:not(.nestedMenu) li.Resources.has-children li a:not(.subAnchor), header .topMenu .primary_navigation:not(.nestedMenu) li.Pricing.has-children li a:not(.subAnchor) {
    border-bottom: none !important;
    margin-left: 0;
    width: 100%;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.Company.has-children li div, header .topMenu .primary_navigation:not(.nestedMenu) li.MyQuant.has-children li div, header .topMenu .primary_navigation:not(.nestedMenu) li.Resources.has-children li div, header .topMenu .primary_navigation:not(.nestedMenu) li.Pricing.has-children li div {
    width: 90% !important;
    max-width: initial;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.Company.has-children li .explore_subHead, header .topMenu .primary_navigation:not(.nestedMenu) li.MyQuant.has-children li .explore_subHead, header .topMenu .primary_navigation:not(.nestedMenu) li.Resources.has-children li .explore_subHead, header .topMenu .primary_navigation:not(.nestedMenu) li.Pricing.has-children li .explore_subHead {
    max-width: initial;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.Company.has-children li .horizontal_item, header .topMenu .primary_navigation:not(.nestedMenu) li.MyQuant.has-children li .horizontal_item, header .topMenu .primary_navigation:not(.nestedMenu) li.Resources.has-children li .horizontal_item, header .topMenu .primary_navigation:not(.nestedMenu) li.Pricing.has-children li .horizontal_item {
    border-bottom: 1px solid rgb(195, 195, 195);
    display: none;
    padding-bottom: 15px;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.Company.has-children li .menu_items, header .topMenu .primary_navigation:not(.nestedMenu) li.MyQuant.has-children li .menu_items, header .topMenu .primary_navigation:not(.nestedMenu) li.Resources.has-children li .menu_items, header .topMenu .primary_navigation:not(.nestedMenu) li.Pricing.has-children li .menu_items {
    border-bottom: 1px solid rgb(195, 195, 195);
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.Company.has-children li .blog-link-container a, header .topMenu .primary_navigation:not(.nestedMenu) li.MyQuant.has-children li .blog-link-container a, header .topMenu .primary_navigation:not(.nestedMenu) li.Resources.has-children li .blog-link-container a, header .topMenu .primary_navigation:not(.nestedMenu) li.Pricing.has-children li .blog-link-container a {
    height: 36px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.Company.has-children li .blog-link-container li, header .topMenu .primary_navigation:not(.nestedMenu) li.MyQuant.has-children li .blog-link-container li, header .topMenu .primary_navigation:not(.nestedMenu) li.Resources.has-children li .blog-link-container li, header .topMenu .primary_navigation:not(.nestedMenu) li.Pricing.has-children li .blog-link-container li {
    justify-content: left;
    padding: 0;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children ul li {
    border-bottom: unset;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children li a:not(.subAnchor) {
    margin-left: 0;
    padding-left: 35px;
    width: calc(100% - 35px);
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children li a.subHead {
    border-bottom: unset;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu {
    border-bottom: 1px solid rgba(0, 0, 0, 0.45);
    padding-bottom: 0;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu,
header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu ul,
header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .explore_menu ul,
header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .explore_menu {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu {
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_tips {
    margin-top: 0;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_tips .menu_explore_head {
    height: auto !important;
    padding-right: 8px;
    width: calc(100% - 45px);
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_tips .menu_explore_head .menuSubHead {
    max-width: initial;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_tips .menu_explore_head .menuSubHead a {
    align-items: baseline;
    color: rgb(0, 0, 0);
    font-size: 16px;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_tips .menu_explore_head .menuSubHead a.subAnchor {
    color: rgb(0, 127, 183);
    font-size: 12px;
    text-decoration: underline;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_tips .menu_explore_head .menuSubHead a span {
    padding: 3px 10px 10px 8px;
    width: calc(100% - 52px);
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_tips .menu_explore_head .menuSubHead p {
    margin: 10px 0;
    white-space: break-spaces;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_tips .menu_explore_head .menuSubHead svg {
    height: 22px;
    margin-top: -5px;
    width: 22px;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_items {
    width: 100%;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_items li {
    padding: 0;
    width: 100%;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_items li:last-child a {
    border-bottom: 1px solid rgb(195, 195, 195);
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_items li span {
    font-size: 18px;
    margin-right: 0;
    padding: 14px 0;
    width: 100%;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .main_menu .menu_items li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.45);
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .explore_menu {
    background-color: unset;
    margin: auto;
    padding-bottom: 0;
    padding-top: 0;
    width: calc(100% - 45px);
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .explore_menu li a {
    border-bottom: 1px solid rgb(195, 195, 195);
    margin-left: 0 !important;
    padding: 8px 0;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .explore_menu li .blog-link-container li a {
    border-bottom: 1px solid rgb(195, 195, 195) !important;
    width: 100% !important;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .explore_menu li .blog-link-container li:last-child a {
    border-bottom: none !important;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .explore_menu li:last-child a {
    border-bottom: none !important;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .explore_menu .menu_explore .menu_explore_head {
    height: auto;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .explore_menu .menu_explore .CaseStudies {
    padding-bottom: 16px;
    padding-top: 16px;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .explore_menu .menu_explore li {
    font-size: 16px;
    margin-left: 0;
    padding-bottom: 0;
    padding-right: 12px;
    padding-top: 0;
    width: 100%;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu .explore_menu .menu_explore li a {
    height: 36px;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children .primary_submenu {
    position: relative;
    top: initial;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children .primary_submenu span {
    font-size: 16px;
    padding: 0;
  }
  header .topMenu .primary_navigation:not(.nestedMenu) li.has-children.activeSubMenu > a {
    padding-bottom: 23px;
  }
  HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_explore li.menu_explore_head a {
    flex-direction: row;
  }
  HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children .menu_explore li.menu_explore_head a svg {
    height: 20px;
    margin-top: 0;
    width: 20px;
  }
  HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.has-children li a,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Solutions.has-children li {
    height: 68px;
  }
  HEADER .topMenu .primary_navigation:not(.nestedMenu) li.Pricing.has-children .explore_menu li a {
    border-bottom: 1px solid rgb(195, 195, 195) !important;
  }
  HEADER .topMenu .primary_navigation:not(.nestedMenu) li.Pricing.has-children .explore_menu li:last-child a {
    border-bottom: none !important;
  }
  HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Company.has-children li .menuSubHead,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Resources.has-children li .menuSubHead,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.MyQuant.has-children li .menuSubHead,
HEADER .topMenu .primary_navigation:not(.nestedMenu) > li.Pricing.has-children li .menuSubHead {
    width: 100% !important;
  }
  .menu_items .AboutUs,
.menu_items .PricingOverview {
    display: block;
  }
  HEADER .topMenu .primary_navigation li.activeSubMenu > a {
    color: rgb(0, 127, 183);
  }
  HEADER ul.nestedMenu.primary_navigation {
    right: unset;
  }
  HEADER .topMenu .primary_navigation li.nestedWrapper {
    height: auto;
  }
  HEADER .topMenu ul.primary_navigation.nestedMenu {
    padding-top: 50px;
  }
  HEADER .topMenu .primary_navigation.nestedMenu li {
    padding: 0;
  }
  .fr HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.cs HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.es HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.de HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
.en HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo {
    display: block;
  }
  HEADER .topMenu .primary_navigation.nestedMenu li > a:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 127, 183);
  }
}
.nestedBtns {
  border: 1px solid rgb(0, 127, 183);
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: table;
  padding: 2px 10px 2px 10px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  width: -moz-fit-content;
}

.nestedBtns,
.nestedBtns a.nestedLink {
  padding-right: 0;
}

.nestedBtns:hover {
  color: rgb(255, 255, 255) !important;
  border: 1px solid rgb(0, 127, 183);
}

#welcomePage {
  align-items: center;
  background: linear-gradient(45deg, rgb(0, 175, 227) 0%, rgb(0, 127, 183) 40%, rgb(0, 127, 183) 60%, rgb(9, 68, 122) 100%);
  cursor: default;
  display: flex;
  flex-direction: row;
  height: calc(88.5vh - 55px);
  justify-content: center;
  margin-top: 55px;
  position: relative;
}

.home #welcomePage .nestedBtns {
  margin-right: 20px;
}

h1.bigPictureLabel {
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  display: block;
  font-size: 48px;
  font-weight: 600;
  line-height: 55px;
  max-width: 10em;
  z-index: 5;
}

small.bigPictureText {
  color: rgb(255, 255, 255);
  display: block;
  font-size: 22px;
  line-height: 2.2rem;
  max-width: 550px;
  text-align: left;
  width: 550px;
  z-index: 5;
}

div.opacityBackgroung {
  border-radius: 4px;
  display: flex;
  width: fit-content;
  width: -moz-fit-content;
  width: 100%;
  margin-bottom: 20px;
}
div.opacityBackgroung:hover {
  background-color: rgba(18, 50, 97, 0);
}

div.positionGrid {
  bottom: 30px;
  height: 88.5vh;
  position: absolute;
  right: 30px;
}
@media (max-height: 650px) {
  div.positionGrid {
    visibility: hidden;
  }
}

span.logoGrid {
  background-repeat: no-repeat;
  background-image: url("../../img/header/sablona.svg");
  bottom: 1%;
  cursor: default;
  height: 140px;
  position: absolute;
  right: 7px;
  z-index: 7;
  width: 140px;
}

#welcomePage div.nestedBtns {
  border-color: rgb(255, 255, 255);
  margin: 0 auto;
  padding: 1px 10px 1px 10px;
  width: fit-content;
  width: -moz-fit-content;
}

#welcomePage div.nestedBtns:hover {
  background-color: rgb(0, 127, 183);
}

#welcomePage div.nestedBtns a.nestedLink {
  color: rgb(255, 255, 255);
  display: flex;
  font-size: 16px;
  font-weight: 400;
  padding: 2px;
  text-decoration: none;
}

@media (max-width: 450px) {
  .home #welcomePage .nestedBtns {
    margin: 10px auto;
  }
}
@media (max-width: 750px) {
  div.positionGrid {
    visibility: hidden;
  }
}
@media (max-width: 700px) {
  div.positionGrid {
    visibility: hidden;
  }
}
#download .H2_text_center,
#articleBlog .H2_text_center {
  font-weight: bold;
}

.onTopPageContainer h1,
.onTopPageContainer h4 {
  color: rgb(255, 255, 255);
}

.onTopSvgClass {
  fill: rgb(255, 255, 255);
}

@media (min-width: 800px) and (max-width: 895px) {
  .onTopPageContainer h1,
.onTopPageContainer h4 {
    padding-bottom: 40px;
  }
}

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

#languageBar {
  z-index: 99 !important;
  color: rgb(255, 255, 255);
  display: flex;
  height: 50px;
  line-height: 25px;
  margin: 0;
  width: 100%;
}
#languageBar > div {
  display: inline-flex;
  justify-content: center;
  margin: auto;
  max-width: 1040px;
  width: 100%;
}
#languageBar ul, #languageBar li {
  margin: 0;
}
#languageBar .openChooser {
  float: left;
  margin-right: 5px;
  position: absolute;
  right: 17px;
  top: 0;
  transform: rotate(90deg);
  width: 9px;
}
#languageBar .openChooser.hitClassOpen {
  margin-right: 0;
  transition: 0.05s;
  transform: rotate(270deg);
}
#languageBar #closeIconLanguageBar {
  margin-left: 30px;
  margin-top: 5px;
}
#languageBar .menu_arrow {
  fill: rgb(0, 50, 85);
}
#languageBar li {
  align-items: center;
  background: rgb(255, 255, 255);
  display: flex;
  direction: ltr;
  height: 25px;
  list-style-type: none;
  padding: 0 15px;
  width: 10em;
}
#languageBar li:hover {
  background: rgb(0, 127, 183);
  color: rgb(255, 255, 255);
}
#languageBar li:hover .menu_arrow {
  fill: rgb(255, 255, 255);
}
#languageBar li:hover div, #languageBar li:hover a {
  color: rgb(255, 255, 255);
}
#languageBar li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#languageBar li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#languageBar li div, #languageBar li a {
  color: rgb(0, 0, 0);
}
#languageBar a {
  text-decoration: none;
}
#languageBar a:not(.animatedButtonsReverse):hover {
  text-decoration: none;
}
#languageBar ul {
  float: left;
}
#languageBar ul:hover {
  color: rgb(255, 255, 255);
}
#languageBar .languageBarButton {
  background: rgb(0, 50, 85);
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  line-height: 20px;
  margin-left: 25px;
  padding: 2px 10px 2px 10px;
}
#languageBar .languageBarButton:hover {
  background: rgb(0, 127, 183);
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
#languageBar .language.selector {
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#languageBar .langLink.openChooser {
  height: 25px;
}
#languageBar #closeIconLanguageBar {
  float: none;
  position: absolute;
  right: 20px;
}

.langBar {
  display: inline-flex;
  text-align: center;
  color: rgb(255, 255, 255);
  height: 30px;
  line-height: 30px;
  background-color: rgb(0, 0, 0);
  opacity: 0.8;
  position: absolute;
  right: 0;
  z-index: 8;
}
.langBar a {
  text-decoration: none;
  color: rgb(255, 255, 255);
}
.langBar svg {
  width: 32px;
  height: 32px;
}
.langBar .close {
  float: right;
  padding-top: 4px;
  padding-right: 11px;
}
.langBar .dialogCloseIcon {
  fill: rgb(255, 255, 255);
}
.langBar .content {
  width: auto;
}
.langBar .content .langLink:hover {
  text-decoration: underline;
}
.langBar .content span {
  margin: 0 20px 0 20px;
}

#closeIconLanguageBar,
#closeIcon {
  background: url("../../img/header/close.svg") no-repeat;
  width: 13px;
  height: 13px;
  margin: 8px 0 auto 8px;
  float: right;
}

#languageBarAppear .primaryMenu {
  top: 50px;
}

@media (max-width: 800px) {
  #languageBarAppear .primaryMenu {
    top: 100px;
  }
  #languageBar {
    height: 100px;
  }
  #languageBar .hitClassDiv {
    width: 100%;
  }
  #languageBar,
#languageBar > div {
    display: block;
  }
  #languageBar div > div > div > a {
    position: absolute;
    right: 17px;
  }
  #languageBar ul {
    padding-left: 17px;
    width: 50vw;
  }
  #languageBar li {
    width: auto;
  }
  #languageBar .languageBarInfo {
    margin: auto 0;
    padding: 17px;
  }
  #languageBar #closeIconLanguageBar {
    top: 17px;
  }
}
@media (max-width: 400px) {
  #languageBarAppear .primaryMenu {
    top: 50px;
  }
  #languageBar {
    height: 50px;
  }
  #languageBar ul {
    left: 20px;
    position: absolute;
  }
  #languageBar .languageBarInfo {
    visibility: hidden;
  }
  #languageBar .hitClassDiv {
    top: 13px;
  }
  #languageBar .languageBarButton {
    right: 5px;
  }
  #languageBar #closeIconLanguageBar {
    left: 4px;
    margin-left: 0;
    top: 14px;
  }
}

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

svg .menuIcon, svg .basicIcon {
	fill: rgb(74,136,204);
}
.pipe {
	color: rgb(221,221,221);
}
.clear {
	clear: both;
}
.left {
    text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.linkedImg {
	cursor: pointer;
}
.package {
	margin: 0 auto 0 auto;
	width: 100%;
}
.disabled {
	cursor: default;
	opacity: 0.33;
	pointer-events: none;
}
.hidden {
	display: none;
}
HTML {
	background: #FFFFFF;
}
BODY {
	margin: 0;
}
A {
	cursor: pointer;
	text-decoration: none;
}
H1, H2, H3, H4, .platformName {
	font-weight: normal;
	text-align: left;
}
H1, H4, .platformName, .big {
	color: rgb(0,126,195);
	font-size: 26px;
}
H2 {
	color: rgb(0,126,195);
	font-size: 24px;
}
H3 {
	color: rgb(158, 158, 158);
	font-size: 22px;
}
H4,.platformName {
	font-size: 18px;
}
.primary_navigation li {
	margin: 0;
}
li {
	margin: 10px 0;
}
input {
	appearance: none;
}
input[type=text], input[type=password] {
    border: solid 1px #B4B5B4;
	box-sizing:border-box;
    padding: 4px;
}
input[type=submit], button[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    background-color: #007FB7;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 15px;
    padding: 4px 10px;
}
input[type=submit]:hover, button[type=submit]:hover {
    box-shadow: inset 200px 200px rgba(0,0,0,0.15);
    cursor: pointer;
}
.contactEmail {
	display: none !important;
}
#map A {
	cursor: pointer;
	text-decoration: none;
}
#map A:HOVER {
	text-decoration: underline;
}
.js-dialog-wrapper-modal {
	position: fixed;
}
/**
ARTICLE
*/
ARTICLE {
	text-align: center;
	width: 100%;
}
ARTICLE.top {
/** TODO @hamal urgent check this change **/
    margin-top: 80px;
}
ARTICLE.topMemberMenu {
	margin-top: 90px;
}
.langBarVisible ARTICLE.topMemberMenu,
.langBarVisible ARTICLE.top {
	top: 20px;
}
.langBar {
	top : 65px;
	right: 0;
}
ARTICLE.noOverflow {
	overflow: hidden;
}
ARTICLE P.startText {
	margin-left: 40px;
	margin-right: 40px;
}
ARTICLE H1.startText {
	margin-left: 60px;
	text-align: left;
}
ARTICLE SECTION.downloadSection {
	padding-top: 15px;
}
ARTICLE SECTION.article {
    background: white;
	margin: 0 auto 0 auto;
	width: 100%;
}
#articleBlog {
	background-color: rgb(0, 50, 85);
	background-image: linear-gradient(rgb(0, 127, 183), rgb(182, 216, 236));
	margin: 0 auto 0 auto;
	width: 100%;
}
ARTICLE SECTION.article.blogPost {
	padding-top: 5px;
}
ARTICLE SECTION.article.singleArticle {
	min-height: 580px;
}
ARTICLE SECTION.article.tutorials {
    height: calc(100vh - 130px);
    position: relative;
}
ARTICLE SECTION.article.tutorials .mobileDownload{
	display: none;
}
ARTICLE SECTION.article.features {
    min-height: 403px;
}
ARTICLE SECTION.article.transparent {
	background-color: transparent;
}
.whiteBg {
	background-color: white;
}
ARTICLE DIV.bgLine {
	background: #FFFFFF;
	background: linear-gradient(rgb(236, 239, 241), rgb(254, 254, 254));
	background-repeat: repeat-x;
	background-size: auto 60%;
	position: absolute;
	width: 100%;
}
ARTICLE DIV.bgLine {
	height: 200px;
	position: absolute;
	z-index: -5;
}
ARTICLE DIV.grayLine {
	border-bottom: 1px solid rgb(221, 221, 221);
	color: rgb(61, 61, 61);
	font-size: 18px;
	font-weight: normal;
	margin-top: 40px;
	text-align: left;
	width: auto;
}
ARTICLE DIV.grayLine DIV {
	background: rgb(236, 239, 241);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: inline;
	margin-left: 20px;
	padding: 2px 10px 2px 10px;
	text-align: center;
	vertical-align: middle;
}
/*noLine isn't use*/
ARTICLE DIV.grayLine.noLine {
	border: none;
	margin-bottom: -9px;
	margin-left: 100px;
}
ARTICLE DIV.info {
	display: inline-block;
	margin-top: 20px;
	padding-left: 60px;
	padding-right: 60px;
	width: 860px;
}
ARTICLE DIV.search {
	/*display: inline-block;*/
	margin: 0 auto;
	width: 100%;
	max-width: 1077px;
}
ARTICLE DIV.info.blog {
	margin-top: 0;
}
ARTICLE DIV.info.contacts {
	display: inline-block;
	vertical-align: top;
	width: 44%;
}

ARTICLE DIV.info.login {
	background: #FFFFFF;
	background: linear-gradient(rgb(236, 239, 241), rgb(254, 254, 254));
	border: 2px solid rgb(236, 239, 241);
	border-radius: 10px;
	box-shadow: 6px 6px rgba(243, 243, 243, 0.5);
	height: 280px;
	margin: 6% 0 1%;
	width: 400px;
}

ARTICLE DIV.info.login.error {
	margin: 6% 0;
}

ARTICLE DIV.info.login H5 {
	margin-bottom: 0;
	/*margin-right: 10px;*/
	text-align: right;
}
ARTICLE DIV.info.login {
    padding-left: 40px;
    padding-right: 40px;
    width: 370px;
}
ARTICLE DIV.info DIV.infoText {
	margin-left: 160px;
}
ARTICLE.aboutUs DIV.info DIV.infoText {
	margin-left: 0;
}
ARTICLE .forgotPassword DIV.info DIV.infoText {
	margin-left: 125px;
}
ARTICLE DIV.forgotPassword.info DIV.infoText {
    max-width: 195px;
}
ARTICLE  DIV.forgotPassword.info DIV.infoText {
	max-width: 225px;
}
#loginError {
	margin: 22px 0;
	text-align: left;
	line-height: 150%;
}
#loginError a {
	text-decoration: none;
}
ARTICLE DIV.info DIV.infoText.compare {
	margin-left: 290px;
}
ARTICLE.aboutUs DIV.info DIV.infoText.noImg {
	float: right;
	width: calc(100% - 150px);
}
ARTICLE DIV.info DIV.infoText.noImg {
	float: left;
	margin-left: 0;
 	width: 100%;
}
ARTICLE DIV.info DIV.infoText.rightImg {
	margin-left: 0;
}
ARTICLE DIV.info DIV.infoText.rightImg.rightText {
	margin-left: 380px;
}
ARTICLE DIV.info DIV.infoText H1 {
	margin-bottom: 10px;
	text-align: left;
}
ARTICLE DIV.info DIV.infoText.personalData H2,
ARTICLE DIV.info DIV.infoText.personalData H3{
	margin-left: 0;
	margin-top: 20px;
}
ARTICLE DIV.info DIV.infoText H2 {
	margin-bottom: 10px;
	margin-left: 20px;
	text-align: left;
}
ARTICLE DIV.info DIV.infoText H3 {
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 0;
	text-align: left;
}
ARTICLE DIV.info DIV.infoText P {
	line-height: 150%;
	text-align: justify;
}
ARTICLE DIV.info DIV.infoText A {
	text-decoration: none;
}
ARTICLE DIV.info DIV.infoText A:HOVER {
	text-decoration: underline;
}
ARTICLE DIV.info DIV.infoText TABLE {
	line-height: 150%;
	margin-left: -4px;
	text-align: left;
}
ARTICLE DIV.info DIV.infoText TABLE.compareFeatures {
	margin-left: 10%;
	text-align: center;
	width: 80%;
}
ARTICLE DIV.info DIV.infoText TABLE TD {
	vertical-align: top;
}
ARTICLE DIV.info DIV.infoText TABLE.compareFeatures TD {
	border-top: 1px dashed #EEE;
	vertical-align: middle;
	width: 200px;
}
ARTICLE DIV.info DIV.infoText TABLE.compareFeatures TD.txt {
	text-align: right;
	width: 300px;
}
.cs ARTICLE DIV.info DIV.infoText UL {
    margin-bottom: 25px;
    margin-top: 25px;
}
ARTICLE DIV.info DIV.infoText UL {
	list-style-type: none;
	margin-bottom: 40px;
	margin-left: 20px;
	margin-top: 40px;
	text-align: left;
}
ARTICLE DIV.info DIV.infoText.personalData UL {
	margin: 0;
}
ARTICLE DIV.info DIV.infoText.download UL {
	margin-bottom: 0;
	margin-top: 0;
}
ARTICLE DIV.info DIV.infoText UL LI {
	background: url(../img/utils/Dot@2x.png) no-repeat;
	background-position: 0 5px;
	background-size: 10px;
	margin-left: -20px;
	margin-bottom: 10px;
	padding-left: 20px;
}
ARTICLE DIV.info DIV.img {
	background-repeat: no-repeat;
	float: left;
	margin: 0 auto 0 auto;
}
ARTICLE DIV.info.up {
	margin-top: -50px;
}
ARTICLE DIV.info.connectPartners {
    margin-top: -57px;
}
.de ARTICLE DIV.info.connectPartners {
    margin-top: -30px;
}
ARTICLE DIV.integratedFloorplanning.info.up {
    margin-top: 0;
}
ARTICLE DIV.up.smartGrid {
    margin-top: -72px;
}
ARTICLE DIV.storePlanograms {
    margin-top: 35px;
}
ARTICLE DIV.heatMap {
    margin-top: 5px;
}
ARTICLE DIV.up.iQuant {
    margin-top: 41px;
}
.cs ARTICLE DIV.integratedFloorplanning.info.up {
	margin-top: 0;
}
ARTICLE DIV.info DIV.infoText.blog P,
ARTICLE DIV.info DIV.infoText.features P {
	margin-bottom: 5px;
	margin-left: 20px;
	margin-top: 0;
}
ARTICLE DIV.info DIV.infoText.blog H1,
ARTICLE DIV.info DIV.infoText.features H1,
ARTICLE DIV.info DIV.infoText.features H2 {
	margin-bottom: 4px;
	margin-left: 20px;
}
ARTICLE DIV.info DIV.infoText.blog H3 {
	margin-bottom: 40px;
}
ARTICLE DIV.linkedInfo {
	cursor: pointer;
}
ARTICLE DIV.linkedInfo:HOVER P A {
	text-decoration: underline;
}
ARTICLE UL.horizontalInfo {
	padding-left: 0;
	width: 100%;
}
ARTICLE UL.horizontalInfo.download {
	margin-top: 42px;
}
ARTICLE UL.horizontalInfo LI {
	display: inline-table;
	height: 350px;
	max-width: 24%;
	margin: 0 auto 0 auto;
}
ARTICLE UL.horizontalInfo.download LI {
	border: solid 1px #CCC;
	border-radius: 5px;
	height: 160px;
	margin: 0 20px 0 20px;
	max-width: 25%;
	padding: 5px 5px 5px 5px;
	width: 244px;
}
ARTICLE UL.horizontalInfo LI:HOVER {
	cursor: pointer;
}
ARTICLE UL.horizontalInfo.download LI:HOVER {
	background: #FFFFFF;
	background: linear-gradient(rgb(236, 239, 241), rgb(254,254,254));
}
ARTICLE UL.horizontalInfo LI:HOVER A {
	text-decoration: underline;
}
ARTICLE UL.horizontalInfo LI DIV.horizontalInfoDiv {
	margin: 0 auto 0 auto;
	width: 100%;
}
ARTICLE UL.horizontalInfo DIV.grayLineHI {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
}
ARTICLE UL.horizontalInfo DIV.grayLineHI DIV {
	font-size: 21px;
	padding-left: 5px;
	padding-top: 10px;
	text-align: left;
}
ARTICLE UL.horizontalInfo LI:HOVER DIV.grayLineHI DIV {
	color: rgb(0,126,195);
}
ARTICLE UL.horizontalInfo P {
	height: 150px;
	margin-left: 25px;
	margin-right: 25px;
	text-align: left;
	line-height: 130%;
}
ARTICLE UL.horizontalInfo.download P {
	height: auto;
	margin: 10px 26px 10px 26px;
	text-align: center;
}
ARTICLE UL.horizontalInfo A {
	margin-top: 5px;
	text-decoration: none;
}
ARTICLE UL.horizontalInfo DIV.img {
	height: 120px;
	margin-left: 20px;
	width: 170px;
}
ARTICLE DIV.contactImgDiv {
	text-align: left;
}
ARTICLE DIV.contactImgDiv .contactImg {
	display: inline-block;
	margin-top: 10px;
	margin-right: 40px;
}
ARTICLE DIV.contactImgDiv .contactImg img {
	height: 45px;
	width: 45px;
}
ARTICLE #smallMap {
    display: none;
}
ARTICLE #map {
	display: inline-block;
	margin-right: 20px;
	margin-top: 60px;
	text-align: left;
}
ARTICLE OL {
	line-height: 150%;
	list-style-position: outside;
	margin-left: 5%;
	margin-top: 40px;
	text-align: left;
	width: 80%;
}
ARTICLE DIV.info DIV.infoText.download OL {
	margin-left: 0;
	margin-top: 10px;
}
ARTICLE OL LI {
	margin-bottom: 5px;
}
ARTICLE OL A {
	text-decoration: none;
}
ARTICLE .manualBullets a:hover,
ARTICLE OL A:HOVER {
	text-decoration: underline;
}
/**
TUTORIAL
**/
ARTICLE #searchBar {
	float: none;
	margin-bottom: -10px;
	margin-left: -74%;
	margin-top: 10px;
}
ARTICLE #ssearchBarText {
	width: 200px;
}
ARTICLE #tutorialMenu {
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	direction: rtl;
	display: inline-block;
	height: 100%;
	margin-left: 0;
	position: relative;
	text-align: left;
	width: 250px;
}
#tutorialMenu .tutorialMenuHider {
    background-color: transparent;
    bottom: 0;
    display: none;
    height: 35px;
    position: absolute;
    right: -35px;
    top: 0;
    width: 35px;
}
ARTICLE #tutorialMenu li {
	margin: 0;
}
ARTICLE #tutorialMenu UL {
    height: 100%;
	list-style: none;
	margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
	padding: 0;
}
ARTICLE #tutorialMenu LI DIV.link {
	cursor: pointer;
}
ARTICLE #tutorialMenu SPAN.plusIcon {
	background: url("../img/utils/Plus@2x.png") no-repeat;
	background-size: 100%;
	float: right;
	height: 17px;
	margin-top: 0;
	margin-right: 10px;
	width: 17px;
}
ARTICLE #tutorialMenu UL.tutMenu_layer2 SPAN.plusIcon {
	height: 13px;
	margin-top: 2px;
	width: 13px;
}
ARTICLE #tutorialMenu UL.tutMenu_layer3 SPAN.plusIcon {
	height: 9px;
	margin-top: 4px;
	width: 9px;
}
ARTICLE #tutorialMenu A.openedMenu SPAN.plusIcon {
	background: url("../img/utils/Minus@2x.png") no-repeat;
	background-size: 100%;
}
ARTICLE #tutorialMenu UL.tutMenu_layer2,
ARTICLE #tutorialMenu UL.tutMenu_layer3,
ARTICLE #tutorialMenu UL.tutMenu_layer4 {
	display: none;
}
/** LAYER1 **/
ARTICLE #tutorialMenu LI.layer1 {
	background: #FFFFFF;
	background: linear-gradient(270deg, rgba(236, 239, 241, 0.3), rgba(254, 254, 254, 1));
	border-bottom: 1px rgba(236, 239, 241, 0.3) solid;
	border-bottom-right-radius: 10px;
	border-top: 1px rgba(236, 239, 241, 0.3) solid;
	border-top-right-radius: 10px;
	padding-bottom: 10px;
}
ARTICLE #tutorialMenu LI.layer1 DIV.link {
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
	width: 230px;
}
ARTICLE #tutorialMenu LI.layer2 DIV.link {
	padding-bottom: 5px;
	padding-left: 30px;
	padding-top: 5px;
	width: 220px;
}
ARTICLE #tutorialMenu LI.layer3 DIV.link {
	padding-bottom: 3px;
	padding-left: 45px;
	padding-top: 3px;
	width: 200px;
}
ARTICLE #tutorialMenu LI.layer4 DIV.link {
	padding-bottom: 1px;
	padding-left: 65px;
	padding-top: 1px;
	width: 180px;
}
ARTICLE #tutorialMenu LI.openedMenu>DIV.link A {
    text-decoration: underline;
}
/** LAYER COLORS **/
ARTICLE #tutorialMenu LI.layer1:HOVER, ARTICLE #tutorialMenu LI.layer1.subMenuOpened, ARTICLE #tutorialMenu LI.layer1.subMenuOpened:HOVER {
	background: rgb(226, 231, 234);
}
ARTICLE #tutorialMenu LI.layer2,
ARTICLE #tutorialMenu LI.layer3,
ARTICLE #tutorialMenu LI.layer4 {
	background: #FFFFFF;
	background: linear-gradient(270deg, rgb(226, 231, 234), rgb(199, 217, 233));
}
ARTICLE #tutorialMenu LI.layer1.openedMenu, ARTICLE #tutorialMenu LI.layer1.openedMenu:HOVER,
ARTICLE #tutorialMenu LI.layer2.openedMenu, ARTICLE #tutorialMenu LI.layer2:HOVER,
ARTICLE #tutorialMenu LI.layer3.openedMenu, ARTICLE #tutorialMenu LI.layer3:HOVER,
ARTICLE #tutorialMenu LI.layer4.openedMenu, ARTICLE #tutorialMenu LI.layer4:HOVER {
	background: #FFFFFF;
	background: linear-gradient(270deg, rgb(226, 231, 234), rgb(167, 195, 226));
}
ARTICLE #tutorialContent {
	display: inline-block;
	float: right;
	margin-right: 20px;
    transition: width 0.2s;
}
ARTICLE #tutorialContent .pdfObject {
    border: none;
    height: 480px;
}
ARTICLE #tutorialContent.releaseNotes .pdfObject {
	height: 1000px;
}
ARTICLE #tutorialContent A {
    text-decoration: none;
}
ARTICLE #tutorialContent A:HOVER {
    text-decoration: underline;
}
ARTICLE #tutorialContent DIV.info {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}
ARTICLE #tutorialContent DIV.info DIV.infoText {
	margin: 0;
	margin-left: 20px;
	padding: 0;
	width: 660px;
}
ARTICLE #tutorialContent DIV.info DIV.infoText H2 {
	margin-bottom: 30px;
	margin-left: 0;
}
ARTICLE #tutorialContent DIV.info DIV.infoText UL {
	margin-left: 25px;
	margin-top: 10px;
	padding-left: 20px;
}
ARTICLE #tutorialContent DIV.info DIV.infoText OL {
	margin-left: 25px;
	margin-top: 10px;
	padding-left: 20px;
}
ARTICLE .illustration {
	max-width: 100%;
	padding: 15px;
}
.loginForm{
    text-align: left;
}
.loginForm .line {
    margin-bottom: 10px;
}
.forgotPasswordForm .line {
	margin-bottom: 30px;
}
.loginForm input[type=text], .loginForm input[type=password] {
    margin-top: 4px;
    width: 100%;
}
.forgotPasswordForm input[type=text] {
	width: 215px;
}
.forgotPasswordResult h3 {
	color: black;
	text-align: center;
}
.loginForm input[type=submit] {
    float: right;
}
	/*** BLOG ***/
ARTICLE .blogList {
	min-height: 670px;
}
ARTICLE .blogList A {
	text-decoration: none;
}

ARTICLE.blogEditor .releaseNoteHeading,
ARTICLE .blogList h2,
ARTICLE .oneBlogPost h1,
ARTICLE .oneBlogPost h4,
.rightLinksWrapper .blogPostLink,
ARTICLE .oneBlogPost A button {
	color: #0061A1;
	font-weight: bold;
	margin: auto 0;
}

ARTICLE .blogPost .headerWrapper,
ARTICLE.blogEditor .headerWrapper {
	display: flex;
	margin-bottom: 10px;
	width: 100%;
}

@media (max-width: 500px) {
	line-height: 130%;
	font-size: 24px;
}

ARTICLE .blogPost .headerWrapper .manualEditButton {
	height: fit-content;
	align-self: center;
	margin-left: 10px;
}

ARTICLE.blogEditor .headerWrapper a button,
ARTICLE.blogEditor .headerWrapper .saveBlogButton {
	margin-left: 10px;
	font-size: 16px;
	height: fit-content;
}

ARTICLE .blogList h2 {
	margin-bottom: 4px;
}
ARTICLE .oneBlogPost h1 {
	margin: 0.7em 0;
}
ARTICLE	.oneBlogPost p,
.oneBlogPost .blogInfoSpan.description {
	line-height: 150%;
}
.oneBlogPost .blogInfoSpan {
	color: rgb(127,127,127);
	font-size: 90%;
}
.oneBlogPost .blogInfoSpan.description {
	color: black;
	font-size: 100%;
}
.blogInfoSpan.author {
	float: right;
}
.oneBlogPost {
	display: block;
	margin-bottom: 20px;
	min-height: 175px;
	padding-bottom: 20px;
}
.blogPopularHeading,
.blogDateHead {
	display: block;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	text-align: left;
}
.blogDateHead {
	bottom: -9px;
	font-size: 0.9em;
	position: absolute;
}
.blogPopularHeading {
	font-weight: 800;
}
H4.blogPostHead {
	display: -webkit-box;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 0;
	max-height: 62px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	width: auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
p.blogDescription {
	display: -webkit-box;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 26px;
	max-height: 105px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.blogTextParagraph {
	height: 90%;
	width: 59%;
}
ARTICLE SECTION DIV.info DIV.infoText .oneBlogPost H2 {
	margin: 5px 0;
}
.oneBlogPost .blogImageWrapper {
	float: left;
	height: 165px;
	margin-right: 30px;
	margin-top: 5px;
	text-align: center;
	width: 165px;
}
.oneBlogPost .blogImageWrapper img {
	max-width: 100%;
	max-height: 100%;
}
.oneBlogPost A:hover {
	text-decoration: underline;
}
.oneBlogPost A:hover span.prevNextIcon {
	text-decoration: none;
}
.oneBlogPost .rightLinksWrapper {
	display: block;
	text-align: right;
}
.oneBlogPost:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
#divAtBlogPostPage .oneBlogPost {
	float: none;
	height: auto;
	margin: 0;
	text-align: left;
	width: auto;
}
#divAtBlogPage.empty {
	height: 100%;
}
.blogInfoSpan.description {
	display: block;
}
.emptyBlogPage {
	height: 100%;
	margin-bottom: 50px;
	padding: 50px;
}
.emptyBlogPage H1 {
	margin-bottom: 20px;
}
.emptyBlogPage .placeholderPosts {
	height: 100%;
}
.emptyBlogPage .placeholderPosts svg {
	display: block;
	max-height: 100%;
	max-width: 100%;
}
.emptyBlogPage,
.emptyBlogPage H1 {
	text-align: center;
}
.oneBlogPost .unreadText {
	display:none;
	float: right;
}
.oneBlogPost .unreadText {
	display: block;
}
.blogList .noMoreLink {
	pointer-events: none;
}
.blogList A {
	pointer-events: all;
}
.blogList .noMoreLink A.blogPostLink {
	display: none;
}
.oneBlogPost A {
	text-decoration: none;
}
.oneBlogPost .prevNextLinks {
	margin-bottom: 15px;
	padding: 5px 0;
}
.oneBlogPost .prevNextLink {
	display: inline-block;
	width: 50%;
}
.oneBlogPost .prevNextLinks .prevNextLink a {
	text-decoration: none;
}
.oneBlogPost .prevNextLink .text {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
	white-space: nowrap;
	width: calc(100% - 30px);
}
.oneBlogPost .nextLink {
	text-align: right;
}
.oneBlogPost .prevNextLink.blogPageLink {
	text-align: center;
	width: 10%;
}
.oneBlogPost .prevNextIcon {
	display: inline-block;
	line-height: 15px;
	/*vertical-align: top;*/
	width: 15px;
}
/*** BLOG RESPONSIVE ***/
#article img {
	float: left;
}
.emails a {
	color: rgb(0,126,195);
}
#blogEditor {
	display: none;
	height: 600px;
	width: 100%;
}
.blogEditor,
.language-switcher,
.quantHtmlEditor .quantHtmlEditorHeading {
	letter-spacing: 0;
	max-width: 900px;
	margin: 0 auto;
	text-align: left;
}
.quantHtmlContent .fr-box.fr-basic .fr-element {
	overflow: hidden;
}
.fr-popup .fr-image-progress-bar-layer>h3 {
	outline: none;
}
.language-switcher-wrapper {
	background: white;
	position: fixed;
	top: 55px;
	width: 100%;
	z-index: 5;
}
.language-switcher {
	border-bottom: solid 1px #b8b8b8;
	font-size: 0;
	letter-spacing: 0;
	text-align: left;
}
.language-switcher-item {
	border: none;
	background: white;
	box-shadow: inset 50px 50px 0 0 rgb(239, 239, 239);
	display: inline-block;
	font-size: 19px;
	outline: none;
	appearance: none;
}
.language-switcher-item.active {
	box-shadow: inset 50px 50px 0 0 rgb(215, 215, 215);
	position: relative;
}
.language-switcher-item.active:after {
	bottom: -1px;
	content: '';
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
}
.rightToolbar {
	float: right;
	padding-top: 1px;
}
.blogEditor img{
	height: auto;
}
p.l1 {
	margin: 0.5em 0;
}
p.l2 {
	margin: 0.3em 0;
	text-indent: 2em;
}
.wrapperLine{
    border: 1px solid whitesmoke;
    float: left;
    height: 40vh;
    width: 1px;
}
.quantUsageInformationClass,
#quantUsageInformation {
	clear: both;
	display: block;
	position: relative;
	width: auto;
}
.quantUsageInformationClass div.quantUsagePoints,
#quantUsageInformation div.quantUsagePoints {
	height: auto;
	margin: auto;
	padding-top: 1px;
	z-index: 0;
}
.quantUsageInformationClass div.quantUsageBox,
#quantUsageInformation div.quantUsageBox {
	display: flex;
	height: 70%;
	margin: auto;
	max-width: 1040px;
	width: 100%;
}
.quantUsageInformationClass div.quantUsagePoint,
#quantUsageInformation div.quantUsagePoint {
	display: inline-block;
	padding: 0 40px 20px 40px;
	position: relative;
	width: 31%;
	z-index: 5;
}
.quantUsageInformationClass div.quantUsagePoint:first-child,
#quantUsageInformation div.quantUsagePoint:first-child {
	padding: 0 23px 20px 0;
}
.quantUsageInformationClass div.quantUsagePoint:last-child,
#quantUsageInformation div.quantUsagePoint:last-child {
	padding: 0 0 20px 23px;
}
#featuresContent h4.headingTable,
#bricksCustomerStories h3.hugeText,
#quantUsageCaseStudies h3.hugeText,
.quantUsageInformationClass h3.hugeText,
#quantUsageInformation h3.hugeText {
	font-weight: 500;
	margin: 0;
	text-align: left;
	-webkit-font-smoothing: subpixel-antialiased;
}
.quantUsageInformationClass h4.hugeNumber,
#quantUsageInformation h4.hugeNumber {
	color: white;
	font-size: 150px;
	font-weight: 500;
	margin: 0 auto 0 auto;
	position: absolute;
	text-align: center;
	width: 80%;
	z-index: -1;
	opacity: 0.7;
}
.informationPharagraph,
p.informationPharagraph,
#featuresContent div.informationPharagraph p:first-child{
	flex-direction: column;
	/*height: 70%;*/
	line-height: 1.6;
	margin: 0;
	text-align: left;
}
#quantUsageCaseStudies {
	width: 80%;
}
.caseStudiesBox {
	display: block;
	float: left;
	position: relative;
	transition: transform .2s;
	width: 48%;
	z-index: 0;
}
.blogThreeInLine:hover,
.brickBlogPostContainer:hover,
.brickGeneral:hover,
.caseStudiesBox:hover {
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);
	transform: scale(1.03);
	z-index: 5;
}
@media (max-width: 1200px) {
	.brickBlogPostContainer:hover {
		transform: scale(1.02);
	}
}
#pricing .caseStudiesBox:hover,
#careers .brickGeneral:hover {
	box-shadow: none;
	transform: none;
}
.home .references:hover {
	cursor: pointer;
}
.caseStudies {
	margin: auto;
	width: 1040px;
}
#contactFormular {
	border-radius: 5px;
	position: relative;
	/*z-index: 5;*/
	text-align: left;
	padding: 20px;
}
#contactFormular .questionMark {
	fill: rgb(255,255,255);
}
.H2_text_center,
.contactTopImage .H2_text_center{
	margin: 0;
	padding-top: 130px;
}
.contactUsFormBox{
	display: inline-block;
	padding: 5px 2%;
	width: 46%;
	text-align: left;
	font-size: 13px;
}

.contactUsWrapper {
	width: 96%;
	padding: 5px 2%;
}

.contactUsWrapper textarea {
	font-family: "HelveticaNeue-Regular", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}


#modalWindowForPublicEmail {
	position: absolute;
	background-color: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
	height: 100%;
	display: none;
}

#modalWindowForPublicEmail #modalWindowForPublicEmailText {
	background-color: lightgrey;
	margin: auto;
	width: 60%;
	padding: 30px;
	border-radius: 5px;
	box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
	text-align: center;
	position: relative;
}

#modalWindowForPublicEmail #modalWindowForPublicEmailText #reallySendEmailQuestion {
	margin: 20px 0;
}

#modalWindowForPublicEmail #modalWindowForPublicEmailText .buttonsWrapper {
	display: flex;
	justify-content: space-around;
	width: 80%;
	margin: 0 auto;
}

#modalWindowForPublicEmail #modalWindowForPublicEmailText .buttonsWrapper button {
	border-radius: 5px;
	width: 120px;
	padding: 2px 10px 2px 10px;
	color: #007fb7;
	cursor: pointer;
	display: inline-table;
	position: relative;
	border: 1px solid #007fb7;
	background: transparent;
	text-decoration: none;
	outline: none;
	font-size: 15px;
}

#modalWindowForPublicEmail #modalWindowForPublicEmailText .buttonsWrapper button:hover {
	background: #007fb7;
	color: white;
}

.closeIconBlack {
	background: url(../img/header/closeBlack.svg) no-repeat;
	width: 13px;
	height: 13px;
	margin: 8px 0 auto 8px;
	float: right;
	border: none;
	position: absolute;
	top: 5px;
	right: 10px;
}

.closeIconBlack:hover {
	cursor: pointer;
}

@media screen and (max-width: 600px){
	.contactUsFormBox {
		width: 100%;
	}

	.contactUsWrapper {
		width: 100%;
		padding: 0;
	}

	#modalWindowForPublicEmail #modalWindowForPublicEmailText {
		width: 80%;
	}
}

@media screen and (max-width: 500px) {
	.modalWindowWrapper {
		height: 100%;
	}

	.modalContent {
		height: calc(100% - 40px);
	}

	.modalWindow {
		padding-top: 55px !important;
	}

	#contactFormular {
		height: 100% !important;
	}

	#modalWindowForPublicEmail #modalWindowForPublicEmailText {
		margin-top: 200px;
	}
}

@media screen and (max-width: 400px) {
	#modalWindowForPublicEmail #modalWindowForPublicEmailText .buttonsWrapper {
		flex-direction: column;
		align-items: center;
	}

	#modalWindowForPublicEmail #modalWindowForPublicEmailText .buttonsWrapper button.cancel {
		margin-top: 10px;
	}
}

.contactUsFormBox label {
	display: block;
	font-size: 13px;
	padding: 4px;
	text-align: left;
}
.contactUsFormBox INPUT {
	border: 1px #007FB7 solid;
	border-radius: 5px;
	display: block;
	font-size: 14px;
	height: 20px;
	outline: none;
}
#job .contactUsFormBox input[type="file"] {
	cursor: pointer;
}
#job #file {
	background-color: white;
	color: black;
	height: 22px;
	width: 95%;
}
#job .formInfo {
	float: left;
}
#job .fileFieldset {
	clear: both;
	display: block;
	margin-left: 0.9%;
	margin-top: 20px;
	width: 96.7%;
}
.fileFieldset .requiredLabel {
	margin-left: 1%;
}
#job .leaveComment {
	margin-left: 6px;
	width: 91.2%;
}
#country {
	background-color: white;
	border: 0;
	/*margin-left: 5px;*/
	outline: none;
	padding-top: 0;
	border-radius: 5px;
}
.requiredLabel::after{
	content: "*";
	font-weight: bold;
}
.emailInformationShowInformation {
	display: block;
	float: right;
	height: 16px;
	margin-right: 10px;
	margin-top: 5px;
	width: 10px;
	z-index: 5;
}
.emailInformationShowInformation svg {
	width: 10px;
	height: 14px;
}
.emailInformationShowInformation:hover {
	display: block;
	height: auto;
	position: relative;
	width: 10px;
	z-index: 5;
}
.emailInformationShowInformation:hover p {
	position: absolute;
}
.emailInformationShowInformation h5 {
	color: rgb(254, 254, 254);
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	text-align: right;
	width: 100%;
}
.emailInformationShowInformation p {
	display: none;
}
.emailInformationShowInformation:hover p {
	background-color: rgb(118, 120, 127);
	border-radius: 5px;
	color: rgb(254, 254, 254);
	display: block;
	font-size: 13px;
	margin: 3px;
	margin-left: -260px;
	padding: 15px;
	text-align: left;
	width: 18em;
}
.submitContactUs {
	border-radius: 5px;
	margin-top: 20px;
	width: 90px;
}
.submitContactUs {
	margin: 20px auto;
	display: block !important;
}
.leaveComment {
	border: 0;
	border-radius: 5px;
	margin: auto;
	outline: none;
}
.caseStudyHeading {
	float: left;
	min-width: 130px;
}
.caseStudyButton {
	float: right;
	letter-spacing: 0;
	text-decoration: none;
}
#bricksCustomerStories {
	width: 100%;
	display: table;
}
.customerAuthor{
	color: rgb(84,84,84);
	font-size: 16px;
	text-align: left;
}
#customerPointsInformation {
	color: white;
	font-size: 13px;
	font-weight: 800;
	margin: 10px auto;
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: left;
	width: 85%;
}
#customerPointsInformation ul {
	padding-left: 15px;
}
#customerPointsInformation li {
	color: white;
	font-size: 13px;
	font-weight: 800;
	line-height: 30px;
	list-style-type: disc;
	margin: 6px 10px 6px 0;
	text-align: left;
}
#customerPointsInformation li:last-child {
	margin-bottom: 22px;
}
#customerPointsInformation H3 {
	color: white;
	font-size: 22px;
	font-weight: 800;
	margin-right: 15px;
	/*margin-left: 20px;*/
	text-align: left;
	text-decoration: none;
}
#customerPointsInformation H4 {
	color: white;
	font-size: 18px;
	font-weight: 800;
	margin-right: 10px;
	/*margin-left: 22px;*/
	text-align: left;
	text-decoration: none;
}
#customerPointsInformation p {
	color: white;
	font-size: 13px;
	font-weight: 800;
	margin-right: 5px;
	margin-left: 5px;
	text-align: left;
}
#customerPointsInformation a {
	color: white;
	line-height: 20px;
	font-weight: 800;
}
.positionPicPartner,
.positionPicCustomer {
	border-radius: 10px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);
	height: 100px;
	margin-left: calc(50% - 110px);
	margin-top: -20px;
	width: 220px;
}
.buttonContactCheckBox {
	background: rgba(0,0,0,0);
	border: 0;
}
.buttonContactCheckBox:focus {
	outline: none;
}
.buttonContactCheckBox strong {
	color: rgb(0,126,195);
	font-size: 20px;
	font-weight: normal;
	margin-right: 1em;
	margin-left: 1em;
}
.radioCheck {
	border: 1px solid rgb(0, 127, 183);
	border-radius: 50%;
	float: left;
	height: 15px;
	margin-top: 4px;
	width: 15px;
}
.contactParagraphInformation {
	display: none;
}
.checkedActive .contactParagraphInformation {
	display: table;
	font-family: "HelveticaNeue-Regular", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.06em;
	margin: 1em auto 1em 35px;
	-webkit-font-smoothing: antialiased;
}
.innerCircleCheckBox {
	display: none;
}
.checkedActive .innerCircleCheckBox {
	background-color: rgb(0, 127, 183);
	border-radius: 50%;
	display: block;
	height: 7px;
	margin-left: 4px;
	margin-top: 4px;
	width: 7px;
}
.containerInputRadio {
	max-width: 620px;
	min-width: 500px;
	width: 50%;
}
button.buttonContactCheckBox {
    text-align: left;
}
#partners div.animatedButtons:hover a {
	color: rgb(0, 127, 183) !important;
}
#partners div.animatedButtons a {
	color: #FFFFFF;
	padding: 1px 7px 2px;
	text-decoration: none;
}
.partnerShowingPhone {
	display: block;
}
.blogPostImageContainer {
	float: right;
	height: 250px;
}
.blogPostImage {
	max-height: 100%;
	max-width: 100%;
}
.blogPopularVerticalImage{
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: auto;
	width: 100%;
}
.blogPopularHeading {
	margin: 20px;
}
#keyNumbers {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 200px;
	justify-content: space-around;
	margin-bottom: 50px;
	max-width: 1040px;
}
#keyNumbers svg, #keyNumbers img {
    height: 40px;
}
svg .keyNumbersOverviewLogo {
	fill: rgb(0, 127, 183);
}
#reviewBadges {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	max-width: 1040px;
	padding-right: 20px;
}
#reviewBadges a {
	text-decoration: none;
}
#reviewBadges img {
	border: 0;
    height: 60px;
	vertical-align: middle;
    width: auto;
}
.cd-search {
	margin: 20px auto 0 auto;
}
.resultStatus {
	display: none;
	font-size: 12px;
	margin: 10px 0 20px 0;
}
.releaseNotesContentWrapper.info {
	max-width: 860px;
	padding: 0;
	width: 80%;
}
.releaseNoteContainer {
	border-bottom: solid 1px #eaeaea;
}
.releaseNoteDescription {
	text-align: left;
}
.releaseNoteDate {
	display: inline-block;
	width: 140px;
}
.releaseNoteDate .releaseNotesEditButton {
	display: block;
}
.releaseNotesEditButton a {
	line-height: 18px;
	margin: 8px 0;
}
.releaseNoteDescription {
	display: inline-block;
	max-width: 900px;
	vertical-align: top;
}
.releaseNoteHeading {
	position: relative;
}
.releaseNoteLink {
	text-decoration: none;
	height: 40px;
}
.releaseNoteLink {
	display: flex;
	justify-content: space-between;
} 
.releaseNoteHeading .unreleasedSpan {
	color: #5f5f5f;
	display: none;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 0;
}
.releaseNoteHeading.unreleased .unreleasedSpan {
	display: block;
}
.releaseNotesContent .likes.like .unlikeNoteButton {
	display: none;
}
.releaseNotesContent .likes.unlike .likeNoteButton {
	display: none;
}
.manualRow.releaseNoteContainer button {
	background: none;
	border: none;
	cursor: pointer;
}
.manualRow.releaseNoteContainer svg {
	width: 30px;
}
.manualRow.releaseNoteContainer svg .nav-bar-icon {
	fill: rgb(0,126,195);
}
.manualRow.releaseNoteContainer {
	position: relative;
}
.manualRow.releaseNoteContainer h2 {
	float: left;
	padding-right: 0;
	width: calc(100% - 145px);
}
.anchorIcon {
	cursor: default;
	float: right;
	padding-top: 8px;
}
.anchorIcon svg {
	width: 30px;
}
.manualRow.releaseNoteContainer .blogPostText{
	display: inline-block;
	width: 100%;
}
.likeUnlikeButton {
	margin-right: 5px;
}
.manualsContent .blogPostText {
	max-height: 260px;
	overflow: hidden;
}
.releaseNotesContent .bottomLinkWrapper {
	display: block;
	margin-top: 10px;
	text-align: right;
}
@keyframes spin {
	0% {
		transform: rotate(0deg)
	}
	50% {
		transform: rotate(180deg)
	}
	100% {
		transform: rotate(360deg)
	}
}
.releaseNotesProgress, .releaseNotesFixedProgress {
	display: none;
}
.releaseNotesFixedProgress {
	background: rgb(239, 239, 239);
	border-radius: 9px;
	display: none;
	height: 80px;
	left: calc(50% - 40px);
	position: fixed;
	top: calc(50% - 40px);
	width: 80px;
	z-index: 10;
}
.progressIndicator {
	box-sizing: border-box;
	display: inline-block;
	height: 60px;
	padding: 11px;
	position: relative;
	margin-top: 10px;
	width: 60px;
}
div.progressIndicator>div {
	border-color: rgb(0,136,204) !important;
	/*border-color: rgba(0,136,204,254) !important;*/
}
div.progressIndicator>div {
	border: 2px solid;
	border-radius: 50%;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}
.progressIndicator:before {
	animation: spin 3s linear infinite;
	border: 10px solid;
	border-color: transparent !important;
	border-bottom-color: rgb(0,136,204) !important;
	border-bottom-color: rgba(0,136,204,1) !important;
	border-radius: 50%;
	border-right-color: rgb(0,136,204) !important;
	border-right-color: rgba(0,136,204,1) !important;
	box-sizing: border-box;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.cd-search {
	border: solid 1px #eaeaea;
	border-radius: 4px;
	margin: 0 auto;
	position: relative;
	width: 400px;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
.cd-search .searchInput {
	border: none;
	font-size: 18px;
	outline: none;
	padding: 10px 10px 10px 50px;
	width: 100%;
	-webkit-appearance: button;
}
.cd-search>svg {
	bottom: auto;
	left: 8px;
	height: 32px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
}
.toastMessage {
	background: white;
	border: 1px solid #666;
	box-shadow: 0 0 5px #666;
	cursor: pointer;
	display: block;
	max-width: 350px;
	padding: 0.5em;
	position: fixed;
	top: 120px;
	right: 50px;
	width: 67vw;
	z-index: 110;
}
#ribletG2Star {
	background: url("/img/utils/widget_G2review.svg");
}
HEADER .primary_navigation:not(.nestedMenu) > li.has-children .explore_menu li a.member_banner {
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 90% !important;
}
.g2_banner_member {
	background: url("/img/utils/G2_banner.svg");
}
.captera_banner_member {
	background: url("/img/utils/Captera_banner.svg");
}
.sourceForge_banner_member {
	background: url("/img/utils/SourceForge_banner.svg");
}
#ribletG2Star,
#ribletGartner,
#ribletG2 {
	background-color: rgba(234,234,234,1);
	display: none;
	height: 360px;
	position: fixed;
	right: 0;
	top: 20%;
	width: 190px;
	z-index: 9;
}
#ribletG2Star {
	height: 380px;
}
#ribletG2Star .g2-review-riblet {
	color: white;
	font-size: 22px;
	position: absolute;
	text-align: center;
	top: 51%;
	width: 100%;
}
.en #ribletG2Star .g2-review-riblet {
	top: 53%;
}
/*#ribletGartner:hover,*/
/*#ribletGartner:hover>div:not(#closeIcon),*/
/*#ribletG2:hover {*/
/*	background-color: rgba(9, 68, 122, 1);*/
/*}*/
#ribletGartner svg,
#ribletG2 svg {
	height: 13px;
	margin-top: 21px;
	position: fixed;
	right: 20px;
	width: 13px;
}
#ribletG2Star svg {
	height: 13px;
	width: 13px;
}
#ribletG2Star svg polygon{
	fill: rgba(234,234,234,1);
}
#ribletGartner svg polygon,
#ribletG2 svg polygon {
	fill: rgba(0,0,0,1);
}
#ribletGartner { height: 250px; }
#ribletGartner .gartner-pi-overall-rating {
	padding: 16px 0 16px 4px;
	width: 160px;
}
#ribletGartner [id^=gartner-pi-widget] .gartner-pi-logo { background-position: left; }
#ribletGartner [id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-stats { border-top-color: rgba(0, 0, 0, 1); }
#ribletGartner>div:not(#closeIcon){
	background-color: rgba(234,234,234,1);
	border: none;
	width: 190px;
}
#ribletGartner>div>a {
	outline: 0 solid rgba(234,234,234,1)!important;
}
.containerInformationMessage {
	cursor: pointer;
	height: 110px;
	left: 50%;
	max-width: 600px;
	position: absolute;
	top: calc(110px);
	transform: translate(-50%, -50%);
	width: 50%;
	z-index: 8;
}
.containerInformationMessage a {
	float: unset;
	padding-top: unset;
	width: unset;
}
.containerInformationMessage p {
	display: -webkit-box;
	height: 86px;
	line-height: 22px;
	margin-top: 10px;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.containerInformationMessage img{
	display: block;
	float: left;
	height: 110px;
	width: auto;
}
.checkSocialSite {
	display: inline-flex;
}
.leftPanel {
	float: left;
	left: 0;
	max-width: 220px;
	padding: 10px;
	text-align: left;
	width: 17%;
	white-space: nowrap;
	z-index: 5;
}
.checkboxesContainer .name {
	margin: 10px 0;
}
.checkboxesContainer label,
.defaultManualWrapper .releaseNoteLink span {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
.checkboxesContainer label {
	font-size: 14px;
}
.checkboxesContainer label.checkboxLabel {
	padding-left: 16px;
}
.checkboxesContainer label.checkboxLabel:before {
	background: #fff;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
	content: "";
	display: inline-block;
	height: 12px;
	margin: -2px 5px 0 -16px;
	vertical-align: middle;
	width: 12px;
}
.checkboxesContainer label.checkboxLabel.checked:before {
	background: #2f8dcd;
	/*border: 1px solid #2f8dcd;*/
	border: 1px solid;
	color: #fff;
	content: "\f00c";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 8px;
	font-weight: 900;
	line-height: 12px;
	text-align: center;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.leftPanelSmallScreen {
	display: none;
}
.hamburgerButton {
	background-color: rgba(234,234,234,0.98);
	box-sizing: border-box;
	font-size: 1.4rem;
	color: rgba(0,136,204,1);
	height: 100%;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0 calc(1.2em + 20px);
	position: relative;
	white-space: nowrap;
	width: 46px;
}
.hamburgerButton span,
.hamburgerButton span::before,
.hamburgerButton span::after	{
	display: inline-block;
	height: 3px;
	position: absolute;
	width: 24px;
}
.hamburgerButton span {
	background-color: rgb(74,136,204);
	background-color: rgba(74,136,204,1);
	margin-top: -2px;
	position: absolute;
	right: 10px;
	top: 50%;
	transition: background 0.2s;
}
.hamburgerButton span::before,
.hamburgerButton span::after {
	backface-visibility: hidden;
	background-color: rgb(74,136,204);
	background-color: rgba(74,136,204,1);
	content: '';
	right: 0;
	transform: translateZ(0);
	transform-origin: 0 50%;
	transition: transform 0.2s;
}
.hamburgerButton span::before {
	top: -6px;
}
.hamburgerButton span::after {
	top: 6px;
}
.hamburgerButton.open span {
	background-color: transparent;
}
.hamburgerButton.open span::before {
	transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.hamburgerButton.open span::after {
	transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (max-width: 800px) {
	.leftPanelSmallScreen {
		display: block;
	}
	.leftPanel {
		float: none;
		position: fixed;
		width: 250px;
	}
	.leftPanelContainer {
		background-color: white;
		box-shadow: rgba(0,0,0,0.2) 0 0 5px 1px;
		padding: 10px 25px 10px 10px;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.2s 0s, visibility 0s 0.2s;
		-webkit-font-smoothing: antialiased;
		-webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
		-moz-osx-font-smoothing: grayscale;
		-moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
	}
	.leftPanelContainer.open {
		max-height: calc(100vh - 155px);
		opacity: 1;
		overflow-y: auto;
		transition: opacity 0.2s 0s, visibility 0s 0s;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
	}
}
#pricingTable {
	border-collapse: collapse;
	border-spacing: 0;
	box-shadow: 8px 12px 12px -1px rgba(0, 0, 0, 0.4);
	width: 100%;
}
#pricingTable thead th {
	background-color: rgb(208, 231, 246);
	border: 1px solid rgb(254,254,254);
	position: sticky;
	top: 50px;
	width: calc((95% / 3));
}
#pricingTable th,
#pricingTable td {
	border: 1px solid rgb(211,233,247);
	padding: 10px;
}
#pricingTable tbody tr {
	background-color: rgb(254, 254, 254);
	color: black;
	height: 60px;
}
#pricingTable tbody tr:hover {
	background-color: rgb(211,233,247);
}
#pricingTable tbody tr td {
	text-align: center;
}
#pricingTable tbody tr td:nth-child(1)  {
	text-align: left;
}
#configurator a img {
	height: 20px;
	margin-top: 4px;
	width: 20px;
}
.modalWindow {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	height: 100%;
	left: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding-top: 100px;
	position: fixed;
	top: -9000px;
	width: 100%;
	z-index: 9;
}
.modalContent {
	margin: auto;
	padding: 20px;
	/*width: 50%;*/
	overflow: auto;
}
.submitButtonWrapper {
	padding-bottom: 5px;
}
.standardContainer {
	margin: 0 auto;
	max-width: 1077px;
	width: 100%;
}
#onlyReadableComment {
	color: rgb(80,80,80);
	pointer-events: none;
}
.containTwo p:first-child {
	height: auto;
}
.containTwo ul,
#pricing .caseStudies .caseStudiesBox ul {
	height: auto;
}
.pricingPrice {
	height: auto;
}
.configuratorBoxes {
	display: block;
	height: auto;
	margin: auto;
	position: relative;
	width: 92%;
}
.configuratorBox {
	padding: 20px;
}
.configuratorBox:last-child {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 60px;
}
.configuratorBox:last-child span{
	font-size: 20px;
}
.configuratorPriceFloat {
	float:right;
}
.configuratorContent {
	padding-bottom: 80px;
}
.countInOrder {
	position: absolute;
	text-align: right;
}
/*.translationName {*/
/*	left: 50px;*/
/*	position: absolute;*/
/*}*/
.priceInCount {
	float: right;
	position: absolute;
	right: 0;
}
.boxStudyCaseDownloadDiv {
	height: 100%;
	opacity: 0;
	width: 100%;
}
.boxStudyCaseDownloadDiv:hover {
	background-color: rgba(254, 254, 254, 0.7);
	opacity: 1;
}
.boxStudyCaseDownloadBtn {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.forgotPasswordResult .placeholderImage {
	margin-top: 20px;
}
.placeholderImage svg {
	height: 80px;
	width: 80px;
}
.forgotLink {
	text-decoration: none;
}
.changePassword input[type=text],
.changePassword input[type=password] {
	font-size: 100%;
	margin: 3px 0;
	padding: 0.3em;
	width: 100%;
}
.rule {
	display: block;
	color: gray;
	line-height: 22px;
	text-align: left;
}
.rule svg {
	height: 18px;
	margin-right: 5px;
	vertical-align: middle;
	width: 18px;
}
.rule svg .menuIcon {
	fill: gray;
}
ARTICLE DIV.info.login.changePassword {
	height: auto;
}
.rule.checked {
	color: forestgreen;
}
H2.pricingInformationTableH2 {
	align-items: center;
	border-bottom: 1px solid rgba(0,0,0,1);
	display: flex;
	font-weight: 500;
	height: 60px;
	margin: auto;
}
.pricingInformationTableColumnItem {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 1px;
}
#careers .brickGeneral ul {
	padding: 0;
}
#job .half_width ul {
	padding-left: 20px;
	margin: 1.33em auto;
}
#job .half_width p {
	margin: 1.33em auto;
}
#job .half_width ul li{
	text-align: left;
}

article h1 .manualEditButton,
article h2 .manualEditButton {
	font-size: 60%;
}
.finalFormSolution {
	height: auto;
	position: absolute;
	right: 10px;
}
@media (max-width: 600px) {
	.finalFormSolution {
		height: 20px;
	}
}
.g2_heading { color: rgb(0, 0, 0); }
.lazy-load-img {
	background: repeating-linear-gradient(to right, rgba(9,68,122,1) 0%, rgba(0,127,183,1) 50%, rgba(9,68,122,1) 100%) 0 100%;
	background-size: 200% auto;
	display: flex;
	flex-direction: column;
	margin: auto;
	visibility: hidden;
	-webkit-animation: imageLoadingAnimation 3s forwards  linear infinite;
	-moz-animation: imageLoadingAnimation 3s forwards  linear infinite;
	-o-animation: imageLoadingAnimation 3s forwards  linear infinite;
	animation: imageLoadingAnimation 3s forwards  linear infinite;
}
@keyframes imageLoadingAnimation {
	0%   { background-position: 0 0; }
	100% { background-position: -200% 0; }
}

.blogEditor .oneBlogPost.quantHtmlContent .fr-dropdown-menu h3 A,
.blogEditor .oneBlogPost.quantHtmlContent .fr-dropdown-menu h4 A,
.blogEditor .oneBlogPost.quantHtmlContent .fr-wrapper h3,
.blogEditor .oneBlogPost.quantHtmlContent .fr-wrapper h4,
#man .quantHtmlContent h3,
#man .quantHtmlContent h4 {
	color: #0061A1;
	font-weight: bold;
	margin: 30px 0 20px;
	text-align: left;
}

.releaseNoteEditor h2.releaseNoteHeading,
ARTICLE .releaseNotesContent h2.releaseNoteHeading,
#man .quantHtmlContent h2 {
	font-size: 24px;
	font-weight: bold;
	color: #0061A1;
}

.releaseNoteEditor h2.releaseNoteHeading {
	max-width: 900px;
	margin: 0 auto;
}

@media screen and (max-width: 550px){
	.releaseNoteEditor h2.releaseNoteHeading {
		margin-top: 100px;
	}
}

.blogEditor .oneBlogPost.quantHtmlContent .fr-dropdown-menu h2,
.blogEditor .oneBlogPost.quantHtmlContent .fr-dropdown-menu h2 A,
.blogEditor .oneBlogPost.quantHtmlContent .fr-wrapper h2,
#man .quantHtmlContent .blogPostText h2 {
	color: rgb(40, 40, 40);
	font-weight: bold;
	display: block;
	font-size: 1rem;
}

.quantHtmlContent TABLE TR TD,
.quantHtmlContent TABLE TR TH {
	border-color: rgba(204,204,204,1.0)!important;
}

.quantHtmlContent table tr:nth-child(even),
.quantHtmlContent table tr:nth-child(odd) {
	background-color:rgb(255,255,255)!important;
	background-color:rgba(255,255,255,1.0)!important;
}

.blogEditor .manualBullets a,
.blogEditor .manualLink a,
#man .manualBullets a,
#man .manualLink a {
	color: rgb(0,126,195) !important;
}

FOOTER {
	background: rgb(234,234,234);
	position: relative;
	display: block;
	clear: both;
}
FOOTER #menuFooter {
	display: flex;
	justify-content: space-around;
	margin: 0 auto 0 calc(50% - 520px);
	padding-top: 15px;
}
FOOTER #menuFooter .menuFooterColumn {
	padding: 0;
	line-height: 30px;
	list-style-type: none;
	cursor: default;
}
FOOTER #menuFooter ul.menuFooterColumn li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
FOOTER #menuFooter ul.Fresources>li:first-child{
	padding-bottom: 20px;
}
FOOTER #menuFooter ul.menuFooterColumn a {
	text-decoration: none;
	color: #000;
	cursor: default;
}
FOOTER #menuFooter ul.menuFooterSubColumn {
	padding: 0;
}
FOOTER #menuFooter ul.menuFooterSubColumn li a {
	font-size: 16px;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
FOOTER #menuFooter ul.menuFooterSubColumn li a:hover{
	color: rgb(0,126,195);
}
FOOTER .footerUnderLine {
	height: 70px;
	margin: 0 auto 0 auto;
}

FOOTER div#footerCopyright {
	height: 45px;
	width: 100%;
	margin: 9px auto 0 auto;
	padding-left: 10px;
}
FOOTER .copyright {
	font-size: 12px;
	display: inline;
	flex-direction: column;
	justify-content: center;
}
ul.social {
	height: 45px;
	margin: auto;
	float: right;
	list-style-type: none;
	display: inline-block;
	flex-direction: column;
	justify-content: center;
}
ul.social li{
	width: 29px;
	height: 29px;
	display: inline-block;
	margin-left: 8px;
}

ul.social li:hover {
	background-color: rgb(250,250,250);
}
ul.social li svg {
	width: 100%;
	height: 100%;
}
FOOTER .footerUnderLine div.devidingLineNotVisiblePhone {
	width: 100%;
	border-bottom: 1px #000000 solid;
	display: block;
}
.footerUnderLine .social-icon {
	fill: rgb(0, 126, 195);
}
FOOTER #menuFooter {
	margin: 0 auto 0 calc(50% - 520px);
}
FOOTER #menuFooter,
FOOTER .footerUnderLine {
	width: 1020px;
}
FOOTER .footerUnderLine {
	margin: 0 auto 0 calc(50% - 520px);
}
FOOTER #menuFooter ul.menuFooterColumn h3,
FOOTER #menuFooter ul.menuFooterColumn li {
	font-size: 20px;
	text-decoration: none;
	color: #000;
	margin: 0;
}
@media (min-width: 965px) and (max-width: 1200px) {
	FOOTER #menuFooter {
		margin: auto;
	}
	FOOTER #menuFooter,
	FOOTER .footerUnderLine{
		width: 80%;
	}
	FOOTER .footerUnderLine {
		margin: auto;
	}
}
@media all and (min-width: 965px) {
	FOOTER #menuFooter ul.menuFooterColumn h3,
	FOOTER #menuFooter ul.menuFooterColumn li {
		font-size: 20px;
		text-decoration: none;
		color: #000;
		margin: 0;
	}
}
@media all and (max-width: 964px) {
	FOOTER #menuFooter {
		margin: auto;
	}
	FOOTER #menuFooter {
		display: block;
		height: auto;
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 20px;
	}
	FOOTER #menuFooter .menuFooterColumn {
		width: 90%;
		margin: 10px auto;
		padding: 0 2% 0 0;
		list-style-type: none;
	}
	FOOTER #menuFooter ul.menuFooterColumn li.footer_subMenu_style h3 {
		border-bottom: 1px #000000 solid;
	}
	FOOTER #menuFooter ul.menuFooterColumn li.footer_subMenu_style h3::before {
		text-decoration: none;
		color: #000;
		cursor: pointer;
		content: "+";
		float: right;
	}
	FOOTER #menuFooter ul.menuFooterColumn li.footer_subMenu_style.opened h3::before {
		text-decoration: none;
		color: #000;
		cursor: pointer;
		content: "-";
		float: right;
	}
	FOOTER #menuFooter ul.menuFooterColumn h3,
	FOOTER #menuFooter ul.menuFooterColumn li {
		font-size: 16px;
		text-decoration: none;
		color: #000;
		cursor: pointer;
		font-weight: 500;
		margin: 0;
	}
	FOOTER #menuFooter ul.Fresources>li:first-child{
		padding-bottom: 0;
	}
	FOOTER #menuFooter ul.Fresources>li:last-child {
		padding-top: 10px;
	}
	FOOTER #menuFooter ul.menuFooterSubColumn {
		display: none;
	}
	FOOTER #menuFooter ul.menuFooterSubColumn li a{
		text-decoration: none;
		font-size: 16px;
		line-height: 22px;
		color: #000;
		font-weight: 400;
	}
	FOOTER div#footerCopyright {
		height: 90px;
		width: 94%;
		margin: auto;
		padding-left: 10px;
	}
	FOOTER .copyright {
		font-size: 12px;
		height: 24px;
		display: flex;
	}
	FOOTER .footerUnderLine {
		margin: auto;
		height: auto;
		width: 80%;
	}
	ul.social {
		float: none;
		display: block;
		width: 80%;
		text-align: center;
		padding: unset;
		margin: 15px auto auto auto;
	}
	ul.social li{
		margin: auto auto auto 8px;
	}
	FOOTER .footerUnderLine div.devidingLineNotVisiblePhone {
		display: none;
	}
}
@media (max-width: 600px) {
	FOOTER .copyright {
		text-align: center;
	}
}
FOOTER .language.selector {
    display: inline-block;
    float: left;
    position: relative;
    width: 24px;
    height: 24px;
    margin-top: -2px;
    margin-right: 2px;
    background-repeat: no-repeat;
}

#localeSelection .js-dialog-title-text {
    color: rgb(0,126,195);;
}

#localeSelection .language.active a {
    background-color: rgb(217,227,237);
    background-color: rgba(217,227,237,255);
}

#localeSelection .js-dialog-wrapper-modal {
    background-color: rgba(0,0,0,.5);
}

#localeSelection .language.active .check svg .ok2Icon {
    fill: rgb(0,136,204);
    fill: rgba(0,136,204,255);
}

.js-dialog-wrapper-modal {
    background-color: rgba(0,0,0,.5);
}

.js-dialog-wrapper {
    z-index: 999;
    min-height: 100vh;
    max-height: unset;
}
.language .icon.en {background-image: url("../img/countryFlagsRounded/flag_EN.svg");}
.language .icon.cs {background-image: url("../img/countryFlagsRounded/flag_CZ.svg");}
.language .icon.pl {background-image: url("../img/countryFlagsRounded/flag_PL.svg");}
.language .icon.de {background-image: url("../img/countryFlagsRounded/flag_DE.svg");}
.language .icon.it {background-image: url("../img/countryFlagsRounded/flag_IT.svg");}
.language .icon.fr {background-image: url("../img/countryFlagsRounded/flag_FR.svg");}
.language .icon.ru {background-image: url("../img/countryFlagsRounded/flag_RU.svg");}
.language .icon.es {background-image: url("../img/countryFlagsRounded/flag_ES.svg");}
.language .icon.id {background-image: url("../img/countryFlagsRounded/flag_ID.svg");}
.language .icon.pt {background-image: url("../img/countryFlagsRounded/flag_PT.svg");}

/* for IE */
#localeSelection .js-dialog-content-wrapper {
    display: inline-block;
}
.language.selector .icon {
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    display: block;
    float: right;
    height: 40px;
    margin-right: 15px;
    margin-top: 13px;
    position: relative;
    width: 22px;
}
@media (max-width: 1100px) {
    .language.selector .icon {
        margin-top: 16px;
        position: relative;
        right: 60px;
    }
}
#localeSelection .language {
    display: inline-block;
    width: calc(95% / 3);
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
    box-sizing: border-box;
    margin-right: 10px;
}
#localeSelection .language.active {
    background-color: rgba(239,239,239,255)
}
#localeSelection .language:hover {
    background-color: rgba(239,239,239,255)
}
#localeSelection .language a {
    display: block;
    height: 100%;
    width: 100%;
}
#localeSelection .language span {
    display: inline-block;
}
#localeSelection .language .icon {
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    margin-left: 10px;
    vertical-align: middle;
    width: 20px;
}
#localeSelection .language .text {
    height: 100%;
    line-height: 40px;
    margin-left: 10px;
    vertical-align: middle;
    width: 105px;
}
#localeSelection .language .check {
    box-sizing: border-box;
    height: 100%;
    line-height: 40px;
    margin-left: 5px;
    padding-top: 3px;
    vertical-align: middle;
    width: 20px;
}

#localeSelection {
    width: 660px;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    position: fixed;
    animation: fadeIn 300ms;
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity : 1}
}


#localeSelection .js-dialog-wrapper-modal {
    background-color: rgba(0,0,0,.5);
}

#localeSelection .js-dialog-wrapper {
    z-index: 999;
}
#localeSelection .js-dialog-content {
    padding: 20px
}

#localeSelection .js-dialog-title {
    height: unset;
    margin: 15px 0 0 20px;
    background-color: transparent;
}

#localeSelection .js-dialog-title-text {
    font-size: 25px;
    margin-left: 20px;
}

#localeSelection.js-dialog .js-dialog-title-close {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

@media only screen and (min-width: 500px) and (max-width: 749px) {
    #localeSelection {
        top: 0;
        left: 0;
        transform: unset;
        width: 100%;
        height: 100%;
        border-radius: unset;
    }
    #localeSelection .language {
        width: 45%;
    }

    #localeSelection .language .text{
        width: 60%;
    }
}

@media only screen and (max-width: 499px) {
    #localeSelection {
        top: 0;
        left: 0;
        transform: unset;
        width: 100%;
        height: 100%;
        border-radius: unset;
    }
    #localeSelection .language {
        width: 100%;
    }
    #localeSelection .language .text {
        width: 80%;
    }
}

@media only screen and (max-width: 380px) {
    #localeSelection .language .text {
        width: 50%;
    }
}

@media only screen and (max-width: 849px) and (orientation: landscape) {
    #localeSelection {
        width: 100%;
        height: 100%;
        border-radius: unset;
        margin: 0;
    }
    #localeSelection .js-dialog-content {
        width: fit-content;
        margin: 0 auto;
    }
}
DIV#localeSelection DIV#flags.visible {
    height: 170px;
    top: -142px;
}
@media all and (min-width: 1200px) {
    .primary_padding_div_onTop {
        padding: 0 10% 150px 10%;
    }
    .primary_padding_div {
        padding: 80px 10% 150px 10%;
    }
    .primary_margin_div {
        margin: 80px 10% 150px 10%;
    }
}

@media (min-width: 895px) and (max-width: 1200px){
    .primary_padding_div_onTop {
        padding: 0 10% 100px 10%;
    }
    .primary_padding_div{
        padding: 80px 10% 100px 10%;
    }
    .primary_margin_div {
        margin: 80px 10% 100px 10%;
    }
}

@media all and (max-width: 894px) {
    .primary_padding_div_onTop {
        padding: 0 65px 100px 55px;
    }
    .primary_padding_div{
        padding: 60px 65px 100px 55px;
    }
    .primary_margin_div {
        margin: 60px 65px 100px 55px;
    }
}

@media all and (max-width: 450px) {
    .primary_padding_div_onTop {
        padding: 0 25px 100px 25px;
    }
    .primary_padding_div {
        padding: 60px 25px 100px 25px;
    }
    .primary_margin_div {
        margin: 60px 25px 100px 25px;
    }
}

/* Alignment */
.primary_center_horizontal {
    margin: 0 auto;
}
.primary_center {
    margin: auto;
}
.primary_margin_bottom_100 {
}
.primary_margin_Up_extreme {
    margin: 50px 0 0 0;
}
.primary_margin_UpDown_extreme {
    margin: 50px 0 50px 0;
}
.primary_margin_UpDown_big {
    margin: 40px auto;
}
.primary_margin_UpDown_medium {
    margin: 20px auto;
}
.primary_margin_UpDown_small {
    margin: 10px auto;
}
.primary_margin_none {
    margin: 0;
}
.primary_margin_small {
    margin: 10px;
}
.primary_margin_medium {
    margin: 20px;
}
.primary_margin_extreme {
    margin: 40px;
}
.primary_margin_left_small {
    margin-left: 10px;
}
.primary_reverse_margin_left_normal {
    margin-left: 0;
}
.primary_margin_left_big {
    margin-left: 40px;
}
.primary_margin_left19{
    margin: 0 19%;
    clear: none;
}
.primary_margin_right_small {
    margin-right: 10px;
}
.primary_margin_top_small {
    margin-top: 20px;
}
.primary_margin_top_medium {
    margin-top: 30px;
}
.primary_margin_bottom_medium {
    margin-bottom: 30px;
}
.primary_margin_bottom_normal {
    margin-bottom: 20px;
}
.primary_margin_bottom_none {
    margin-bottom: 0;
}
.primary_padding_none {
    padding: 0;
}
@media (min-width: 601px) {
    .primary_margin_left {
        margin-left: 2%;
    }
}
.primary_padding_left_small{
    padding-left: 10px;
}
.primary_padding_left_none {
    padding-left:0;
}
.primary_padding_left_medium_plus {
    padding-left: 23px;
}
.primary_padding_left_table {
    padding-left: 30px;
}
.primary_padding_right_none {
    padding-right:0;
}
.primary_padding_right_small {
    padding-right: 10px;
}
.primary_padding_right_medium_plus {
    padding-right: 23px;
}
.primary_padding_right_table {
    padding-right: 30px;
}
.primary_padding_top_small {
    padding-top: 10px;
}
.primary_padding_top_medium {
    padding-top: 20px;
}
.primary_padding_top_normal {
    padding-top: 30px;
}
.primary_padding_top_big {
    padding-top: 40px;
}
.primary_padding_top_max {
    padding-top: 50px;
}
.customer_padding_top_extreme,
.partner_padding_top_fromTabletOut,
.primary_padding_top_extreme {
    padding-top: 80px;
}
.primary_padding_top_middle_em {
    padding-top: 3em;
}
.primary_padding_bottom_medium {
    padding-bottom: 20px;
}
.primary_padding_bottom_small {
    padding-bottom: 10px;
}
.primary_padding_bottom_normal {
    padding-bottom: 30px;
}
.partner_padding_bottom_fromTabletOut,
.primary_padding_bottom_max {
    padding-bottom: 50px;
}
.customer_padding_bottom_div_standard {
    padding-bottom: 80px;
}
.primary_padding_small {
    padding: 5px;
}
.primary_padding_medium {
    padding: 10px;
}
.primary_padding_max {
    padding: 20px;
}
.primary_padding_medium_noSides {
    padding: 10px 0;
}
.primary_padding_button {
    padding: 1px 10px 1px 10px;
}
@media (max-width: 1200px) {
    .primary_margin_left19{
        margin: 0;
        clear: both;
    }
}
@media (max-width: 1100px) {
    .primary_padding_left_table,
    .primary_padding_right_table {
        padding: unset;
    }
    .primary_margin_left19{
        margin: 0;
        clear: both;
    }
    .primary_margin_bottom_100 {
        margin-bottom: 100px;
    }
}
@media (max-width: 964px) {
    .reverse_margin_top_normal {
        margin-top: 30px;
    }
    .customer_padding_bottom_div_standard {
        padding-bottom: 60px;
    }
    .customer_padding_top_extreme {
        padding-top: 45px;
    }
    .partner_padding_top_fromTabletOut {
        padding-top: 0;
    }
    .partner_padding_bottom_fromTabletOut {
        padding-bottom: 0;
    }
}
@media (max-width: 600px) {
    .primary_reverse_margin_left_normal {
        margin-left: 30px;
    }
    .primary_padding_max {
        padding: 20px 0;
    }
}
@media (min-width: 500px) {
    .primary_padding_extreme {
        padding: 30px;
    }
}
@media (max-width: 501px) {
    .primary_padding_extreme {
        padding: 20px;
    }
}
.primary_padding_bottom_none {
    padding-bottom:0;
}
.primary_padding_top_none {
    padding-top:0;
}
.primary_border {
    border-radius: 5px;
}
.primary_margin_left_none {
    margin-left: 0;
}
.primary_margin_top_normal_partner,
.primary_margin_top_normal{
    margin-top: 55px;
}
.primary_margin_top_extreme {
    margin-top: 60px;
}
.reverse_margin_top_normal {
}
/* Global padding at this moment*/
.down_padding_last_element {
    padding:0 0 150px 0;
}
.maximum_width {
    width: 100%;
}
.fullWidth {
    width: 80%;
}
.half_width {
    width: 50%;
    max-width: 50%;
}
.half_second_width {
    width: 45%;
    max-width: 45%;
}
/* Container */
.containerOne {
    width: 100%;
    height: calc(100vh - 260px);
    /*100% - 260px full size minus size of footer*/
}
@media (max-width: 965px) {
    .fullWidth {
        width: auto;
    }
}
@media all and (max-width: 500px) {
    .containerOne {
        min-height: 35em;
    }
}
.containerClasicExtra,
.containerClasic {
    max-width: 1040px;
}
.containerHalf {
    height: auto;
    width: 100%;
}
.containerThird{
    width: auto;
    height: 16em;
}
.containerThirdImage {
    width: 100%;
    height: 17em;
}
.containerDirectlyThirdWidthTableElement {
    width: 91%;
    margin:0 15px 30px 15px;
}
.containerTable {
    width: 100%;
    display: flex;
}
.containerDirectlyThirdWidthImage,
.containerDirectlyThirdWidthNormal,
.containerDirectlyTwoThirdsWidth,
.containerDirectlyThirdWidth{
    width:  28.7%;
    float: left;
    overflow: unset;
    margin: 15px auto;
}
.containerTextNearByImage {
    width: 36.7%;
    float: left;
    overflow: unset;
    margin: 15px auto;
}
.containerDirectlyTwoThirdsWidth {
    overflow: auto;
    width: 60%;
    height: 30em;
}
.containerMovedToTopContainer {
    margin-top: -90px;
    height: 31em;
}
.containerSmallPicture {
    width: 100%;
    height: 12em;
}
.containerMiddle {
    height: 16em;
}
.containerSmallPictureVertical {
    width: 60%;
    height: 100%;
}
.containerSmallPictureHorizontal img,
.containerSmallPictureVertical img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.container_twohundred {
    width: 200%;
}
.containerTableIndentation {
    margin: unset;
}
.configuratorContainter {
    position: relative;
    height: auto;
    width: 98%;
    clear: both;
}
.containerForTwo {
    display: flex;
    flex-direction: row;
    max-width: 1340px;
    justify-content: space-around;
}
.containTwo {
    margin-top: 40px;
    position: relative;
    width: 47%;
}
.emptyContainer {
    float: left;
    min-height: 1px;
}
.displayFlexWithWrap {
    display: flex;
    flex-wrap: wrap;
}
.tableWidthThird {
    width: 33%;
}
.tableWidthTwoThirds {
    width: 66%;
}
@media (min-width: 1200px) {
    .containTwo {
        margin-top: 0;
    }
}
@media (min-width: 1100px) {
    .restThirdWidth {
        width: calc(100% - 65%);
    }
    .featuresAnalysisCorrectionSize {
        width: 80%;
        height: 26em;
    }
}
@media (min-width: 1101px) and (max-width: 1200px) {
    .containerDirectlyTwoThirdsWidth.resize {
        height: 38em;
    }
}
@media (min-width: 965px) and (max-width: 1200px) {
    .containerClasicExtra,
    .containerClasic {
        width: 80%;
        max-width: 100%;
    }
}

@media (max-width: 1100px) {
    .containerTable,
    .containerDirectlyTwoThirdsWidth,
    .containerDirectlyThirdWidth {
        width: 43%;
        margin: 0 10px 15px 10px;
        float: left;
    }
    .containerDirectlyThirdWidthImage {
        width: 100%;
        height: 22em;
        margin: 0;
    }
    .containerDirectlyThirdWidthNormal,
    .containerTextNearByImage {
        width: 100%;
        height: auto;
        margin: 0 10px 30px 0;
        float: none;
        clear: both;
    }
    .containerTable {
        display: block;
    }
    .containerForTwo {
        width: 92%;
        flex-direction: column;
    }
    .containTwo {
        width: 100%;
    }
}
@media (min-width: 771px) and (max-width: 1099px) {
    .containerTableIndentation {
        margin-left: 30px;
    }
}
@media (max-width: 770px) {
    .containerTable {
        width: 100%;
        margin-bottom: 0;
    }
}
@media all and (min-width: 965px) {
    .containerSmallPictureVertical {
        width: 60%;
        height: 100%;
    }
    .containerSmallPictureHorizontal {
        width: 100%;
        height: 200px;;
    }
    .containerThirdWidth {
        width: calc(40% - 60px);
    }
}
@media (max-width: 964px) {
    .containerClasicExtra {
        width: 100%;
        max-width: 100%;
    }
    .containerClasic {
        width: 80%;
        max-width: 100%;
    }
    .half_width {
        width: 80%;
        max-width: 80%;
        margin: auto;
    }
    .half_second_width {
        width: 100%;
        max-width: 100%;
    }
    .containerSmallPictureVertical {
        width: 100%;
        height: 280px;
        max-height: 280px;
    }
    .containerSmallPictureHorizontal {
        width: 100%;
        height: 280px;
        max-height: 280px;
    }
    .containerThirdWidth {
        width: auto;
    }
    .containerThird {
        height: auto;
    }
    .container_twohundred {
        width: 100%;
    }
    .tableWidthTwoThirds {
        width: 100%;
    }
}

@media (min-width: 601px) {
    .containerTwoThirds {
        width: 100%;
        height: 23.5em;
    }
}
@media (max-width: 600px) {
    .containerDirectlyThirdWidthImage {
        height: 18em;
    }
    .containerTwoThirds {
        width: 100%;
        height: 38em;
    }
    .containerMiddle {
        height: 28em;
    }
    .containerMovedToTopContainer{
        height: 17em;
    }
    .containerTable {
        margin-left: 0;
        margin-bottom: 0;
    }
    .containerDirectlyThirdWidthTableElement {
        margin-left: 0;
        width: 100%;
        margin-bottom: 25px;
    }
    .containerDirectlyThirdWidthNormal {
        margin-bottom: 25px;
    }
    .containerTextNearByImage:last-child,
    .containerMovedToTopContainer {
        margin-top: 0;
        height: 0;
    }
    #featuresContent .containerMovedToTopContainer {
        margin-top: 0;
        height: 0;
    }
    #customer .containerClasic {
        width: 90%;
        max-width: 100%;
    }
}
/* Container helper*/
.containerHelpFeatures {
    width: 63%;
    float: left;
}
.containerHelpFeaturesTableFirstColumn {
    width: 46%
}
.containerHelpFeaturesTableSecondColumn {
    width: 43%
}
.containerHelpFeaturesPictureFront {
    position: absolute;
    width: 600px;
    height: 27em;
    bottom: 0;
    right: 0;
}
@media (max-width: 1200px) {
    .containerHelpFeaturesPictureFront {
        height: 22em;
        width: 530px;
    }
}
@media (max-width: 1100px) {
    .containerHelpFeatures,
    .containerHelpFeaturesTableFirstColumn,
    .containerHelpFeaturesTableSecondColumn {
        width: 100%
    }
    .containerHelpFeaturesPictureBehind,
    .containerHelpFeaturesPictureFront {
        display: block;
    }
}
@media (max-width: 600px) {
    .containerHelpFeaturesPictureFront {
        width: 600px;
        display: unset;
    }
}

.containerMaxHalfWidth {
    width: 50%;
}
.iconNearByContext {
    margin-right: 11px;
    width: 30px;
    height: 30px;
    float: left;
}
@media all and (max-width: 1100px) {
    .iconNearByContext {
        margin-top: 32px;
    }
}
/** Efects **/
/* Shadow */
.standartShadow {
    box-shadow: #000 5px 5px 10px;
}
.lightShadow {
    box-shadow: rgba(145, 145, 145, 0.36) 0 0 5px 2px;
}

/* Buttons */
#partners div.animatedButtons,
button[type=submit].animatedButtons,
.animatedButtons {
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    display: initial;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    text-decoration: none;
    padding: 1px 7px 2px;
}
#partners div.animatedButtons:hover,
button[type=submit].animatedButtons:hover,
.animatedButtons:hover {
    background-color: #FFFFFF;
    border: 1px solid rgb(0, 127, 183);
    box-shadow: none;
    color: rgb(0, 127, 183) !important;
    text-decoration: none;
}
.animatedButtonsReverse {
    padding: 2px 10px 2px 10px;
    color: rgb(0, 127, 183);
    cursor: pointer;
    display: inline-table;
    position: relative;
    border: 1px solid rgb(0, 127, 183);
    background: transparent;
    text-decoration: none;
    outline: none;
}
#quantUsageInformation .animatedButtonsReverse:hover {
    border: 1px solid rgb(0, 127, 183);
}
.animatedButtonsReverse:hover {
    color: rgb(255,255,255);
    border: 1px solid rgb(255, 255, 255);
    background-color: rgb(0, 127, 183);
    text-decoration: none;
}
.button_center_phone {
    margin-bottom: 1em;
}

@media all and (min-width: 895px) {
    .nestedWrapper .nestedBtns a.nestedLink {
        padding-right: 0;
    }
    HEADER .nestedWrapper div.nestedBtns:hover{
        background-color: rgb(0, 127, 183);
        color: #FFFFFF !important;
    }
    HEADER .primary_navigation .nestedBtns:hover {
        background-color: rgb(0, 127, 183);
        color: #FFFFFF !important;
    }
    .nestedBtns .nestedLink:hover {
        color: #FFFFFF !important;
    }
}
@media all and (max-width: 964px) {
    .button_center_from_tablet {
        width: 100%;
    }
    .button_center_from_tablet a {
        float: none;
        display: initial;
    }
}

@media all and (max-width: 894px){
    HEADER .nestedWrapper .nestedBtns,
    .nestedBtns {
        transition: none;
    }

    .nestedBtns[disabled]:hover {
    }
    HEADER .primary_navigation .nestedBtns[disabled]:hover {
    }
    ul.primary_navigation .nestedBtns a.nestedLink[disabled]:hover {
        /*color: #FFFFFF !important;*/
    }

    .nestedBtns:hover:before[disabled] {
    }
    HEADER .nestedWrapper .nestedBtns:before,
    .nestedBtns:before {
        transition: none;
    }
}
@media all and (max-width: 600px) {
    .button_center_phone {
        width: 100%;
    }
    .button_center_phone a {
        float: none;
        display: initial;
    }
}
/* Forms */
@media (min-width: 601px) {
    fieldset.formInfo {
        border: none;
        display: inline-block;
        width: 48%;
        margin-left: 0;
        margin-bottom: 0;
    }
    fieldset.formInfo.aloneFieldset {
        margin-left: 7px;
        float: left;
    }
}
@media (max-width: 600px) {
    fieldset.formInfo {
        width: 99%;
        margin: auto;
        border: none;
        display: block;
    }
}

/* Colors */
.darkBlackOpacity {
    background-color: black;
    opacity: 0.8;
}
.darkBlueBackground {
    background-color: rgb(0, 50, 85);
}
.blueBackground {
    background-color: rgb(14, 106, 183);
}
.etBlueBackground {
    background-color: rgb(0, 127, 183);
}
.lightBlueBackground {
    background-color: rgb(182, 216, 236);
}
.lightETBlueBackground {
    background-color: rgb(208, 231, 246);
}
.transparentBackground {
    background-color: rgba(255,255,255,0);
}
.whiteBackground {
    background-color: #FFFFFF;
}
.lightGreyBackground {
    background-color: rgb(215,215,215);
}
.whiteColor{
    color: #FFFFFF;
}
.blackColor {
    color: #000;
}
.darkBlueColor {
    color: rgb(0, 50, 85);
}
.blueColor {
    color: rgb(14, 106, 183);
}
.lightGreyColor {
    color: rgb(128, 128, 128);
}

/* Hover */
.lightGreyHover:hover {
    background-color: rgb(222, 222, 222);
}
Header .topMenu .primary_navigation .etBlueColor,
.etBlueColor {
    color: rgb(0, 127, 183);
}
.lightBlueColor {
    color: rgb(182, 216, 236);
}

/* Background */
.abstractImage {
    background-color: rgba(217,236,248,0.64);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../img/header/background.jpg");
    min-height: 530px;
}
.abstractSquare {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../img/header/sablona.svg");
}
.partnerBackgroundColor {
    background-color: rgb(189,208,229);
}
/* Image */
/* Texts */
H2.primary_heading_title {
    font-weight: 400;
    text-align: center;
    padding-bottom: 60px;
}
.downloads_section_heading {
    color: white;
    font-size: 1.05em;
    font-weight: 600;
    margin: 20px auto 10px;
    width: calc(92%);
}
@media all and (min-width: 965px) {
    H2.primary_heading_title {
        width: 100%;
        max-width: 1040px;
        font-size: 40px;
        margin: auto;
    }
}
@media all and (max-width: 964px) {
    H2.primary_heading_title {
        font-size: 32px;
        margin: auto 0 0 auto;
        width: 92%;
    }
}
@media all and (max-width: 480px) {
    H2.primary_heading_title {
        font-size: 24px;
        font-weight: bold;
    }
}
.text_Logo_Heading {
    text-align: left;
    line-height: 55px;
    font-size: 48px;
}
.onTopPageContainer {
    margin: auto;
    max-width: 1040px;
    min-height: 250px;
    width: 80%;
    display: flex;
    justify-content: space-between;
}
.onTopSvgElement {
    max-width: 320px;
    width: 100%;
    padding-top: 80px;
}
@media (max-width: 1200px) {
    .onTopSvgElement {
        display: none;
    }
}
.pageHeaderWrapper {
    margin-top: 55px;
    margin-right: 20px;
    flex: 1;
    z-index: 4;
}
.H1_PageHeader {
    font-size: 48px;
    font-weight: bold;
    line-height: 55px;
    max-width: 520px;
    width: 100%;
}
@media (max-width: 1200px) {
    .H1_PageHeader {
        max-width: 100%;
    }
}
.H4_PageHeader {
    font-size: 32px;
    max-width: 520px;
    width: 100%;
}
.svg_PageHeader {
    height: 100px;
    max-width: 520px;
    width: 100%;
}
@media (max-width: 1015px) and (min-width: 800px){
    .onTopSvgElement {
        max-width: 260px;
        padding-top: 100px;
    }
}
@media (max-width: 895px) {
    .onTopPageContainer {
        min-height: 180px;
        width: calc(100% - 110px);
    }
}
@media (max-width: 799px) {
    .H1_PageHeader {
        font-size: 32px;
        line-height: normal;
        /*padding-top: 50px;*/
    }
    .H4_PageHeader { font-size: 20px; }
    .onTopSvgElement { display: none; }
    .downloads_section_heading { margin: 10px 0; }
}
@media (max-width: 500px) {
    .onTopPageContainer {
        width: calc(90%);
    }
    .primary_padding_div,
    .primary_padding_div_onTop {
        padding-left: 5%;
        padding-right: 5%;
    }
}
@media (max-height: 800px) {
    .onTopSvgElement {
        max-width: 220px;
    }
    .onTopPageContainer h1 {
        padding-bottom: 0;
    }
    .H1_PageHeader {
        font-size: 30px;
    }
    .H4_PageHeader {
        font-size: 22px;
    }
}
@media (max-width: 380px) {
    /*.onTopPageContainer {*/
    /*    min-height: 150px;*/
    /*}*/
    .onTopPageContainer.de,
    .onTopPageContainer.fr {
        min-height: 190px;
    }
}
@media (max-width: 310px) {
    .onTopPageContainer.cs {
        min-height: 190px;
    }
}
.H2_text_center{
    width: 100%;
    line-height: 55px;
    text-align: center;
}
.informationDivTableHeader {
    font-size: 20px;
    font-weight: 600;
    height: 35px;
}
.rowSize45 {
    height:55px;
}
H4.H4_afterHeading {
    width: 80%;
    text-align: center;
    margin: auto;
    font-size: 32px;
}
p.p_afterHeading {
    width: 100%;

    text-align: center;
    font-weight: 400;
}
.headingTable {
    font-size: 24px;
    margin-left: 0;
    margin-top: 0;
    text-align: left;
    /*display: table;*/
    margin-right: 10px;
    height: auto
}
.afterHeadingTable{
    font-size: 20px;
    margin: 10px 20px 20px 40px;
    text-align: left;
}
#articleBlog .afterHeadingTable {
    margin: 0 0 0 45px;
    font-size: 1.05em;
    font-weight: 600;
}
.fontHighlighting {
    font-weight: 600;
}
.textAlign_Left {
    text-align: left;
}
@media (max-width: 800px) {
    #articleBlog .afterHeadingTable {
        margin: 0 0 0 2px;
    }
}
@media (min-width: 601px) {
    .H2_text_center {
        font-size: 48px;
    }
    .thankyou .H2_text_center {
        padding-top: 90px;
    }
    p.p_afterHeading {
        font-size: 26px;
    }
}
@media (max-width: 600px) {
    .H2_text_center {
        font-size: 32px;
    }
    p.p_afterHeading {
        font-size: 18px;
    }
}
.text_etBlue_white {
    color: rgb(0, 127, 183);;
}
.text_etBlue_white:hover {
    color: #FFFFFF;
}
.headingTitle {
    float: left;
    font-weight: 400;
}
@media (min-width: 965px) {
    .headingTitle{
        margin: 0 calc(10% - 6px) 40px calc(10% + 6px);
        font-size: 40px;
        width: 80%;
        text-align: center;
    }
    H4.H4_afterHeading {
        font-size: 32px;
    }
}
@media all and (max-width: 964px) {
    .text_Logo_Heading {
        font-size: 38px;
    }
    .rowSize45 {
        min-height:55px;
        height: auto;
    }
}
@media (min-width: 601px) and (max-width: 964px) {
    .headingTitle{
        margin: 0 calc(10% - 6px) 40px calc(10% + 6px);
        font-size: 30px;
        width: 80%;
        text-align: center;
    }
    H4.H4_afterHeading {
        font-size: 30px;
    }
}
@media (min-width: 501px) and (max-width: 600px) {
    .headingTitle {
        margin: 0 0 30px 30px;
        font-size: 24px;
        text-align: left;
        width: 90%;
    }
    H4.H4_afterHeading {
        font-size: 20px;
    }
}
@media (max-width: 500px) {
    H4.H4_afterHeading {
        font-size: 20px;
    }
}
H3.H3_Heading_context {
    width: 100%;
    text-align: center;
    font-size: 40px;
}
.text_normal {
    font-size: 16px;
}
.text_small {
    font-size: 14px;
}
.text_verySmall {
    font-size: 12px;
    font-weight: 300;
    text-align: left;
}
.text_verySmallButton {
    font-size: 12px;
    font-weight: 400;
}
.textDecoration_none {
    text-decoration: none;
}
.text_weightBig {
    font-weight: 800;
}
.etAdress {
    -webkit-font-smoothing: subpixel-antialiased;
    display: block;
    font-weight: 300;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    margin-left: 0;
    margin-bottom: 0;
}
.mapFrame {
    border: 0;
}
@media (min-width: 965px) {
    .etAdress {
        min-width: 170px;
        width: 170px;
        margin: 0 calc(40% - 175px);
    }
    .rightMap {
        margin: -130px calc(60% - 95px);
        width: 260px;
    }
    .mapFrame {
        width: 260px;
        height: 130px;
    }
    .primary_navigation .nestedWrapper a.textMenu,
    .textMenu {
        font-size: 16px;
        padding: 2px 10px 2px 10px;
    }
}
@media (min-width: 601px) and (max-width: 964px) {
    .etAdress {
        min-width: 170px;
        width: 170px;
        margin: 0 calc(35% - 140px);
    }
    .rightMap {
        margin: -130px calc(65% - 120px);
        width: 260px;
    }
    .mapFrame {
        width: 260px;
        height: 130px;
    }
    .primary_navigation .nestedWrapper a.textMenu,
    .textMenu {
        font-size: 20px;
        padding: 10px;
    }
}
@media (max-width: 600px){
    .etAdress {
        width: auto;
        margin: auto 30px;
    }
    .rightMap {
        position: absolute;
        padding-top: 50px;
        left: 14%;
        width: calc(80% - 40px);
    }
    .mapFrame {
        width: 100%;
        height: 160px;
    }
    .primary_navigation .nestedWrapper a.textMenu,
    .textMenu {
        font-size: 20px;
        padding: 2px 10px 2px 10px;
    }
}
.primary_padding_div_onTop {
    padding-top: 20px;
}
/* Floating */
@media all and (min-width: 965px) {
    .primary_floatRight{
        float: right;
    }
    .primary_floatLeft{
        float: left;
    }
    .primary_flex {
        display: inline-flex;
    }
}
@media (max-width: 964px) {
    .primary_floatRight{
        float: none;
    }
    .primary_floatLeft{
        float: none;
    }
    .primary_flex {
        display: block;
    }
}
@media all and (max-width: 1200px) {
    .primary_margin_top_big {
        margin-top: 30px;
    }
    #download .primary_padding_div,
    #articleBlog .primary_padding_div {
        padding-right: 15px;
        padding-left: 15px;
    }
}
.primary_margin_top_big {
    margin-top: 50px;
}
@media (max-width: 600px) {
    
    .brickBlogPostContainer,
    .blogThreeInLine {
        &:hover {
            box-shadow: initial;
            transform: none;
        }
    }
    
    .caseStudyHeading {
        float: none;
    }
    .caseStudyButton {
        float: left;
        display: block;
        margin: 30px 0;
    }
    #articleBlog .primary_padding_div {
        padding-right: 0;
        padding-left: 0;
    }
}

/* Bricks */
.brickBig {
    width: 100%;
    overflow: hidden;
    clear: both;
}
.brickWiderThinnerFirst {
    width: 59%;
}
.brickWiderThinnerSecond {
    width: 39%;
}
.brickContainerThreeInLine {
    display: flex;
    width: 92%;
}
#download .brickContainerThreeInLine {
    justify-content: center;
    width: 100%;
}
#download .brickContainerThreeInLine a {
    flex: 0 0 30%;
}
@media (min-width: 601px) {
    .brickGeneral {
        display: inline-block;
    }
}
.bricksThreeInLine {
    width: 32.5%;
}
.brickBlogPostContainer {
    width: 92%;
    height: 250px;
    display: flex;
    justify-content: center;
    text-decoration: none;
}
.bricksBlogPost {
    width: 100%;
    height: 100%;
}
.bricksBlogSmallMargin{
    margin: 0.5%;
    text-decoration: none;
}
.bricksBlogSmallMargin:first-child {
    margin-left: 0;
}
.bricksBlogSmallMargin:nth-child(3n) {
    margin-right: 0;
}
.bricksBlogSmallMargin:nth-child(3n+1) {
    margin-left: 0;
}
.brigetsCountless {
    height: 165px;
    padding: 20px 10px 5px 10px;
    width: 170px;
}
@media (min-width: 800px) and (max-width: 900px) {
    .brickBlogPostContainer {
        height: 245px;
    }
}
@media all and (max-width: 799px) {
    .brickContainerThreeInLine {
        width: 100%;
        display: block;
    }
    .bricksThreeInLine {
        width: auto;
    }
    .brickBlogPostContainer {
        width: 99%;
        height: auto;
        display: block;
    }
    .bricksBlogSmallMargin {
        margin: 17px 0;
    }
}
@media all and (max-width: 600px) {
    .brickBlogPostContainer {
        height: auto;
    }
}
@media all and (min-width: 965px){
    .brickGeneral { overflow: hidden; }
    .brickTwoSameSize { width: calc(50% - 25px); }
    .brickHorizontal { height: 24em; }
    .brickVertical { height: 545px; }
    .brickVerticalSmaller { height: 330px; }
}
@media all and (max-width: 964px){
    .brickGeneral { height: 35em; }
    .brickTwoSameSize { width: 100%; }
    .brickVerticalSmaller,
    .brickVertical,
    .brickHorizontal {
        overflow: hidden;
        height: auto;
    }
}
@media all and (min-width: 1201px) {
    .primary_size_center {
        width: 1040px;
        max-width: 1040px;
        margin: auto;
    }
}
@media all and (max-width: 1200px) {
    .primary_size_center {
        width: 100%
    }
    .brickBlogPostContainer {
        width: 100%;
    }
    .brickContainerThreeInLine {
        width: 100%;
    }
}
@media (min-width: 965px) and (max-width: 1200px) {
    .brickHorizontal{
        height: 35em;
    }
    .brickVertical {
        height: 694px;
    }
    .brickVerticalSmaller {
        height: 390px;
    }
}
/* Mouse */
.mousePointer {
    cursor: pointer;
}
.mouseDefault {
    cursor: default;
}

/* Border */
.border_rightDown_down {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0;
}
.border_full_none {
    border-radius: 10px;
}
.border_full {
    border-radius: 10px;
}
@media all and (max-width: 964px) {
    .border_rightDown_down {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .border_full_none {
        border-radius: 0;
    }
}

/* Visibility */
.seeThreeColumns {
    display: none;
}
.seeTwoColumns {
    display: none;
}
ARTICLE .references span.seeOnSmallDevices,
.seeOnSmallDevices {
    display: none;
}
.seeOnMonitorDevices {
    display: block;
}
@media (min-width: 1100px) {
    .seeThreeColumns {
        display: block;
    }
    .seeTwoColumns {
        display: none;
    }
}
@media (max-width: 1099px) {
    .seeThreeColumns {
        display: none;
    }
    .seeTwoColumns {
        display: block;
    }
    /*.bricksBlogPost {*/
    /*    width: auto;*/
    /*}*/
}
@media (max-width: 964px) {
    .seeOnSmallDevices {
        display: block;
    }
    ARTICLE .references span.seeOnSmallDevices {
        display: flex;
    }
}

@media (max-width: 964px) {
    .seeOnMonitorDevices {
        display: none;
    }
    .primary_margin_top_normal_partner {
        margin-top: 0;
    }
}
.seeOnSmallDevicesSpecial {
    display: none;
}
@media (max-width: 799px) {
    .seeOnSmallDevicesSpecial {
        display: block;
    }
}
/* Help Pointers */
#shelfLabelManagement{

}
/* Javascript support class*/
.hidden {
    display: none;
}
/* Sliders */
.sliderConfigurator {
    position: relative;
    width: 90%;
    margin-left: 5px;
    margin-right: 5px;
    outline: none;
    background: linear-gradient(90deg, rgb(0, 127, 183) 10%, rgb(255,255,255) 10%);
    opacity: 0.7;
    transition: 0.2s;
    border-radius: 10px;
    box-shadow: 0 1px 5px 1px rgb(215,215,215);
}
.sliderConfigurator::-webkit-slider-runnable-track {
    height: 10px;
    border-radius: 10px;
}
.sliderConfigurator::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background: rgb(0, 127, 183);
    border: 4px solid rgb(182, 216, 236);
    border-radius: 10px;
    -webkit-appearance: none;
}
.sliderConfigurator:hover{
    opacity: 1;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    background: transparent;
    border-radius: 10px;
    border-color: rgb(215,215,215);
}
input[type=range]::-ms-fill-lower {
    background: rgb(0, 127, 183);
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    width: 9px;
    height: 9px;
    background: rgb(0, 127, 183);
    border: 1px solid rgb(182, 216, 236);
    border-radius: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sliderConfigurator {
        box-shadow: none;
        background-image: none;
    }
    .configuratorContainter a {
        margin-top: 9px;
    }
}
/* Checkbox */
input[type="checkbox"]:checked {
    background:url("../img/configurator/icon/checkbox_marked.svg")  no-repeat;
}
input[type="checkbox"] {
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    background: url("../img/configurator/icon/checkbox.svg") no-repeat;
}
input[type="checkbox"]:disabled {
    background: url("../img/configurator/icon/checkbox_disabled.svg");
}
input[type="checkbox"]:disabled:checked {
    background: url("../img/configurator/icon/checkbox_disabled_marked.svg");
}
#releaseNotes input[type="checkbox"]:checked {
    background:url("../img/configurator/icon/checkbox_marked.svg") no-repeat;
}
#releaseNotes input[type="checkbox"] {
    width: 20px;
    height: 20px;
    position: relative;
    right: 0;
    background: url("../img/configurator/icon/checkbox.svg") no-repeat;
    margin: 0;
}
#releaseNotes input[type="checkbox"] .disabled {
    width: 20px;
    height: 20px;
    position: relative;
    right: 0;
    background: url("../img/configurator/icon/checkbox_disabled.svg");
    margin: 0;
}
@media all and (max-width: 350px){
    input[type="checkbox"] {
        position: relative;
    }
}
/* Tooltip for slider*/
.TooltipValueBorder {
    height: 10px;
    margin-left: 29px;
    position: absolute;
    top: -16px;
    width: 84%;
}
.userTooltip {
    text-align: center;
    color: rgb(0, 127, 183);
    position: absolute;
    white-space: nowrap;
}
@media (max-width: 1200px) {
    .TooltipValueBorder {
        width: 88%;
    }
}
@media (max-width: 1000px) {
    .TooltipValueBorder {
        width: 86%;
    }
}
@media (max-width: 650px) {
    .TooltipValueBorder {
        width: 85%;
    }
}
@media (max-width: 500px) {
    .TooltipValueBorder {
        width: 84%;
    }
}
@media (max-width: 450px) {
    .TooltipValueBorder {
        width: 81%;
    }
}
@media (max-width: 400px) {
    .TooltipValueBorder {
        width: 78%;
    }
}
@media (max-width: 360px) {
    .TooltipValueBorder {
        width: 76%;
    }
}
/* Animation */
.fadeIn {
    animation-name: fadeIn;
    animation-duration: 1.5s;
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.fadeOut {
    animation-name: fadeOut;
    animation-duration: 1.5s;
}
@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
.slideInTop {
    animation-name: slideInDown;
    animation-duration: 1s;
}
@keyframes slideInTop {
    90% {
        transform: translateY(5%);
        visibility: visible;
    }
    100% {
        transform: translateY(0);
    }
}
.slideInDown {
    animation-name: slideInDown;
    animation-duration: 0.5s;
}
@keyframes slideInDown {
    0% {
        transform: translateY(-25%);
        visibility: visible;
    }
    100% {
        transform: translateY(0);
    }
}
.slideInLeft {
    animation-name: slideInLeft;
    animation-duration: 1s;
}
@keyframes slideInLeft {
    0% {
        transform: translateX(-25%);
        visibility: visible;
    }
    100% {
        transform: translateX(0);
    }
}
.slideInRight {
    animation-name: slideInRight;
    animation-duration: 1s;
}
@keyframes slideInRight {
    0% {
        transform: translateX(25%);
        visibility: visible;
    }
    100% {
        transform: translateX(0);
    }
}
/* Lines */
.lineSeparator {
    height: 1px;
    width: 100%;
}
.linePricingTable {
    width: 100%;
    height: auto;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
/* Utility */
.justifyContent_left {
    justify-content: left;
}
@media (max-width: 964px) {
    #pricing .emptyContainer {
        min-height: 0;
    }
    #pricing .informationDivTableHeader {
        height: auto;
    }
    #pricing .rowSizeAuto {
        height: auto;
    }
    #pricing .informationDivTableHeader {
        font-size: 16px;
    }
    #pricing .linePricingTable>.tableWidthThird {
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,0.3);
    }
    #pricing H2.pricingInformationTableH2 {
        font-size: 18px;
    }
    #pricing .linePricingTable {
        border-bottom: none;
        font-size: 14px;
    }
}
.iconQuestion {
    position: absolute;
    top: 19px;
    right: 0;
    width: 15px;
    height: 15px;
    background: url(../img/basic/question_mark.svg);
}
.iconQuestion.fadeIn{
    background: black url(../img/header/close.svg);
}
.iconQuestionColor {
    fill: rgb(91,91,91);
}
.iconQuestionColor:hover {
    fill: rgb(225,255,10);
}
.collapse {
    display: none;
}
.informationCollapse {
    font-size: 12px;
    margin-bottom: 10px;
}
.pricingInformationTableColumnItem,
.informationPricingTable {
    overflow: hidden;
}
/* Messages*/
.errorMessage {
    background-color: rgb(242,222,222);
    color: rgb(169,68,66);
    z-index:10;
}
.successMessage {
    background-color: rgb(223,240,216);
    color: rgb(60,118,61);
    z-index:10;
}
.infoMessage {
    background-color: rgb(217,237,247);
    color: rgb(49,112,143);
    z-index:10;
}
.message {
    margin-top: 25px;
    padding: 10px;
}
.message .title {
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
}
/* hover */
.fontHover:hover {
    color: rgb(0, 127, 183);
}
.noDecoration {
    text-decoration: none;
}
ARTICLE.home .references span {
    display: flex;
    align-items: center;
    width: calc(100% / 2);
    margin-left: auto;
    margin-right: auto;
}

.home span.references span span {
    width: 100px;
    display: inline-block;
}

@media all and (min-width: 1200px) {
    .thankyouLogo {
        position: absolute;
        right: calc(50% - 270px);
    }
    .containTwo p:first-child {
        height: 60px;
    }
    .containTwo p:nth-child(2) {
        height: 52px;
    }
    .containTwo ul,
    #pricing .caseStudies .caseStudiesBox ul {
        height: 480px;
    }
    .pricingPrice {
        height: 45px;
    }
    .configuratorBoxes {
        max-width: 1024px;
        height: auto;
        display: flex;
        flex-direction: row;
        margin: auto;
    }
    .configuratorBox {
        width: 50%;
    }
    .configuratorBox:last-child {
        margin: 20px;
    }
    .reference, .reference2, .reference3, .referenceT{
        width: calc(100% / 6);
        height: calc(100vh - 88.5vh);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .reference2, .referenceT5 {
        width: calc(100% / 5);
    }
    .reference3 {
        width: calc(100% / 4);
    }
    @media all and (min-width: 965px) {
        .langBar {
            width: auto
        }
        .langBar a {
            font-size: 16px;
        }
        HEADER .nestedWrapper {
            display: flex;
        }
        HEADER DIV.primaryMenu, HEADER DIV.memberMenu,
        HEADER DIV.news {
            width: 100%;
        }
    }
    .langBar {
        width: auto;
    }
    .langBar a {
        font-size: 16px;
    }
    .memberLoggedIn .package,
    .memberLoggedIn HEADER DIV.memberMenu,
    .memberLoggedIn HEADER DIV.news,
    .memberLoggedIn ARTICLE SECTION.article,
    .memberLoggedIn ARTICLE .downloadSection DIV.grayLine.shorter{
        width: 100%;
    }
    .memberLoggedIn ARTICLE #tutorialContent {
        float: none;
        vertical-align: top;
        width: calc(100% - 250px);
        margin-right: 0;
        height: 100%;
        text-align: center;
    }
    .memberLoggedIn ARTICLE .tutorials.mobile #tutorialContent {
        display: none;
    }
    ARTICLE SECTION.article.tutorials.mobile {
        height: auto;
    }
    .memberLoggedIn ARTICLE #tutorialContent .pdfObject {
        width: 99%;
        max-width: 880px;
        margin-left: 1%;
        height: 100%;
    }
    .memberLoggedIn ARTICLE DIV.grayLine.shorter {
        margin-left: 0;
    }
    /** TODO @hamal urgent check this change
    /*.memberLoggedIn ARTICLE.topMemberMenu,*/
    /*.memberLoggedIn ARTICLE.top {*/
    /*    margin-top: 80px;*/
    /*}*/
    HEADER .nestedWrapper ul {
        display: inline-flex;
    }
    HEADER .primary_navigation LI {
        height: 50px;
    }
    HEADER .primary_navigation .has-children LI {
        height: 40px;
    }
    HEADER .primary_navigation LI .nestedWrapper {
        padding-right: 30px;
    }

    ARTICLE.home .references {
        height: calc(100vh - 88.5vh);
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
        max-width: unset;
    }
    ARTICLE .references {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        /*max-width: 900px;*/
    }
    /*ARTICLE.home .references span {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    width: calc(100% / 2);*/
    /*    margin-left: auto;*/
    /*    margin-right: auto;*/
    /*}*/
    ARTICLE .references span {
        display: flex;
        height: 110px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
    }
    /*.home span.references span span {*/
    /*    width: 100px;*/
    /*    display: inline-block;*/
    /*}*/
    @media all and (min-width: 1960px) {
        ARTICLE SECTION.article.transparent,
        ARTICLE SECTION.article.features {
            width: 50%;
        }
    }
    #featuresContent h4.headingTable,
    #bricksCustomerStories h3.hugeText,
    #quantUsageCaseStudies h3.hugeText,
    .quantUsageInformationClass h3.hugeText,
    #quantUsageInformation h3.hugeText {
        max-width: fit-content;
        font-size: 22px;
        height: 50px;
    }
    #quantUsageCaseStudies h3.hugeText,
    #bricksCustomerStories h3.hugeText {
        max-width: 85%;
    }
    p.informationPharagraph {
        font-size: 16px;
    }
    .caseStudiesBox {
        width: 47%;
    }
    .caseStudies {
        width: 1040px;
        display: flex;
    }
    #bricksCustomerStories {
        /*width: 1040px;*/
        max-width: 1040px;
    }
    .margin_left_and_none {
        margin-left: 40px;
    }
    #contactFormular {
        width: 50%;
        /*min-width: 500px;*/
        max-width: 620px;
        height: auto;
    }
    .contactUsFormBox label {
        width: 200px;
    }
    .contactUsFormBox INPUT {
        min-width: 200px;
        width: 96%;
    }
    .leaveComment {
        /*min-width: 438px;*/
        position: inherit;
        width: 96%;
        height: 100px;
        /*margin-left: 15px;*/
        padding: 5px 2%;
        display: table;
        margin-top: 5px;
        border-radius: 5px;
    }
    #country {
        height: 24px;
        min-width: 440px;
        display: table;
        width: 100%;
        padding: 3px 0;
        /*margin-left: 15px;*/
        margin: 5px 0;
        text-align: left;
        border-radius: 5px;
    }
    .containerDirectlyTwoThirdsWidth.featureTaskManagement_cs,
    .containerDirectlyTwoThirdsWidth.featureTaskManagement_de,
    .containerDirectlyTwoThirdsWidth.featureTaskManagement_en,
    .containerDirectlyTwoThirdsWidth.featureTaskManagement_pl,
    .containerDirectlyTwoThirdsWidth.featureTaskManagement_es,
    .containerDirectlyTwoThirdsWidth.featureTaskManagement_fr,
    .containerDirectlyTwoThirdsWidth.featureTaskManagement_it {
        height: 300px;
    }
    @media all and (min-width: 1250px) {
        .containTwo ul,
        #pricing .caseStudies .caseStudiesBox ul {
            height: 480px;
        }
    }
    @media all and (min-width: 1101px) {
        HEADER .primary_navigation .has-children ul li a {
            height: 100%
        }
    }
    HEADER .primary_navigation li.submenu-inside>svg {
        width: 0;
        height: 0;
        padding: 0;
        margin: 0;
    }
}
/*@media (min-width: 1100px) and (max-width: 1360px) {*/
/*    HEADER .primary_navigation .has-children ul { width: 75%}*/
/*}*/
/*@media all and (min-width: 1361px) {*/
/*    .pl HEADER .primary_navigation .has-children ul,*/
/*    .de HEADER .primary_navigation .has-children ul { width: auto; }*/
/*}*/

@media (min-width: 601px) and (max-width: 1200px) {
    .memberLoggedIn ARTICLE #tutorialContent {
        float: none;
        vertical-align: top;
        width: calc(100% - 250px);
        margin-right: 0;
        height: 100%;
        text-align: center;
    }
    .memberLoggedIn ARTICLE .tutorials.mobile #tutorialContent {
        display: none;
    }
    ARTICLE SECTION.article.tutorials.mobile {
        height: auto;
    }
    .memberLoggedIn ARTICLE #tutorialContent .pdfObject {
        width: 99%;
        max-width: 880px;
        margin-left: 1%;
        height: 100%;
    }
    ARTICLE.topMemberMenu,
    ARTICLE.top {
        top: 20px;
    }
    .langBarVisible ARTICLE.top {
       margin-top: 55px;
    }
    .langBarVisible ARTICLE.topMemberMenu {
        margin-top: 55px;
    }
    .configuratorBoxes {
        padding-bottom: 20px;
    }
    /********************/
    /* Language Header * /
    /********************/
    .pl HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo { display: none; }
    @media (min-width: 895px) and (max-width: 1200px) {
        .featuresSelsTwo_cs,
        .featuresSelsTwo_en {
            margin-left: 12.6%;
        }
    }
    @media (max-width: 894px) {
        .featuresSelsTwo_cs,
        .featuresSelsTwo_em {
            margin-left: 65px;
        }
    }
    @media (min-width: 965px) and (max-width: 1200px) {
        /*h1.bigPictureLabel {*/
        /*    font-size: 48px;*/
        /*    line-height: 55px;*/
        /*}*/
        /*small.bigPictureText {*/
        /*    font-size: 40px !important;*/
        /*    line-height: 3.2rem;*/
        /*}*/
    }
    @media (min-width: 965px) and (max-width: 1200px) and (max-height: 650px) and (min-height: 550px) {
        h1.bigPictureLabel {  font-size: 58px; }
        small.bigPictureText { font-size: 30px !important; }
    }

    @media all and (min-width: 965px) {
        .langBar { width: auto }
        .langBar a { font-size: 16px; }
        HEADER DIV.primaryMenu, HEADER DIV.memberMenu,
        HEADER DIV.news {
            width: 100%;
        }
}
    @media (min-width: 1101px) and (max-width: 1200px) {
        HEADER .topMenu .primary_navigation LI {
            height: 50px;
        }
        HEADER .topMenu .primary_navigation .has-children LI {
            height: 40px;
        }
        HEADER .nestedWrapper ul { display: inline-flex; }
        body.cs HEADER .topMenu .primary_navigation li.nestedWrapper {
            padding-right: 18px;
        }
        /*HEADER .topMenu .primary_navigation.lin,*/
        /*.memberLoggedIn HEADER .topMenu .primary_navigation {*/
        /*    margin-left: 213px;*/
        /*}*/
        HEADER .topMenu .primary_navigation li.submenu-inside>svg {
            width: 0;
            height: 0;
            padding: 0;
            margin: 0;
        }
    }
    @media (min-width: 1100px) and (max-width: 1200px) {
        .containTwo p:nth-child(2) {  height: 52px; }
        .containTwo p:first-child { height: 60px; }
        .containTwo ul,
        #pricing .caseStudies .caseStudiesBox ul { height: 610px; }
        .pricingPrice { height: 45px; }
    }

    @media all and (max-width: 1100px) {
        HEADER .topMenu .primary_navigation:not(.nestedMenu) { height: auto; }
        HEADER .topMenu .primary_navigation li.has-children {
            height: auto;
            border-bottom: 1px solid rgba(0,0,0,0.45);
        }
        /*HEADER .topMenu .primary_navigation li.MyQuant.has-children { padding: 0; }*/
        HEADER .topMenu .primary_navigation .has-children:hover ul, HEADER .topMenu .primary_navigation .has-children ul:hover { display: flex; }
        HEADER .topMenu .primary_navigation .has-children ul li { border-bottom: 1px solid rgba(0,0,0,0.45); }
        HEADER .topMenu .primary_navigation .has-children ul li:last-child { border-bottom: 1px solid rgba(0,0,0,0); }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li { border-bottom: 1px solid rgba(0,0,0,0.45); }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children { border-bottom: 1px solid rgba(0,0,0,0.45); }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.has-children:not(.submenu-inside)>a { display: none; }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:hover { border-bottom: 1px solid rgba(0,0,0,0.45); }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children li:first-child { border-top: 1px solid rgba(0,0,0,0.45); }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children li:not(.submenu-inside):first-child,
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children li { border-top: 0 solid black; }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.has-children>a { margin-bottom: 0; }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside>a {
            float: left;
            pointer-events: none;
            width: calc(100% - 80px);
        }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside ul { display: none; }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside .showSubMenu { display: block; }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside .showSubMenu tr { display: block; }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside .showSubMenu tr td {
            border-top: 1px solid #000;
            display: block;
            line-height: 22px;
            padding: 8px 12px;
        }
        HEADER .topMenu .primary_navigation li.has-children.activeSubMenu { padding-bottom: 0; }
        HEADER .lin .primary_navigation .has-children.active ul { display: block; }
        HEADER .topMenu .primary_navigation li.submenu-inside>svg {
            margin: 10px 0;
            visibility: visible;
            display: initial;
        }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.Pricing.has-children li { justify-content: flex-start; }
        .primary_submenu {
            background-color: rgba(0,0,0,0);
            position: relative;
            top: initial;
            left: initial;
        }
        HEADER .topMenu .primary_navigation .has-children .primary_submenu table {
            border-color: rgba(234,234,234, 0);
            width: 100%;
        }
        HEADER .topMenu .primary_navigation .has-children svg {
            height: 20px;
            width: 20px;
        }
        .containerDirectlyTwoThirdsWidth.featureTaskManagement_cs,
        .containerDirectlyTwoThirdsWidth.featureTaskManagement_de,
        .containerDirectlyTwoThirdsWidth.featureTaskManagement_en,
        .containerDirectlyTwoThirdsWidth.featureTaskManagement_pl,
        .containerDirectlyTwoThirdsWidth.featureTaskManagement_es,
        .containerDirectlyTwoThirdsWidth.featureTaskManagement_fr,
        .containerDirectlyTwoThirdsWidth.featureTaskManagement_it {
            height: 300px;
            width: 100%;
        }
        .langBar {
            margin: 0 0 0 10%;
            width: auto;
            position: absolute;
        }
        .opacityBackgroung { margin: 0 auto; }
        HEADER .nestedWrapper {
            width: 80%;
            display: block;
            position: relative;
            margin: 0 auto 0 auto;
            padding-top: 40px;
            right: 0;
            text-align: center;
        }
        .primary_navigation .nestedWrapper .nestedBtns a.nestedLink,
        .nestedWrapper .nestedBtns a.nestedLink {
            font-size: 20px;
        }
        .nestedWrapper .nestedBtns{
            margin: 10px auto;
            text-align: center;
            display: table;
        }
        small.bigPictureText {
            text-align: center;
            max-width: 80%;
            width: 80%;
            margin: 0 auto;
        }
        header .primaryMenu div.topMenu {
            background: rgb(255,255,255);
            display: none;
            flex-direction: column;
            height: calc(100% - 54px);
            overflow: scroll;
            position: fixed;
            top: 54px;
            width: 100%;
            z-index: 10;
        }
        header.languageBarAppear .primaryMenu div.topMenu {
            top: 105px;
        }
        #languageBar {
            position: fixed;
            top: 0;
            z-index: 9;
        }
        HEADER .menuButton {
            display: block;
            background-size: 32px;
            background-position: center;
            margin-left: 10px;
            margin-top: 2px;
            width: 40px;
            height: 40px;
            float: left;
            border-radius: 4px;
            z-index: 12;
        }
        .pl HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
        .fr HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo {
            display: block;
        }
        HEADER .menuShowing {
            position: absolute;
            right: 0;
            margin: 10px;
            width: 35px;
            height: 35px;
        }
        HEADER .menuShowing .bar1, .bar2, .bar3 {
            display: block;
            width: 30px;
            height: 4px;
            background-color: #333;
            margin: 6px 0;
            transition: 0.4s;
        }
        .change .bar1 {
            transform: rotate(-45deg) translate(-6px, 6px);
        }
        .change .bar2 {
            opacity: 0;
        }
        .change .bar3 {
            transform: rotate(45deg) translate(-8px, -8px);
        }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) { height: auto; }
        HEADER .topMenu .primary_navigation li.has-children {
            height: auto;
            border-bottom: 1px solid rgba(0,0,0,0.45);
        }
        HEADER .topMenu .primary_navigation .has-children:hover ul, HEADER .topMenu .primary_navigation .has-children ul:hover { display: flex; }
        HEADER .topMenu .primary_navigation .has-children ul li { border-bottom: 1px solid rgba(0,0,0,0.45); }
        HEADER .topMenu .primary_navigation .has-children ul li:last-child { border-bottom: 1px solid rgba(0,0,0,0); }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li { border-bottom: 1px solid rgba(0,0,0,0.45); }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children { border-bottom: 1px solid rgba(0,0,0,0.45); }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:hover { border-bottom: 1px solid rgba(0,0,0,0.45); }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children li:first-child { border-top: 1px solid rgba(0,0,0,0.45); }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children li:not(.submenu-inside):first-child,
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children li { border-top: 0 solid black; }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.has-children>a { margin-bottom: 0; }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside ul { display: none; }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside .showSubMenu { display: block; }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside .showSubMenu tr { display: block; }
        HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside .showSubMenu tr td {
            border-top: 1px solid #000;
            display: block;
            line-height: 22px;
            padding: 8px 12px;
        }
        HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:hover li.memberSubMenu:first-child { border-top: 0 solid rgba(0,0,0,1);}

        HEADER .topMenu .primary_navigation li.submenu-inside>svg { visibility: visible; }
        HEADER lin.topMenu .primary_navigation.nestedMenu {
            background: white;
            border: 0;
            bottom: 20px;
            left: 0;
            margin-bottom: 40px;
            padding: 0;
            position: sticky;
            width: 100%;
        }
        HEADER .topMenu .primary_navigation.nestedMenu,
        header .topMenu .primary_navigation {
            display: flex;
            flex-direction: column;
            margin: 0;
            overflow: hidden;
            position: relative;
            width: 100%;
        }
        HEADER .topMenu .primary_navigation>LI {
            display: block;
            list-style: none;
            text-align: left;
            line-height: 22px;
            margin: 0 auto 0 auto;
            padding: 12px;
            width: 100%;
            border-bottom: 1px solid rgba(0,0,0,0.45);
        }
        HEADER .topMenu .primary_navigation LI.hasSubmenu,
        HEADER .topMenu .primary_navigation>LI>A {
            display: block;
            padding: 11px 10px 11px 20px;
            flex-direction: column;
            justify-content: center;
        }
        HEADER .topMenu .primary_navigation LI.hasSubmenu {
            padding: 27px 12px 27px 12px;
        }
        HEADER .topMenu .primary_navigation .nestedWrapper{
            border: 0;
            width: 80%;
            padding: 15px 0 0 0;
        }
        a.nestedLink {
            border: 0;
            padding: 0;
            margin: auto;
            width: auto;
        }
        HEADER .topMenu .primary_navigation .nestedWrapper ul,
        HEADER .topMenu .primary_navigation li.hasSubmenu ul
        {
            padding-left: 0;
        }
        HEADER .topMenu .primary_navigation .nestedWrapper .nestedBtns li {
            margin: 25px auto;
        }
        .containerInformationMessage {
            width: 80%;
        }
        H4.blogPostHead {
            font-size: 1.3em;
            max-height: 50px;
        }
        p.blogDescription {
            font-size: 1.10em;
        }
        HEADER .topMenu .primary_navigation li {
            padding: 12px 0;
        }
        HEADER .topMenu .primary_navigation .has-children li {
            padding: 0;
        }
        HEADER .topMenu .primary_navigation LI.active > a {
            padding-bottom: 5px;
        }
        HEADER .topMenu .primary_navigation .has-children>a {
            display: block;
        }
        HEADER .topMenu .primary_navigation li.has-children {
            /*border-bottom: none;*/
            /*padding: 0 12px;*/
        }
        HEADER .topMenu .primary_navigation .has-children ul {
            background: none;
            display: block;
            height: auto;
            position: relative;
            top: auto;
            width: auto;
        }
        HEADER .topMenu .primary_navigation .has-children ul li {
            display: block;
            height: auto;
            line-height: normal;
            padding: initial;
            text-align: left;
            width: auto;
        }
        HEADER .topMenu .primary_navigation .has-children ul li {
            display: block;
            line-height: 22px;
            padding: 8px 12px;
        }
        HEADER .topMenu .primary_navigation .has-children ul li a span{
            display: inline-block;
            float: right;
            font-size: 18px;
            font-weight: 400;
            margin-right: 15px;
            padding: 13px 10px 10px 8px;
            width: calc(100% - 47px);
            white-space: normal;
        }
    }
    @media all and (max-width: 900px) {
        p.blogDescription {
            max-height: 100px;
        }
    }
    @media all and (min-width: 965px) {
        ARTICLE .references {
            height: calc(100vh - 88vh);
            display: flex;
        }
        /*ARTICLE span#ref02{*/
        /*    display: none;*/
        /*}*/
        #featuresContent h4.headingTable,
        #bricksCustomerStories h3.hugeText,
        #quantUsageCaseStudies h3.hugeText,
        .quantUsageInformationClass h3.hugeText,
        #quantUsageInformation h3.hugeText {
            max-width: fit-content;
            font-size: 22px;
            height: 50px;
        }
        p.informationPharagraph {
            font-size: 16px;
        }
    }
    @media (min-width: 965px) and (max-width: 1200px) {
        .caseStudiesBox {
            width: 100%;
        }
        .caseStudies {
            width: 100%;
            display: table;
        }
        #bricksCustomerStories {
            width: 100%;
        }
        #bricksCustomerStories .caseStudyButton {
            float: left;
            display: block;
            margin: 30px 0;
        }
        #bricksCustomerStories .caseStudyHeading {
            float: left;
        }
    }
    @media (min-width: 1051px) and (max-width: 1200px) {
        .reference, .referenceT { width: calc(90% / 6); }
        .reference2, .referenceT5 { width: calc(90% / 5); }
        .reference3 { width: calc(90% / 4); }
    }
    @media (min-width: 1001px) and (max-width: 1050px) {
        .reference, .reference2, .reference3, .referenceT5 {
            width: calc(90% / 4);
        }
        .referenceT, .referenceT5 {
            width: calc(90% / 3);
        }
    }
    @media (min-width: 965px) and (max-width: 1000px) {
        .reference, .reference2, .reference3, .referenceT, .referenceT5 { width: calc(90% / 3); }
    }
    @media all and (max-width: 964px) {
        ARTICLE .references {
            display: block;
        }
        .reference, .reference2, .reference3, .referenceT, .referenceT5 {
            width: calc(90% / 3);
        }
        ARTICLE .references span span{
            height: calc(10vh);
        }
        ARTICLE .references span#ref{
            width: 100%;
            height: 5vh;
        }
        ARTICLE .references span#ref span{
            height: 2.5vh;
        }
        ARTICLE .references span#ref > span:not(#referenceSeparator):nth-of-type(1n+6){
            display: none;
        }
        .opacityBackgroung {
           align-self: center;
        }
        #featuresContent h4.headingTable,
        #bricksCustomerStories h3.hugeText,
        #quantUsageCaseStudies h3.hugeText,
        .quantUsageInformationClass h3.hugeText,
        #quantUsageInformation h3.hugeText {
            font-size: 20px;
            margin: 10px 10px 10px 0;
            height: 30px;
        }
        ARTICLE.aboutUs section.article {
            width: 90%;
            padding: 0 5%;
        }
        ARTICLE DIV.info {
            display: inline-block;
            margin-top: 20px;
            padding: 0;
            width: 100%;
        }
        .caseStudiesBox {
            width: 100%;
        }
        .caseStudies {
            width: 92%;
            display: table;
        }
        .aboutUs .info {
            float: left;
            width: 92%;
            padding: 5% 4%;
        }
        .aboutUs .leftImage {
            margin-left: unset;
            margin-top: 35px;
        }
        ARTICLE DIV.bgLine {
            display: none;
        }
        ARTICLE section.article{
            width: 90%;
        }
        ARTICLE section.article.loginArticle{
            width: 100%;
        }
        .partnerShowingPhone {
            display: flex;
            flex-direction: column-reverse;
        }
        #job .partnerShowingPhone {
            flex-direction: column;
        }
        .positionPicPartner {
            margin-top: 0;
            border-radius: 0 0 10px 10px;
        }
    }
    @media all and (min-width: 895px){
        ARTICLE .references div,
        ARTICLE .references {
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            align-content: flex-start;
            justify-content: center;
            width: 100%;
        }
        /*.home .references span {*/
        /*    display: flex;*/
        /*    align-items: center;*/
        /*    width: 100%;*/
        /*    margin-left: auto;*/
        /*    margin-right: auto;*/
        /*    !*height: calc(100vh - 95vh);*!*/
        /*    background-size: contain;*/
        /*    background-repeat: no-repeat;*/
        /*}*/
        /*ARTICLE .references span {*/
        /*    display: flex;*/
        /*    align-items: center;*/
        /*    margin-left: auto;*/
        /*    margin-right: auto;*/
        /*    height: 110px;*/
        /*    background-size: contain;*/
        /*    background-repeat: no-repeat;*/
        /*}*/
        /*span.references span span {*/
        /*    width: 130px;*/
        /*}*/
    }
    @media all and (max-width: 894px) {
        HEADER H1.bigPictureText {
            text-align: center;
            max-width: 80%;
            width: 80%;
            margin: 0 0;
        }
        small.bigPictureText {
            text-align: center;
            max-width: 100%;
            width: 100%;
            margin: 0 0;
        }
        ARTICLE .references {
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            align-content: flex-start;
            width: 100%;
        }
        .home .references span {
            display: flex;
            align-items: center;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            height: calc(100vh - 95vh);
            background-size: contain;
            background-repeat: no-repeat;
        }
        ARTICLE .references span {
            display: flex;
            align-items: center;
            margin-left: auto;
            margin-right: auto;
            height: 110px;
            background-size: contain;
            background-repeat: no-repeat;
        }
        .references span span {
            width: 100px;
        }
        .quantUsageInformationClass div.quantUsageBox,
        #quantUsageInformation div.quantUsageBox {
            width: 100%;
            height: 70%;
        }
    }
    @media (max-width: 880px) {
        ARTICLE .downloadSection DIV.info DIV.infoText {
            margin-left: 100px;
        }
        ARTICLE UL.horizontalInfo.download {
            margin-top: 0;
        }
        ARTICLE UL.horizontalInfo.download LI {
            width: 28%;
            margin-left: 2%;
            margin-right: 2%;
            max-width: none;
            margin-top: 42px;
            display: inline-block;
        }
        ARTICLE #infoH_windows_member-download,
        ARTICLE #infoH_mac_member-download {
            margin-left: 40%;
        }
        ARTICLE #map {
            display: none;
        }
        ARTICLE #smallMap {
            display: inline-block;
            text-align: left;
            margin-top: 60px;
            margin-right: 20px;
        }
        ARTICLE DIV.info.contacts {
            width: 49%;
        }
        ARTICLE DIV.info DIV.infoText UL {
            margin-left: 5%!important;
        }
        ARTICLE UL.horizontalInfo DIV.grayLineHI {
            padding: 0;
            margin-left: 5px;
            margin-right: 5px;
        }
        ARTICLE UL.horizontalInfo P {
            margin-left: 10px;
            margin-right: 10px;
        }
        ARTICLE UL.horizontalInfo DIV.img {
            margin-left: 0;
        }
        ARTICLE #info_integratedFloorplanning_quant-featureslist {
            margin-right: -60%;
        }
        ARTICLE #info_multiracks_quant-featureslist {
            height: auto;
            width: 88%;
            padding-top: 59%;
            margin-left: -50%;
            margin-right: 0;
        }
        ARTICLE OL {
            width: 95%;
        }
    }
    @media (max-width: 800px) {
        ARTICLE DIV.info DIV.infoText P {
            text-align: left;
        }
        ARTICLE UL.horizontalInfo.download LI {
            width: 40%;
        }
        ARTICLE UL.horizontalInfo LI {
            max-width: 40%;
        }
        ARTICLE DIV.info.login {
            margin-top: 10px;
        }
        ARTICLE DIV.info.login {
            max-width: 71%;
        }
        ARTICLE #map {
            display: block;
            text-align: center;
        }
        ARTICLE #smallMap {
            display: none;
        }
        ARTICLE DIV.info.up {
            margin-top: 20px;
        }
    }
    @media (min-width: 601px) {
        #contactFormular {
            width: 50%;
            min-width: 500px;
            max-width: 620px;
            height: auto;
        }
        .contactUsFormBox label {
            width: 190px;
            margin-right: 0;
        }
        .contactUsFormBox INPUT {
            min-width: 200px;
            width: 94%;
        }
        .leaveComment {
            min-width: 438px;
            position: inherit;
            width: 96%;
            height: 100px;
            /*margin-left: 14px;*/
            padding: 5px 2%;
            display: table;
            margin-top: 5px;
        }
        #job .leaveComment {
            padding: 5px;
            width: 93%;
            margin-left: 6px;
        }
        #country {
            height: 24px;
            min-width: 440px;
            display: table;
            width: 100%;
            padding: 3px 0;
            /*margin-left: 15px;*/
            margin: 5px 0;
            text-align: left;
            border-radius: 5px;
        }
        .thankyouLogo {
            position: absolute;
            right: calc(50% - 270px);
        }
    }
    @media all and (max-width: 964px) {
        .modalContent {
            width: auto;
        }
    }
    @media (min-width: 800px) and (max-width: 900px) {
        .blogPostImageContainer {
            width: auto;
            height: 100%;
        }
        .blogPopularHeading {
            font-size: 0.9em;
            margin: 15px;
        }
        .blogDateHead{
            bottom: -2px;
        }
    }
    @media (max-width: 799px) {
        .blogPopularHeading {
            margin: 0;
            padding: 20px;
            display: none;
        }
        .brickBlogPostContainer {
            display: block;
        }
        .blogPostImageContainer {
            width: 100%;
            height: auto;
            float: none;
        }
        .blogTextParagraph {
            width: 100%;
            height: 220px;
        }
        .blogDateHead{
            bottom: 0;
        }
        #download .blogPopularHeading {
            display: block;
        }
    }
    @media only screen and (orientation: landscape) and (max-height: 450px) {
        HEADER .topMenu .primary_navigation LI {
            padding: 0;
        }
        HEADER .topMenu .primary_navigation LI>A {
            padding: 9px;
        }
        HEADER .topMenu .primary_navigation .nestedWrapper {
            padding: 0;
        }
        span.logoGrid {
            width: 150px;
            height: 150px;
        }
        .nestedWrapper .nestedBtns {
            margin: 20px auto;
        }
        .home .references span {
            height: calc(100vw - 95vw);
        }
        ARTICLE .references span {
            height: 110px;
        }
        div.positionGrid {
            height: calc(100vh - 1.5vh);
        }
        #articleBlog .blogSection .afterHeadingTable {
            margin: 0;
        }
        #customerPointsInformation {
            width: 80%;
        }
    }
    @media only screen and (orientation: landscape) and (min-height: 400px) and (max-height: 450px) {
        HEADER .topMenu .primary_navigation LI > A {
            padding: 12px;
        }
    }
}

@media all and (max-width: 600px) {
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.Pricing.has-children li { justify-content: flex-start; }
    .primary_submenu {
        background-color: rgba(0,0,0,0);
        position: relative;
        top: initial;
        left: initial;
    }
    HEADER .topMenu .primary_navigation .has-children .primary_submenu table {
        border-color: rgba(234,234,234, 0);
        width: 100%;
    }
    HEADER .topMenu .primary_navigation .has-children svg {
        height: 20px;
        width: 20px;
    }
    #ribletGartner,
    #ribletG2 { display: none; }
    ARTICLE section.article { width: 90%; }
    ARTICLE section.article.loginArticle { width: 90%; }
    ARTICLE DIV.info {
        display: inline-block;
        margin-top: 20px;
        padding: 0;
        width: 100%;
    }
    .opacityBackgroung { align-self: center; }
    #closeIcon { margin: 0 0 auto 8px; }
    .emailInformationShowInformation:hover,
    .emailInformationShowInformation {
        margin-right: 0px;
    }
    .emailInformationShowInformation:hover p { position: absolute; }
    .blogPopularHeading {
        margin: 0;
        padding: 20px;
        display: none;
    }
    .brickBlogPostContainer { display: block; }
    .blogPostImageContainer {
        width: 100%;
        height: auto;
        float: none;
    }
    .blogTextParagraph {
        width: 100%;
        height: 220px;
    }
    .blogDateHead { bottom: 0; }
    H4.blogPostHead { font-size: 1.1em; }
    p.blogDescription { font-size: 1em; }
    .containerInformationMessage {
        top: 50px;
        left: 0;
        transform: none;
        width: 100%;
        height: 100px;
    }
    .containerInformationMessage a {
        width: 100%;
        float: left;
        padding-top: 8px;
    }
    .containerInformationMessage img { display: none; }
    .containerInformationMessage p {
        font-size: 13px;
        font-weight: 800;
        height: 85px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #pricing .caseStudiesBox { margin-top: 20px; }
    .configuratorBox:last-child {
        width: auto;
        margin: 60px 0 -20px 0;
    }
    .configuratorBox:last-child span { font-size: 14px; }
    .configuratorBoxes { width: auto; }
    .configuratorPriceFloat {
        float:left;
        width: 90%;
    }
    .configuratorContent { padding-bottom: 0; }
    #download .blogPopularHeading { display: block; }
    #job #file { width: 100%; }
    #job .fileFieldset {
        width: 99%;
        margin: auto;
    }
    .modalContent {
        padding: 0;
        width: 100%;
    }
    .leftImage { display: none; }
    ARTICLE.aboutUs DIV.info DIV.infoText.noImg { width: 100%; }
    HEADER .topMenu .primary_navigation:not(.nestedMenu) { height: auto; }
    HEADER .topMenu .primary_navigation:not(.nestedMenu) li.has-children:not(.submenu-inside)>a { display: none; }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:not(.submenu-inside) li:first-child { border-top: 1px solid rgba(0,0,0,0); }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:not(.submenu-inside):hover li { border-top: 0 solid black; }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:hover li { border-top: 0 solid rgba(0,0,0,0); }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:hover li:first-child { border-top: 0px solid rgba(0,0,0,1); }
    HEADER .lin .primary_navigation .has-children.active ul { display: block; }
    HEADER .topMenu .primary_navigation li.submenu-inside>svg {
        margin: 10px 0;
        visibility: visible;
        display: initial;
    }
    #languageBar {
        position: fixed;
        top: 0;
        z-index: 9;
    }
    .manualRow.releaseNoteContainer h2 {
        float: unset;
        width: auto;
    }
    .anchorIcon {
        float: unset;
    }
    @media all and (max-width: 964px) {
        .partnerShowingPhone {
            display: flex;
            flex-direction: column-reverse;
        }
        #job .partnerShowingPhone { flex-direction: column; }
        .positionPicPartner {
            margin-top: 0;
            border-radius: 0 0 10px 10px;
            width: 190px;
            margin-left: calc(50% - 100px);
        }
        .partnerFlag {
            height: 40px;
            width: calc(50% + (-90px));
        }
        .aboutUs .info {
            float: left;
            width: 92%;
            padding: 5% 4%;
        }
        .langBar {
            margin: 0 0 0 10%;
            width: auto;
            position: absolute;
        }
        .opacityBackgroung { margin: 0 auto; }
        HEADER .nestedWrapper {
            width: 80%;
            display: block;
            position: relative;
            margin: 0 auto 0 auto;
            padding-top: 40px;
            right: 0;
            text-align: center
        }
        .primary_navigation .nestedWrapper .nestedBtns a.nestedLink,
        .nestedWrapper .nestedBtns a.nestedLink {
            font-size: 20px;
        }
        .nestedWrapper .nestedBtns {
            margin: 20px auto 25px auto;
            text-align: center;
            display: table;
        }
        #slideImages {
            background-size: auto 120%;
            background-position: center center;
            width: 100%;
        }
        small.bigPictureText {
            text-align: center;
            max-width: 80%;
            width: 80%;
            margin: 0 auto;
        }
        HEADER .menuButton {
            display: block;
            background-size: 32px;
            background-position: center;
            margin-left: 10px;
            margin-top: 2px;
            width: 40px;
            height: 40px;
            float: left;
            border-radius: 4px;
            z-index: 12;
        }
        HEADER .menuShowing {
            height: 35px;
            margin: 10px;
            position: absolute;
            right: 0;
            width: 35px;
        }
        HEADER .menuShowing .bar1, .bar2, .bar3 {
            background-color: #333;
            display: block;
            height: 4px;
            margin: 6px 0;
            transition: 0.4s;
            width: 30px;
        }
        .change .bar1 { transform: rotate(-45deg) translate(-6px, 6px); }
        .change .bar2 { opacity: 0; }
        .change .bar3 { transform: rotate(45deg) translate(-8px, -8px); }
        HEADER .topMenu .primary_navigation {
            display: none;
            margin: 10px 0;
        }
        HEADER .topMenu .primary_navigation LI {
            border-bottom: 1px solid rgba(0,0,0,0.45);
            display: block;
            list-style: none;
            line-height: 22px;
            margin: 0 auto 0 auto;
            padding: 12px;
            text-align: left;
            width: 100%;
        }
        HEADER .topMenu .primary_navigation LI.hasSubmenu,
        HEADER .topMenu .primary_navigation LI>A {
            display: block;
            padding: 10px 10px 10px 57px;
            flex-direction: column;
            justify-content: center;
        }
        HEADER .topMenu .primary_navigation LI.hasSubmenu { padding: 10px; }
        HEADER .topMenu .primary_navigation .nestedWrapper{
            background: white;
            border: 0;
            height: auto;
            padding: 0;
            width: 80%;
        }
        a.nestedLink,
        .nestedWrapper a.nestedLink{
            border: 0;
            padding: 0;
            margin: auto;
            width: auto;
        }
        HEADER .topMenu .primary_navigation .nestedWrapper ul,
        HEADER .topMenu .primary_navigation li.hasSubmenu ul {
            padding-left: 0;
        }
        HEADER .topMenu .primary_navigation .nestedWrapper .nestedBtns li { margin: 25px auto; }
        #customerPointsInformation {
            width: 75%;
            margin: auto;
        }
        #customerPointsInformation li { margin: auto 0 auto 0; }
    }
    @media all and (max-width: 894px) {
        HEADER H1.bigPictureText {
            text-align: center;
            max-width: 80%;
            width: 80%;
            margin: 0 0;
        }
        small.bigPictureText {
            margin: 0 0;
            max-width: 100%;
            text-align: center;
            width: 100%;
        }
    }
    @media (max-width: 500px) {
        span.logoGrid {
            height: 100px;
            width: 100px;
        }
    }
    @media only screen and (max-width: 450px) {
        small.bigPictureText {
            font-size: 16px !important;
            line-height: 1.7rem;
        }
    }
    #featuresContent h4.headingTable,
    #bricksCustomerStories h3.hugeText,
    #quantUsageCaseStudies h3.hugeText,
    .quantUsageInformationClass h3.hugeText,
    #quantUsageInformation h3.hugeText {
        font-size: 20px;
        height: 30px;
        margin: 10px 10px 10px 0;
    }
    .caseStudies {
        display: table;
        width: 92%;
    }
    .caseStudiesBox { width: 100%; }
    ARTICLE .references {
        align-content: flex-start;
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        width: 100%;
    }
    .reference, .reference2, .reference3, referenceT, .referenceT5 { width: calc(90% / 3); }
    .home .references span {
        align-items: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        height: calc(100vh - 95vh);
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    ARTICLE .references span {
        align-items: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        height: 110px;
        margin-left: auto;
        margin-right: auto;
    }
    ARTICLE .references span span { height: calc(10vh); }
    .references span span { width: 100px; }
    #job .leaveComment {
        border-color: white;
        border-radius: 5px;
        margin-left: 0;
        padding: 5px 5px;
        width: 96%;
    }
    .fileFieldset .requiredLabel { margin-left: 0; }
    ARTICLE .downloadSection DIV.info DIV.infoText {
        margin-left: 5%;
        margin-right: 5%;
    }
    @media (max-width: 880px) {
        ARTICLE .downloadSection DIV.info DIV.infoText { margin-left: 100px; }
        ARTICLE UL.horizontalInfo.download { margin-top: 0; }
        ARTICLE UL.horizontalInfo.download LI {
            display: inline-block;
            margin-left: 2%;
            margin-right: 2%;
            margin-top: 42px;
            max-width: none;
            width: 28%;
        }
        ARTICLE #infoH_windows_member-download,
        ARTICLE #infoH_mac_member-download {
            margin-left: 40%;
        }
        ARTICLE #map { display: none; }
        ARTICLE #smallMap {
            display: inline-block;
            margin-right: 20px;
            margin-top: 60px;
            text-align: left;
        }
        ARTICLE DIV.info.contacts { width: 49%; }
        ARTICLE DIV.info DIV.infoText UL { margin-left: 5%!important; }
        ARTICLE UL.horizontalInfo DIV.grayLineHI {
            padding: 0;
            margin-left: 5px;
            margin-right: 5px;
        }
        ARTICLE UL.horizontalInfo P {
            margin-left: 10px;
            margin-right: 10px;
        }
        ARTICLE UL.horizontalInfo DIV.img { margin-left: 0; }
        ARTICLE #info_integratedFloorplanning_quant-featureslist { margin-right: -60%; }
        ARTICLE #info_multiracks_quant-featureslist {
            height: auto;
            margin-left: -50%;
            margin-right: 0;
            padding-top: 59%;
            width: 88%;
        }
        ARTICLE OL { width: 95%; }
    }
    @media (max-width: 800px) {
        ARTICLE DIV.info DIV.infoText P { text-align: left; }
        ARTICLE UL.horizontalInfo.download LI { width: 40%; }
        ARTICLE UL.horizontalInfo LI { max-width: 40%; }
        ARTICLE DIV.info.login { margin-top: 10px; }
        ARTICLE DIV.info.login { max-width: 71%; }
        ARTICLE #map {
            display: block;
            text-align: center;
        }
        ARTICLE #smallMap {  display: none; }
        ARTICLE DIV.info.contacts {
            max-width: 430px;
            width: 93%;
        }
        ARTICLE DIV.info.up { margin-top: 20px; }
    }
    @media (max-width: 600px) {
        .langBar { line-height: normal; }
        .langBar .content span {
            font-size: 10px;
            line-height: 1.0;
            padding-right: 0.5em;
        }
        .langBar .content .langLink {
            flex-grow: 1;
            font-size: 14px;
        }
        .langBar .content {
            align-items: center;
            flex-direction: row;
            padding-top: 4px;
        }
        ARTICLE .downloadSection DIV.info DIV.infoText {
            margin-left: 5%;
            margin-right: 5%;
        }
        ARTICLE DIV.info DIV.infoText H1 { margin-top: 0; }
        ARTICLE DIV.info:not(.login) DIV.img {
            display: none;
            float: none;
        }
        ARTICLE DIV.info DIV.infoText UL { margin-left: 0!important; }
        #keyNumbers {
            align-content: space-around;
            flex-direction: column;
            flex-wrap: wrap;
            height: 400px;
            justify-content: space-around;
        }
        .brigetsCountless {
            width: 150px;
        }
        .containerInputRadio {
            min-width: 80%;
            max-width: 96%;
            width: 96%;
        }
        #contactFormular {
            border-radius: 0;
            height: auto;
            width: auto;
        }
        .contactUsFormBox {
            /*overflow: auto;*/
            padding: 5px 0;
        }
        .contactUsFormBox label { width: 80%; }
        .contactUsFormBox INPUT { width: calc(100% - 14px); }
        .submitContactUs {  margin-top: 40px; }
        label.contactUsOutLabel { margin-left: 0.4%; }
        .leaveComment {
            height: 100px;
            /*min-width: 438px;*/
            position: inherit;
            width: 96%;
            padding: 5px 2%;
            display: table;
            margin-top: 5px;
            margin-bottom: 5px;
            border-radius: 5px;
        }
        #country {
            margin-top: 5px;
            height: 24px;
            /*margin-left: 4px;*/
            width: 100%;
        }
        .thankyouLogo { margin: auto; }
        .caseStudyHeading { float: none; }
        .caseStudyButton {
            display: block;
            margin-bottom: 20px;
        }
    }
    @media (min-width: 600px) {
        .emailInformationShowInformation {
            float: right;
            margin-right: 10px;
            margin-top: 5px;
        }
    }
    @media (max-width: 500px) {
        .quantInformationPointSelector { height: auto; }
        ARTICLE UL.horizontalInfo.download LI { width: 80%; }
        ARTICLE #infoH_windows_member-download,
        ARTICLE #infoH_mac_member-download {
            margin-left: 43%;
        }
        ARTICLE #info_iconMember_member-login {
            height: 80px;
            margin-top: 40px;
            width: 80px;
        }
        ARTICLE DIV.info DIV.infoText {
            width: calc(80%);
        }
        ARTICLE DIV.login.info DIV.infoText {
            float: right;
            margin-left: 0;
        }
        ARTICLE .img.icon {
            height: 55px;
            width: 100px;
        }
        ARTICLE DIV.references DIV.referencesLine DIV {
            margin-left: 5px;
            margin-right: 5px;
            width: 31%;
        }
        .modalWindow {
            background-color: rgb(0, 127, 183);
        }
    }
    @media only screen and (max-width: 450px) {
        .blogList .oneBlogPost {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }
        .blogList .oneBlogPost .blogImageWrapper {
            height: auto;
            margin-bottom: 5px;
            max-height: 145px;
            order: 2;
            text-align: center;
            width: 100%;
        }
        .oneBlogPost .blogImageWrapper img {
            max-height: 145px;
            max-width: 100%;
        }
        .blogList .oneBlogPost h2 {
            flex-grow: 1;
            order: 0;
        }
        .blogList .blogInfoSpan.description {
            margin-left: 0;
            min-height: 25px;
            order: 4;
        }
        .blogList .oneBlogPost .rightLinksWrapper {
            order: 5;
            width: 100%;
        }
        #welcomePage div.opacityBackgroung {
            flex-direction: column;
        }
        #welcomePage div.nestedBtns {
            margin: initial;
        }
    }
    @media (max-width: 440px) {
        .quantInformationPointSelector div.quantInformationItem { width: 300px; }
        .quantInformationPointSelector div.quantInformation div.quantInformationText { max-width: 220px; }
        ARTICLE #map { display: none; }
        ARTICLE #smallMap {
            display: block;
            text-align: center;
        }
        ARTICLE UL.horizontalInfo P { height: auto; }
        ARTICLE UL.horizontalInfo LI { max-width: 60%; }
        ARTICLE DIV.grayLine DIV,
        ARTICLE DIV.grayLine.noLine {
            margin-left: 0;
        }
        ARTICLE DIV.grayLine { text-align: center; }
        .cd-search { width: auto; }
    }
    @media (max-width: 400px) {
        .quantInformationPointSelector div.quantInformationItem { width: 255px;  }
        .aboutUs .info { width: 95%; }
        ARTICLE DIV.info.login {
            position: relative;
            height: 250px;
        }
        ARTICLE DIV.info DIV.infoText { margin-left: 0; }
        ARTICLE #info_iconMember_member-login {
            width: 55px;
            height: 55px;
            margin-top: 20px;
            position: absolute;
            top: 6px;
        }
        ARTICLE DIV.grayLine DIV { margin-left: 15px; }
        .submitContactUs {
            margin-top: 10px;
            margin-bottom: 30px;
        }
        .leaveComment {
            height: 20px;
        }
        .modalWindow {
            padding-top: 55px;
        }
        .modalWindow:after {
            content: "";
            display: block;
            height: 55px;
            width: 100%;
        }
        div.positionGrid {
            visibility: hidden;
        }
    }
    @media (min-width: 351px) and (max-width: 499px) {
    .emailInformationShowInformation:hover p {
        margin-left: -260px;
        width: 18em;
    }
    #featuresContent .quantBackgroundImage .containerDirectlyTwoThirdsWidth { height: 15em; }
}
    @media (max-width: 350px) {
    .references span span { width: 60px; }
    #keyNumbers {
        align-content: space-around;
        flex-direction: column;
        flex-wrap: wrap;
        height: 800px;
        justify-content: space-around;
    }
    .emailInformationShowInformation:hover p {
        margin-left: -210px;
        width: 14em;
    }
    .containerInformationMessage { top: 50px; }
}
    @media only screen and (orientation: landscape) and (max-height: 450px) {
        HEADER .topMenu .primary_navigation LI { padding: 0; }
        HEADER .topMenu .primary_navigation LI>A { padding: 9px; }
        HEADER .topMenu .primary_navigation .nestedWrapper { padding: 0; }
        span.logoGrid {
            height: 150px;
            width: 150px;
        }
        .nestedWrapper .nestedBtns { margin: 20px auto; }
        div.positionGrid {
            height: calc(100vh - 1.5vh);
        }
        #articleBlog .blogSection .afterHeadingTable { margin: 0; }
        #customerPointsInformation { width: 80%; }
    }
    @media only screen and (orientation: landscape) and (min-height: 400px) and (max-height: 450px) {
            HEADER .topMenu .primary_navigation LI > A { padding: 12px; }
    }
    header .primaryMenu div.topMenu {
        background: rgb(255,255,255);
        display: none;
        flex-direction: column;
        height: calc(100% - 54px);
        overflow: scroll;
        position: fixed;
        top: 54px;
        width: 100%;
        z-index: 10;
    }
    .primaryMenu div.topMenu {
        top: 70px;
    }
    .pl HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo,
    .fr HEADER .topMenu .primary_navigation.nestedMenu .RequestaDemo {
        display: block;
    }
    HEADER .topMenu .primary_navigation.nestedMenu {
        background: white;
        border: 0;
        left: 0;
        margin-bottom: 40px;
        padding: 0;
        position: sticky;
        width: 100%;
    }
    HEADER .topMenu .primary_navigation.nestedMenu,
    header .topMenu .primary_navigation {
        display: flex;
        flex-direction: column;
        margin: 0;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    HEADER .topMenu .primary_navigation li { padding: 12px 0; }
    HEADER .topMenu .primary_navigation .has-children li { padding: 0; }
    HEADER .topMenu .primary_navigation LI.active > a { padding-bottom: 5px; }
    /*HEADER .topMenu .primary_navigation li.MyQuant.has-children { padding: 0; }*/
    HEADER .topMenu .primary_navigation .has-children ul {
        background: none;
        display: block;
        height: auto;
        position: relative;
        top: auto;
        width: auto;
    }
    HEADER .topMenu .primary_navigation .has-children ul li {
        display: block;
        height: auto;
        line-height: normal;
        padding: initial;
        text-align: left;
        width: auto;
    }
    HEADER .topMenu .primary_navigation .has-children ul li {
        display: block;
        line-height: 22px;
        padding: 7px 12px;
    }
    HEADER .topMenu .primary_navigation .has-children ul li a {
        display: inline-block;
        font-size: 18px;
        font-weight: 400;
        padding: 13px 10px 10px 8px;
        width: 100%;
    }
    HEADER .topMenu .primary_navigation .has-children ul li a span{
        display: inline-block;
        float: right;
        margin-right: 15px;
        width: calc(100% - 47px);
        white-space: normal;
    }
    HEADER .topMenu .primary_navigation LI.hasSubmenu, HEADER .topMenu .primary_navigation>LI>A { padding: 11px 10px 11px 20px; }
    HEADER .topMenu .primary_navigation .has-children a { align-items: start; }
    HEADER .topMenu .primary_navigation:not(.nestedMenu) li.has-children li a {
        align-items: center;
        display: flex;
        flex-direction: row;
        padding: 0;
    }
    HEADER .topMenu .primary_navigation .has-children:hover ul, HEADER .topMenu .primary_navigation .has-children ul:hover { display: block; }
    HEADER .topMenu .primary_navigation .has-children ul li { border-bottom: 1px solid rgba(0,0,0,0.45); }
    HEADER .topMenu .primary_navigation .has-children ul li:last-child { border-bottom: 1px solid rgba(0,0,0,0); }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li { border-bottom: 1px solid rgba(0,0,0,0.45); }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children { border-bottom: 1px solid rgba(0,0,0,0.45); }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:hover { border-bottom: 1px solid rgba(0,0,0,0.45); }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children li:first-child { border-top: 1px solid rgba(0,0,0,0.45); }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children li:not(.submenu-inside):first-child,
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children li { border-top: 0 solid black; }
    HEADER .topMenu .primary_navigation:not(.nestedMenu) li.has-children>a { margin-bottom: 0; }
    HEADER .topMenu .primary_navigation li.has-children.activeSubMenu { padding-bottom: 0; }
    HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside>a {
        float: left;
        pointer-events: none;
        width: calc(100% - 80px);
    }
    HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside ul { display: none; }
    HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside .showSubMenu { display: block; }
    HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside .showSubMenu tr { display: block; }
    HEADER .topMenu .primary_navigation:not(.nestedMenu) li.submenu-inside .showSubMenu tr td {
        border-top: 1px solid #000;
        display: block;
        line-height: 22px;
        padding: 8px 12px;
    }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:hover li { border-top: 0 solid rgba(0,0,0,0); }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:hover .activeSubMenu { border-bottom: 0 solid rgba(0,0,0,0.45); }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:hover li:first-child { border-top: 0 solid rgba(0,0,0,1); }
    HEADER .topMenu .primary_navigation:not(.nestedMenu)>li.has-children:hover li.memberSubMenu:first-child { border-top: 0 solid rgba(0,0,0,1);}
}

@media (max-width: 400px) {
    HEADER .topMenu .primary_navigation li { padding: 5px 0; }
}

@media only screen and (orientation: landscape) and (max-height: 800px) {
    .modalWindow {
        padding-top: 55px;
    }
    .modalWindow:after {
        content: "";
        display: block;
        height: 55px;
        width: 100%;
    }
}

/*!
 * froala_editor v4.1.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view li img.fr-dii.fr-fil{margin-right:20px}.fr-view{word-wrap:break-word}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=""],.fr-view table[border='0'] th[class=""]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir="rtl"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir="rtl"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir="rtl"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}.fr-view span.fr-img-caption.fr-dii.fr-fil,.fr-view p img.fr-dii.fr-fil{margin-right:15px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

/*!
 * froala_editor v4.1.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element,.fr-element:focus{outline:0 solid transparent}.fr-view.fr-element-scroll-visible{overflow-x:visible !important}.fr-box.fr-basic{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-basic .fr-element{font-family:sans-serif;color:#414141;font-size:14px;line-height:1.6;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-x:auto;min-height:60px;text-align:left}.fr-box.fr-basic.fr-rtl .fr-element{text-align:right}.fr-element{background:transparent;position:relative;z-index:2;-webkit-user-select:auto}.fr-element a{user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.fr-element.fr-disabled{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element [contenteditable="true"]{outline:0 solid transparent}.fr-box a.fr-floating-btn{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;height:40px;width:40px;text-align:center;background:#FFF;color:#333333;-webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-o-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;outline:none;left:0;top:0;line-height:40px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);text-align:center;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none}.fr-box a.fr-floating-btn svg{-webkit-transition:transform 0.2s ease 0s;-moz-transition:transform 0.2s ease 0s;-ms-transition:transform 0.2s ease 0s;-o-transition:transform 0.2s ease 0s;fill:#333333}.fr-box a.fr-floating-btn i,.fr-box a.fr-floating-btn svg{font-size:14px;line-height:40px}.fr-box a.fr-floating-btn.fr-btn+.fr-btn{margin-left:10px}.fr-box a.fr-floating-btn:hover{background:#ebebeb;cursor:pointer}.fr-box a.fr-floating-btn:hover svg{fill:#333333}.fr-box .fr-visible a.fr-floating-btn{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}iframe.fr-iframe{width:100%;border:none;position:relative;display:block;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-wrapper{position:relative;z-index:1}.fr-wrapper::after{clear:both;display:block;content:"";height:0}.fr-wrapper .fr-placeholder{position:absolute;font-size:14px;color:#AAA;font-family:sans-serif;z-index:1;display:none;top:0;left:0;right:0;overflow:hidden}.fr-wrapper.show-placeholder .fr-placeholder{display:block;white-space:nowrap;text-overflow:ellipsis}.fr-wrapper ::-moz-selection{background:rgba(181,214,253,0.8);color:#000}.fr-wrapper ::selection{background:rgba(181,214,253,0.8);color:#000}.fr-box.fr-basic .fr-wrapper{background:#FFF;border:1px solid #CCCCCC;border-bottom-color:#efefef;top:0;left:0}.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0}.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}@media (min-width: 992px){.fr-box.fr-document{min-width:21cm}.fr-box.fr-document .fr-wrapper{text-align:left;padding:30px;min-width:21cm;background:#efefef}.fr-box.fr-document .fr-wrapper .fr-element{text-align:left;background:#FFF;width:21cm;margin:auto;min-height:26cm !important;padding:1cm 2cm;overflow:visible;z-index:auto}.fr-box.fr-document .fr-wrapper .fr-element hr{margin-left:-2cm;margin-right:-2cm;background:#efefef;height:1cm;outline:none;border:none}.fr-box.fr-document .fr-wrapper .fr-element img{z-index:1}}.fr-tooltip{position:absolute;top:0;left:0;padding:0 8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#222222;color:#FFF;font-size:11px;line-height:22px;font-family:Arial, Helvetica, sans-serif;-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";left:-3000px;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:2147483647;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-tooltip.fr-visible{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-toolbar .fr-btn-wrap,.fr-popup .fr-btn-wrap,.fr-modal .fr-btn-wrap{float:left;white-space:nowrap;position:relative}.fr-toolbar .fr-btn-wrap.fr-hidden,.fr-popup .fr-btn-wrap.fr-hidden,.fr-modal .fr-btn-wrap.fr-hidden{display:none}.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn,.fr-modal .fr-command.fr-btn{background:transparent;color:#333333;-moz-outline:0;outline:none;border:0;line-height:1;cursor:pointer;text-align:left;margin:4px 2px;padding:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;float:left;height:40px}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options{border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-command.fr-btn.fr-btn-hover,.fr-popup .fr-command.fr-btn.fr-btn-hover,.fr-modal .fr-command.fr-btn.fr-btn-hover{border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.fr-popup .fr-command.fr-btn::-moz-focus-inner,.fr-modal .fr-command.fr-btn::-moz-focus-inner{border:0;padding:0}.fr-toolbar .fr-command.fr-btn.fr-btn-text,.fr-popup .fr-command.fr-btn.fr-btn-text,.fr-modal .fr-command.fr-btn.fr-btn-text{width:auto}.fr-toolbar .fr-command.fr-btn i,.fr-toolbar .fr-command.fr-btn svg,.fr-popup .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn svg,.fr-modal .fr-command.fr-btn i,.fr-modal .fr-command.fr-btn svg{display:block;text-align:center;float:none;margin:8px 7px;width:24px}.fr-toolbar .fr-command.fr-btn svg.fr-svg,.fr-popup .fr-command.fr-btn svg.fr-svg,.fr-modal .fr-command.fr-btn svg.fr-svg{height:24px}.fr-toolbar .fr-command.fr-btn svg path,.fr-popup .fr-command.fr-btn svg path,.fr-modal .fr-command.fr-btn svg path{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;fill:#333333}.fr-toolbar .fr-command.fr-btn span.fr-sr-only,.fr-popup .fr-command.fr-btn span.fr-sr-only,.fr-modal .fr-command.fr-btn span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span,.fr-modal .fr-command.fr-btn span{font-size:14px;display:block;line-height:17px;min-width:30px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:17px;font-weight:bold;padding:0 4px}.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img,.fr-modal .fr-command.fr-btn img{margin:8px 7px;width:24px}.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,.fr-popup .fr-command.fr-btn.fr-btn-active-popup,.fr-modal .fr-command.fr-btn.fr-btn-active-popup{background:#d6d6d6}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span{font-weight:normal}.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown svg,.fr-modal .fr-command.fr-btn.fr-dropdown i,.fr-modal .fr-command.fr-btn.fr-dropdown span,.fr-modal .fr-command.fr-btn.fr-dropdown img,.fr-modal .fr-command.fr-btn.fr-dropdown svg{margin-left:3px;margin-right:11px}.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,.fr-popup .fr-command.fr-btn.fr-dropdown:after,.fr-modal .fr-command.fr-btn.fr-dropdown:after{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333333;right:2px;top:18px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;content:""}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active{fill:#333333;background:#d6d6d6;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-ms-transition:0.5s ease;-o-transition:0.5s ease}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover{background:#ebebeb;fill:#333333}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after{border-top-color:#333333}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after{border-top:0;border-bottom:4px solid #222222}.fr-toolbar .fr-command.fr-btn.fr-disabled,.fr-popup .fr-command.fr-btn.fr-disabled,.fr-modal .fr-command.fr-btn.fr-disabled{color:#bdbdbd;cursor:default;-webkit-opacity:0.3;-moz-opacity:0.3;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.fr-popup .fr-command.fr-btn.fr-disabled::after,.fr-modal .fr-command.fr-btn.fr-disabled::after{border-top-color:#bdbdbd}.fr-toolbar .fr-command.fr-btn.fr-hidden,.fr-popup .fr-command.fr-btn.fr-hidden,.fr-modal .fr-command.fr-btn.fr-hidden{display:none}.fr-toolbar .fr-tabs .fr-command.fr-btn,.fr-popup .fr-tabs .fr-command.fr-btn,.fr-modal .fr-tabs .fr-command.fr-btn{margin:0;width:46px;height:40px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab{background:#FFF}.fr-toolbar .fr-tabs .fr-command.fr-btn span,.fr-popup .fr-tabs .fr-command.fr-btn span,.fr-modal .fr-tabs .fr-command.fr-btn span{height:27px}.fr-toolbar .fr-tabs .fr-command.fr-btn img,.fr-toolbar .fr-tabs .fr-command.fr-btn svg,.fr-popup .fr-tabs .fr-command.fr-btn img,.fr-popup .fr-tabs .fr-command.fr-btn svg,.fr-modal .fr-tabs .fr-command.fr-btn img,.fr-modal .fr-tabs .fr-command.fr-btn svg{margin:8px 11px;width:24px;height:24px}.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path{fill:#0098f7}.fr-toolbar.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active,.fr-popup.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn.fr-active,.fr-modal.fr-disabled .fr-btn,.fr-modal.fr-disabled .fr-btn.fr-active{color:#bdbdbd;-webkit-opacity:0.3;-moz-opacity:0.3;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:#bdbdbd}.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,.fr-modal.fr-rtl .fr-btn-grp.fr-float-left{float:right}.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,.fr-modal.fr-rtl .fr-btn-grp.fr-float-right{float:left}.fr-toolbar.fr-rtl .fr-command.fr-btn,.fr-toolbar.fr-rtl .fr-btn-wrap,.fr-popup.fr-rtl .fr-command.fr-btn,.fr-popup.fr-rtl .fr-btn-wrap,.fr-modal.fr-rtl .fr-command.fr-btn,.fr-modal.fr-rtl .fr-btn-wrap{float:right}.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options{border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover{border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden){display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;float:none}.fr-desktop .fr-command:hover,.fr-desktop .fr-command:focus,.fr-desktop .fr-command.fr-btn-hover,.fr-desktop .fr-command.fr-expanded{outline:0;color:#333333}.fr-desktop .fr-command:hover:not(.fr-table-cell),.fr-desktop .fr-command:focus:not(.fr-table-cell),.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell){background:#ebebeb}.fr-desktop .fr-command:hover::after,.fr-desktop .fr-command:focus::after,.fr-desktop .fr-command.fr-btn-hover::after,.fr-desktop .fr-command.fr-expanded::after{border-top-color:#333333}.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),.fr-desktop .fr-command:active{color:#333333;background:#d6d6d6}.fr-desktop .fr-command.fr-active:hover,.fr-desktop .fr-command.fr-active:focus,.fr-desktop .fr-command.fr-active.fr-btn-hover,.fr-desktop .fr-command.fr-active.fr-expanded{background:#ebebeb}.fr-desktop .fr-command.fr-active:active{background:#d6d6d6}.fr-desktop .fr-command.fr-disabled:hover,.fr-desktop .fr-command.fr-disabled:focus,.fr-desktop .fr-command.fr-disabled.fr-selected{background:transparent}.fr-desktop.fr-disabled .fr-command:hover,.fr-desktop.fr-disabled .fr-command:focus,.fr-desktop.fr-disabled .fr-command.fr-selected{background:transparent}.fr-toolbar.fr-mobile .fr-command.fr-blink,.fr-popup.fr-mobile .fr-command.fr-blink{background:#d6d6d6}.fr-command.fr-btn.fr-options{width:16px;margin-left:-5px}.fr-command.fr-btn.fr-options.fr-btn-hover,.fr-command.fr-btn.fr-options:hover,.fr-command.fr-btn.fr-options:focus{border-left:solid 1px #FAFAFA;-webkit-transition:border-left 0s, background-color 0.5s;-moz-transition:border-left 0s, background-color 0.5s;-ms-transition:border-left 0s, background-color 0.5s;-o-transition:border-left 0s, background-color 0.5s}.fr-command.fr-btn+.fr-dropdown-menu{background:#FFF;display:inline-block;position:absolute;right:auto;bottom:auto;height:auto;z-index:4;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-overflow-scrolling:touch;overflow:hidden;zoom:1;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;height:auto;max-height:275px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{padding:0;margin:auto;display:inline-block;text-align:left;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;margin-top:0;float:left;height:0;margin-top:0 !important}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{position:relative}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{list-style-type:none;margin:0;padding:8px 0;min-width:72px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0;font-size:15px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{padding:0 20px;line-height:200%;display:flex;cursor:pointer;white-space:nowrap;color:inherit;text-decoration:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg{width:24px;height:24px;margin:3px 4px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path{fill:#333333}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#d6d6d6}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#bdbdbd;cursor:default}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut{margin-left:20px;font-weight:bold;-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75}.fr-command.fr-btn.fr-active+.fr-dropdown-menu{display:inline-block;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper{text-align:right !important}body.fr-prevent-scroll{overflow:hidden}body.fr-prevent-scroll.fr-mobile{position:fixed;-webkit-overflow-scrolling:touch}.fr-modal{color:#222222;font-family:Arial, Helvetica, sans-serif;position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;width:100%;z-index:2147483640;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;line-height:1.2}.fr-modal.fr-middle .fr-modal-wrapper{margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);position:absolute}.fr-modal .fr-modal-wrapper{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-clip:padding-box;margin:20px auto;display:inline-block;background:#FFF;min-width:300px;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);border:0;overflow:hidden;width:90%;position:relative}@media (min-width: 768px) and (max-width: 991px){.fr-modal .fr-modal-wrapper{margin:30px auto;width:70%}}@media (min-width: 992px){.fr-modal .fr-modal-wrapper{margin:50px auto;width:960px}}.fr-modal .fr-modal-wrapper .fr-modal-head{background:#FFF;overflow:hidden;position:absolute;width:100%;min-height:42px;z-index:3;border-bottom:solid #efefef 1px;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line{height:56px;padding:0 10px}.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close{margin:10px;position:absolute;top:0;right:0}.fr-modal .fr-modal-wrapper .fr-modal-head h4{font-size:20px;padding:19px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}.fr-modal .fr-modal-wrapper div.fr-modal-body{height:100%;min-height:150px;overflow-y:auto;padding-bottom:20px}.fr-modal .fr-modal-wrapper div.fr-modal-body:focus{outline:0}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command{height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;outline:none;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button{margin-left:24px}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus{background:#ebebeb;color:#0098f7}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active{background:#d6d6d6;color:#0098f7}.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner{border:0}.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#ebebeb}.fr-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";z-index:2147483639}ol.decimal_type{counter-reset:item}ol.decimal_type>li{display:block;position:relative}ol.decimal_type>li:before{content:counters(item,".") ". ";counter-increment:item;position:absolute;margin-right:100%;right:10px}.fr-popup{position:absolute;display:none;color:#222222;background:#FFF;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);font-family:Arial, Helvetica, sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-top:10px;z-index:2147483635;text-align:left;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2}.fr-popup .fr-icon{text-align:center;vertical-align:middle;font-size:20px;line-height:1;cursor:pointer;font-weight:400;box-sizing:content-box;padding:6px}.fr-popup .fr-icon-container{padding:20px;max-height:200px;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@supports not (-ms-high-contrast: none){.fr-popup .fr-icon-container{grid-template-columns:repeat(auto-fill, minmax(36px, 36px));display:grid}}@media (min-width: 768px){.fr-popup .fr-icon-container{min-width:276px}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.fr-popup .fr-icon-container{display:inline-flex;-ms-flex-flow:row wrap}}@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px){.fr-popup .fr-icon-container{width:236px}}.fr-popup .fr-input-focus{background:whitesmoke}.fr-popup.fr-above{margin-top:-10px;border-top:0}.fr-popup.fr-active{display:block}.fr-popup.fr-hidden{display:none !important}.fr-popup.fr-empty{display:none !important}.fr-popup .fr-hs{display:block !important}.fr-popup .fr-hs.fr-hidden{display:none !important}.fr-popup .fr-input-line{position:relative;padding:15px 0}.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"],.fr-popup .fr-input-line textarea{width:100%;margin-bottom:1px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:solid 1px #999999;color:#222222;font-size:14px;background:#FFF;position:relative;z-index:2;padding:4px 12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border 0.5s, padding 0.5s;-moz-transition:border 0.5s, padding 0.5s;-ms-transition:border 0.5s, padding 0.5s;-o-transition:border 0.5s, padding 0.5s}.fr-popup .fr-input-line input[type="text"]:hover,.fr-popup .fr-input-line input[type="number"]:hover,.fr-popup .fr-input-line textarea:hover{border:solid 1px #515151}.fr-popup .fr-input-line input[type="text"]:focus,.fr-popup .fr-input-line input[type="number"]:focus,.fr-popup .fr-input-line textarea:focus{border:solid 2px #0098f7;padding:3px 11px}.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"]{height:46px}.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{position:absolute;top:29px;left:12px;font-size:14px;color:grey;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;z-index:3;display:block;background:#FFF;padding:0;cursor:text}.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray;width:auto;left:4px;padding:0 4px;font-size:11px;top:9px}.fr-popup input,.fr-popup textarea{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;outline:none}.fr-popup textarea{resize:none}.fr-popup .fr-buttons{white-space:nowrap;line-height:0}.fr-popup .fr-buttons .fr-btn{margin-left:4px;margin-right:4px;display:inline-block;float:none}.fr-popup .fr-buttons .fr-btn i{float:left}.fr-popup .fr-buttons .fr-separator{display:inline-block;float:none}.fr-popup .fr-buttons.fr-tabs{border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f5f5f5;overflow:hidden}@media (max-width: 768px){.fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll{overflow:scroll;overflow-y:hidden;width:276px}}.fr-popup .fr-buttons:not(.fr-tabs){padding:5px}.fr-popup .fr-layer{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:195px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:20px;display:none}@media (min-width: 768px){.fr-popup .fr-layer{width:260px}}.fr-popup .fr-layer.fr-active{display:inline-block}.fr-popup .fr-action-buttons{z-index:7;height:36px;text-align:right}.fr-popup .fr-action-buttons button.fr-command{height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;outline:none;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-popup .fr-action-buttons button.fr-command+button{margin-left:24px}.fr-popup .fr-action-buttons button.fr-command:hover,.fr-popup .fr-action-buttons button.fr-command:focus{background:#ebebeb;color:#0098f7}.fr-popup .fr-action-buttons button.fr-command:active{background:#d6d6d6;color:#0098f7}.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}.fr-popup .fr-checkbox{position:relative;display:inline-block;width:18px;height:18px;padding:10px;border-radius:100%;line-height:1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;vertical-align:middle}.fr-popup .fr-checkbox svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}.fr-popup .fr-checkbox span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:18px;height:18px;display:inline-block;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}.fr-popup .fr-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:pointer;height:18px;margin:0;padding:0;width:18px;top:7px;left:7px}.fr-popup .fr-checkbox input:not(:checked)+span{border:solid 2px #999999}.fr-popup .fr-checkbox input:not(:checked):active+span{background-color:#f5f5f5}.fr-popup .fr-checkbox input:not(:checked):focus+span,.fr-popup .fr-checkbox input:not(:checked):hover+span{border-color:#515151}.fr-popup .fr-checkbox input:checked+span{background:#0098f7;border:solid 2px #0098f7}.fr-popup .fr-checkbox input:checked+span svg{display:block}.fr-popup .fr-checkbox input:checked:active+span{background-color:#EcF5Ff}.fr-popup .fr-checkbox input:checked:focus+span,.fr-popup .fr-checkbox input:checked:hover+span{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-popup .fr-checkbox-line{font-size:14px;line-height:1.4px;margin-top:10px}.fr-popup .fr-checkbox-line label{cursor:pointer;margin:0 5px;vertical-align:middle}.fr-popup.fr-rtl{direction:rtl;text-align:right}.fr-popup.fr-rtl .fr-action-buttons{text-align:left}.fr-popup.fr-rtl .fr-input-line input+label,.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs{float:right}.fr-text-edit-layer{width:250px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block !important}.fr-toolbar{color:#222222;background:#FFF;position:relative;font-family:Arial, Helvetica, sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-align:left;border:1px solid #CCCCCC;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2;padding-bottom:0;-webkit-transition:padding-bottom 0.5s;-moz-transition:padding-bottom 0.5s;-ms-transition:padding-bottom 0.5s;-o-transition:padding-bottom 0.5s}.fr-toolbar::after{clear:both;display:block;content:"";height:0}.fr-toolbar::after{height:0}.fr-toolbar .fr-newline{clear:both;display:block;content:"";margin-left:9px;margin-right:9px;background:#efefef;height:1px;-webkit-transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-o-transition:height 0.5s}.fr-toolbar.fr-toolbar-open .fr-newline{height:0}.fr-toolbar .fr-float-right{float:right}.fr-toolbar .fr-float-left{float:left}.fr-toolbar .fr-more-toolbar{float:left;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f5f5f5;-webkit-transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-o-transition:height 0.5s;height:0;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.fr-toolbar .fr-more-toolbar.fr-expanded{height:48px}.fr-toolbar .fr-more-toolbar.fr-overflow-visible{overflow:visible}.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn{margin-left:4px;margin-right:4px}.fr-toolbar .fr-btn-grp{display:inline-block;margin:0 17px 0 12px}@media (max-width: 768px){.fr-toolbar .fr-btn-grp{margin:0 7px 0 6px}}.fr-toolbar .fr-command.fr-btn.fr-open{margin-top:10px;margin-bottom:-1px;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active){background:#f5f5f5}.fr-toolbar.fr-rtl{text-align:right}.fr-toolbar.fr-inline{display:none;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);border:0;white-space:nowrap;position:absolute;margin-top:5px;z-index:2147483630}.fr-toolbar.fr-inline.fr-above{margin-top:-10px;border-top:0}.fr-toolbar.fr-inline .fr-newline{height:0}.fr-toolbar.fr-inline .fr-more-toolbar{position:absolute !important}.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded{position:relative !important}.fr-toolbar.fr-top{top:0;border-bottom:0;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-bottom{bottom:0;border-top:0;padding-bottom:0;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-bottom .fr-newline{padding-top:0;-webkit-transition:padding-top 0.5s;-moz-transition:padding-top 0.5s;-ms-transition:padding-top 0.5s;-o-transition:padding-top 0.5s}.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline{padding-top:48px;background:#FFF}.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open{margin-top:-1px;margin-bottom:10px;border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-sticky-on{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-separator{background:#ebebeb;display:block;vertical-align:top;float:left}.fr-separator+.fr-separator{display:none}.fr-separator.fr-vs{height:32px;width:1px;margin:8px 4px}.fr-separator.fr-hs{clear:both;width:calc(100% - (2 * 4px));margin:0 4px;height:1px}.fr-separator.fr-hidden{display:none !important}.fr-rtl .fr-separator{float:right}.fr-toolbar.fr-inline .fr-separator.fr-hs{float:none}.fr-toolbar.fr-inline .fr-separator.fr-vs{float:none;display:inline-block}.fr-second-toolbar{border:1px solid #CCCCCC;border-top:0;background:#FFF;line-height:1.4;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-second-toolbar::after{clear:both;display:block;content:"";height:0}.fr-second-toolbar:empty{min-height:calc(10px);position:relative;margin-top:calc(-1px);z-index:2}#fr-logo{float:left;outline:none}#fr-logo>span{display:inline-block;float:left;font-family:sans-serif;padding:11px 5px 10px 15px;font-size:12px;font-weight:500;color:#b1b2b7;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-ms-transition:color 0.3s;-o-transition:color 0.3s}#fr-logo>svg{height:20px;width:47px;margin:7px 0;cursor:pointer}#fr-logo>svg *{-webkit-transition:fill 0.3s;-moz-transition:fill 0.3s;-ms-transition:fill 0.3s;-o-transition:fill 0.3s}#fr-logo:hover>span,#fr-logo:focus>span{color:#0098f7}#fr-logo:hover>svg .fr-logo,#fr-logo:focus>svg .fr-logo{fill:#0098f7}.fr-visibility-helper{display:none;margin-left:0 !important}@media (min-width: 768px){.fr-visibility-helper{margin-left:1px !important}}@media (min-width: 992px){.fr-visibility-helper{margin-left:2px !important}}@media (min-width: 1200px){.fr-visibility-helper{margin-left:3px !important}}.fr-opacity-0{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-box{position:relative}.fr-sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}.fr-sticky-off{position:relative}.fr-sticky-on{position:sticky;z-index:10}.fr-sticky-on.fr-sticky-ios{position:-webkit-sticky;left:0;right:0;width:auto !important}.fr-sticky-dummy{display:none}.fr-sticky-on+.fr-sticky-dummy,.fr-sticky-box>.fr-sticky-dummy{display:block}span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view .fr-highlight-change,.fr-highlight-change>img,.fr-highlight-change>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-video>iframe,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-highlight-change>p,.fr-view .fr-highlight-change>span:not(.fr-tracking-deleted){background-color:#f3eec3;opacity:0.5}.fr-highlight-change.fr-highlight-change>table td,.fr-highlight-change.fr-highlight-change>hr{border-color:#f3eec3}.fr-tracking-deleted.fr-tracking-deleted>table td,.fr-tracking-deleted.fr-tracking-deleted>hr{border-color:#dc3545}.fr-tracking-deleted img,.fr-tracking-deleted>.fr-video>video,.fr-tracking-deleted>.fr-video>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{opacity:0.5;background-color:#dc3545}.fr-view .fr-tracking-deleted{background-color:#dc3545;text-decoration:line-through;pointer-events:none;user-select:none;opacity:1}.fr-highlight-change>.fr-video>iframe,.fr-tracking-deleted>.fr-video>iframe,.fr-highlight-change>.fr-video>video,.fr-tracking-deleted>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{padding:10px !important}.fr-tracking-deleted img,.fr-highlight-change img{border:2px solid #f3eec3}.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td){opacity:0.5;background-color:#f3eec3}.fr-highlight-change #isPasted>table td{opacity:0.5;border-color:#f3eec3}.fr-track-hide{display:none}.fr-track-hide-mobile{width:0;height:0;overflow:hidden;position:absolute}.fr-ios-mobile-disable-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.fr-bottom-extended{flex-wrap:wrap;display:flex;box-sizing:border-box}.position-relative{position:relative !important}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-box .fr-counter{padding:10px;float:right;color:#999999;content:attr(data-chars);font-size:14px;font-family:sans-serif;z-index:1;border-radius:2px 0 0 0;-moz-border-radius:2px 0 0 0;-webkit-border-radius:2px 0 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-rtl .fr-counter{left:0;right:auto;border-left:none;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-code-view .fr-counter{display:none}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}textarea.fr-code{display:none;width:100%;resize:none;-moz-resize:none;-webkit-resize:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;padding:10px;margin:0;font-family:"Courier New",monospace;font-size:14px;background:#FFF;color:#000;outline:none}.fr-box.fr-rtl textarea.fr-code{direction:rtl}.fr-box .CodeMirror{display:none}.fr-box.fr-code-view textarea.fr-code{display:block}.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe{display:none}.fr-box.fr-code-view .CodeMirror{display:block}.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch{display:block}.fr-box.fr-inline .fr-command.fr-btn.html-switch{display:none;position:absolute;top:0;right:0;display:none;background:#FFF;color:#333333;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:8px 7px;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:24px;width:24px;text-align:center}.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#ebebeb}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-popup .fr-layer.fr-color-hex-layer{margin:0;padding:20px;padding-top:0;float:left}.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:15px 0 0}.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons{float:right;width:38px;height:40px;padding:17px 0 0;margin:0}.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:40px;width:38px}.fr-popup .fr-separator+.fr-colors-tabs{margin-left:2px;margin-right:2px}.fr-popup .fr-color-set{line-height:0;display:none}.fr-popup .fr-color-set.fr-selected-set{display:block;padding:20px;padding-bottom:0}.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-color-set>span>i,.fr-popup .fr-color-set>span>svg{text-align:center;line-height:32px;height:24px;width:24px;margin:4px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-color-set>span>i path,.fr-popup .fr-color-set>span>svg path{fill:#222222}.fr-popup .fr-color-set>span .fr-selected-color{color:#FFF;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}.fr-popup .fr-color-set>span:hover,.fr-popup .fr-color-set>span:focus{outline:1px solid #222222;z-index:2}.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0)}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-drag-helper{background:#0098f7;height:2px;margin-top:-1px;-webkit-opacity:0.2;-moz-opacity:0.2;opacity:0.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;z-index:2147483640;display:none}.fr-drag-helper.fr-visible{display:block}.fr-dragging{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-popup .fr-emoticon{width:24px;height:24px;font-family:"Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols}.fr-popup .fr-emoticon img{height:24px;width:24px}.fr-popup .fr-command.fr-btn.fr-tabs-unicode{padding:0 0 0 14px}@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-emoticon-container{width:368px}}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-popup .fr-file-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.fr-popup .fr-file-upload-layer:hover{background:#ebebeb}.fr-popup .fr-file-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}.fr-popup .fr-file-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}.fr-popup .fr-file-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-file-progress-bar-layer{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-popup .fr-file-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-file-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-file-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;-webkit-animation:loading 2s linear infinite;-moz-animation:loading 2s linear infinite;-o-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}@keyframes loading{from{left:-25%}to{left:100%}}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}@-moz-keyframes loading{from{left:-25%}to{left:100%}}@-o-keyframes loading{from{left:-25%}to{left:100%}}@keyframes loading{from{left:-25%}to{left:100%}}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element img{cursor:pointer;padding:0 1px}.fr-height-auto{height:auto !important}.fr-file-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #53777a;display:inline-block !important;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;width:20px;height:20px;display:block !important;align-items:center}.fr-trim-button{margin-top:5px;height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;border-radius:5px;background-color:#eff5fa;outline:none}.fr-trim-button:hover{background:#ebebeb}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-image-resizer.fr-active{display:block}.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-image-resizer .fr-handler{width:12px;height:12px}.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-by-url-padding{padding:11.5px 0}.fr-popup .fr-upload-progress-layer{border-radius:0;box-sizing:border-box;padding-left:20px;padding-top:15px;margin:auto !important;max-height:100%;overflow-y:auto;overflow-x:hidden;width:100% !important;overscroll-behavior:contain}.fr-popup .fr-files-by-url-layer{width:calc(100% - 40px) !important}.fr-popup .fr-files-embed-layer{width:calc(100% - 40px) !important}.fr-popup .fr-files-upload-layer{border:dashed 2px #bdbdbd;margin:20px;position:relative;font-size:10px;letter-spacing:1px;line-height:140%;text-align:center;width:calc(100% - 40px) !important}.fr-popup .fr-files-upload-layer:hover{background:#ebebeb}.fr-popup .fr-files-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}.fr-popup .fr-files-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}.fr-popup .fr-files-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-files-progress-bar-layer{width:calc(100% - 40px);width:-moz-available;width:-webkit-stretch;width:stretch}.fr-popup .fr-files-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}.fr-popup .fr-files-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-files-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-files-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}.fr-popup .fr-files-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;-webkit-animation:loading 2s linear infinite;-moz-animation:loading 2s linear infinite;-o-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-progress-bar-style{width:calc(100% - 40px)}.fr-progress-bar{position:relative;background-color:#4CAF50;height:8px;margin-bottom:8px;margin-left:20px;margin-right:20px;width:100%;width:-moz-available;width:-webkit-stretch;width:stretch}.fr-uploading{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}@-moz-keyframes loading{from{left:-25%}to{left:100%}}@-o-keyframes loading{from{left:-25%}to{left:100%}}@keyframes loading{from{left:-25%}to{left:100%}}.fr-pull-left{float:left}.fr-pull-right{float:right}.fr-icons{padding:10px 20px 0;display:inline}.fr-transform-135{transform:rotate(135deg)}.fr-icons i{margin:4px;padding:2px;cursor:pointer;color:#999588;font-size:20px}.fr-blue-decorator{background:#4a7fba;color:white;display:grid;padding:5px}.fr-upload-progress{padding:1px}.fr-upload-section{position:relative;width:100%;width:-moz-available;width:-webkit-stretch;width:stretch}@media screen and (max-width: 399px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}@media screen and (min-width: 400px) and (max-width: 469px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}@media screen and (min-width: 470px) and (max-width: 680px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}@media screen and (min-width: 681px){.fr-upload-section{margin-left:35px;margin-right:35px}.fr-files-upload-layer{padding-top:20px;padding-bottom:20px}}.fr-half-circle{width:60px;height:25px;background-color:white;border-top-left-radius:110px;border-top-right-radius:110px;transform:rotate(180deg);border-bottom:0;position:relative;left:50%;z-index:1;left:50%;margin-top:-1px;margin-left:-25px}.fr-decorated{overflow:hidden;text-align:center}.fr-decorated>span{position:relative;display:inline-block}.fr-decorated>span:before,.fr-decorated>span:after{content:'';position:absolute;top:50%;border-bottom:2px solid #ffffff;width:100%;margin:0 20px}.fr-decorated>span:before{right:100%}.fr-decorated>span:after{left:100%}.fr-align-right{float:right}.fr-checkbox-container{display:inline-block;position:relative;padding-left:20px;margin-bottom:12px;cursor:pointer;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fr-files-checkbox-line{display:flex;align-items:center;font-size:10px}.fr-files-checkbox-line label{cursor:pointer;vertical-align:middle}.fr-insert-checkbox input{height:13px !important;width:13px !important}.fr-autoplay-checkbox input{height:13px !important;width:13px !important}button[data-cmd="insertFiles"]{padding-left:2px !important;padding-top:2.7px !important}button[data-cmd="autoplay"] svg{position:relative !important;top:3.2px !important}button[data-cmd="insertAll"]{padding-left:4px !important}button[data-cmd="insertAll"] svg{position:relative !important;top:3.2px !important}.fr-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.fr-checkmark{position:absolute;top:0;left:0;height:15px;width:15px;background-color:#eee}.fr-file-list-item{display:flex;justify-content:space-between;align-items:center;padding-top:7px;flex-wrap:wrap;position:relative;top:-20px;border-bottom:1px solid #ddd;padding-bottom:7px}.fr-file-item-left{display:flex;flex-wrap:wrap}.fr-file-item-icon{display:flex;align-items:center;padding-left:7px}.fr-file-item-description{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;max-width:400px;margin-left:5px}.fr-cloud-icon{height:30px;width:32px;background-color:white;border-radius:50%;display:flex;justify-content:center;position:relative;margin:0 auto;margin-top:-18px}.fr-files-checkbox{position:relative;display:inline-block;width:13px;height:13px;padding-right:5px;border-radius:100%;line-height:1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;vertical-align:middle}.fr-files-checkbox svg{margin-left:0px;margin-top:0px;display:none;width:10px;height:10px}.fr-files-checkbox span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:15px;height:15px;display:inline-block;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}.fr-files-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:pointer;height:18px;margin:0;padding:0;width:18px}.fr-files-checkbox input:not(:checked)+span{border:solid 2px #999999}.fr-files-checkbox input:not(:checked):active+span{background-color:#f5f5f5}.fr-files-checkbox input:not(:checked):focus+span,.fr-files-checkbox input:not(:checked):hover+span{border-color:#515151}.fr-files-checkbox input:checked+span{background:#0098f7;border:solid 2px #0098f7}.fr-files-checkbox input:checked+span svg{display:block}.fr-files-checkbox input:checked:active+span{background-color:#EcF5Ff}.fr-files-checkbox input:checked:focus+span,.fr-files-checkbox input:checked:hover+span{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-checkbox-disabled{opacity:0.4;position:relative;display:inline-block;width:13px !important;height:13px !important;padding-right:5px;border-radius:100%;line-height:1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;vertical-align:middle}.fr-checkbox-disabled svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}.fr-checkbox-disabled span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:15px;height:15px;display:inline-block;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}.fr-checkbox-disabled input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:default;height:13px !important;margin:0;padding:0;width:13px !important;top:7px;left:7px}.fr-checkbox-disabled input:not(:checked)+span{border:solid 2px #999999}.fr-checkbox-disabled input:not(:checked):active+span{background-color:#f5f5f5}.fr-checkbox-disabled input:checked+span{background:#0098f7;border:solid 2px #0098f7}.fr-checkbox-disabled input:checked+span svg{display:block}.fr-checkbox-disabled input:checked:active+span{background-color:#EcF5Ff}.fr-file-view{position:absolute;max-width:60%;right:10%;z-index:2147483642}.fr-file-item-thumbnail-hover{transition:transform .2s}.fr-file-item-thumbnail-hover:hover{-ms-transform:scale(1.3);-webkit-transform:scale(1.3);transform:scale(1.3)}.fr-file-name{padding-top:5px;font-size:12px;font-weight:bold}.fr-margin-16{margin-bottom:16px}.fr-none{display:none}.fr-display-block{display:block}.fr-files-manager-tooltip{position:relative}.padding-top-15{padding-top:15px !important;padding-bottom:0px !important}.fr-files-manager-tooltip .tooltiptext{visibility:hidden;width:max-content;max-width:250px;word-break:break-word;word-wrap:break-word;background-color:black;color:#fff;text-align:left;padding:4px;border-radius:2px;font-weight:100;font-size:10px;position:absolute;top:80%;left:50%;z-index:2147483647}.fr-files-manager-tooltip:hover .tooltiptext{visibility:visible}.fr-file-details{display:flex;flex-wrap:wrap;font-size:10px}.fr-file-date{word-break:break-word;word-wrap:break-word;max-width:110px;color:#444;padding-top:2px;padding-bottom:2px}.fr-file-size{color:#444;padding-top:2px;padding-bottom:2px}.dot{width:20px;height:20px;background-image:radial-gradient(circle, grey 1px, transparent 2px);background-size:100% 33.33%;margin-left:2px;margin-right:2px}.fr-file-action-icons{margin-right:5px;margin-left:5px !important;color:#999;height:25px !important;padding:5px !important}@media screen and (max-width: 700px){.fr-files-manager-tooltip .tooltiptext{max-width:250px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:0%;font-size:8px}}@media screen and (max-width: 500px){.fr-files-manager-tooltip .tooltiptext{max-width:100px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:0%}.fr-file-item-description{width:130px}.fr-file-item-right{width:100%}.progress-circle{font-size:6px}}@media screen and (max-width: 320px){.fr-files-manager-tooltip .tooltiptext{max-width:100px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:-50%;font-size:8px}.dot{width:20px;margin-left:0px;margin-right:3px}.fr-file-item-description{width:80px}.fr-file-details{display:flex;flex-wrap:wrap;font-size:9px}.fr-file-name{font-size:10px}.fr-file-action-icons{padding:0px !important}}@media screen and (min-width: 501px){.progress-circle{font-size:9px}}.fr-file-view-modal{display:block;position:fixed;position:-ms-page;z-index:2147483641;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;background-color:rgba(0,0,0,0.7)}.fr-file-view-modal-content{display:inline-block;text-align:center}.fr-file-view-image{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:80%;max-height:70%}.fr-file-view-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}.fr-file-view-close:hover,.fr-file-view-close:focus{color:#bbb;text-decoration:none;cursor:pointer}.fr-file-error{color:red;font-weight:200;font-size:12px;padding-bottom:5px}.fr-file-error-h5{margin:0}.fr-file-item-right{display:flex;align-items:center;justify-content:flex-end;margin-right:20px}.fr-file-item-action-buttons{display:flex;align-items:center;justify-content:space-around}.fr-file-item-autoplay-checkbox{align-items:center;margin:0px;padding:0px;margin-right:5px}.fr-autoplay-checkbox-label{margin:0;cursor:default !important}.fr-checkbox-container:hover input ~ .fr-checkmark{background-color:#ccc}.fr-checkbox-container input:checked ~ .fr-checkmark{background-color:#2196F3}.fr-checkmark:after{content:"";position:absolute;display:none}.fr-checkbox-container input:checked ~ .fr-checkmark:after{display:block}.fr-container .fr-checkmark:after{left:5px;top:2px;width:3px;height:7px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.fr-file-item-details .file-name{font-weight:bold;display:inline}.fr-file-item-details .file-description{font-weight:300;font-size:11px;display:inline}.fr-width-10{width:10%;display:inline-block}.fr-width-20{width:20%;display:inline-block}.fr-width-30{width:30%;display:inline-block}.fr-width-40{width:40%;display:inline-block}.fr-width-50{width:50%;display:inline-block}.fr-width-60{width:60%;display:inline-block}.fr-width-100{width:100%;display:inline-block}.fr-width-80{width:80%;display:inline-block}.fr-width-90{width:90%;display:inline-block}.fr-width-85{width:85%;display:inline-block}.fr-width-5{width:5%;display:inline-block}.fr-width-7{width:7%;display:inline-block}.fr-img-icon{color:#aaaaaa;font-size:16px;padding:0px 4px}.fr-position-content{position:relative;top:10px}.file-error{color:red}#myprogressBar{width:10%;height:5px;background-color:#4CAF50;position:relative;top:-30px}.fr-files-manager{z-index:2147483641 !important}.progress-circle{margin:0px;margin-left:10px;position:relative;padding:0;width:5em;height:5.1em;background-color:#f2e9e1;border-radius:50%;line-height:5em}.progress-circle:after{border:none;position:absolute;top:0.35em;left:0.35em;text-align:center;display:block;border-radius:50%;width:4.3em;height:4.3em;background-color:white;content:" "}.progress-circle span{position:absolute;line-height:5em;width:5em;text-align:center;display:block;color:#53777a;z-index:2}.progress-circle.over50 .left-half-clipper{clip:rect(auto, auto, auto, auto)}.progress-circle.over50 .first50-bar{position:absolute;clip:rect(0, 5em, 5em, 2.5em);background-color:#53777a;border-radius:50%;width:5em;height:5em}.progress-circle:not(.over50) .first50-bar{display:none}.progress-circle.p0 .value-bar{display:none}.progress-circle.p1 .value-bar{transform:rotate(4deg)}.progress-circle.p2 .value-bar{transform:rotate(7deg)}.progress-circle.p3 .value-bar{transform:rotate(11deg)}.progress-circle.p4 .value-bar{transform:rotate(14deg)}.progress-circle.p5 .value-bar{transform:rotate(18deg)}.progress-circle.p6 .value-bar{transform:rotate(22deg)}.progress-circle.p7 .value-bar{transform:rotate(25deg)}.progress-circle.p8 .value-bar{transform:rotate(29deg)}.progress-circle.p9 .value-bar{transform:rotate(32deg)}.progress-circle.p10 .value-bar{transform:rotate(36deg)}.progress-circle.p11 .value-bar{transform:rotate(40deg)}.progress-circle.p12 .value-bar{transform:rotate(43deg)}.progress-circle.p13 .value-bar{transform:rotate(47deg)}.progress-circle.p14 .value-bar{transform:rotate(50deg)}.progress-circle.p15 .value-bar{transform:rotate(54deg)}.progress-circle.p16 .value-bar{transform:rotate(58deg)}.progress-circle.p17 .value-bar{transform:rotate(61deg)}.progress-circle.p18 .value-bar{transform:rotate(65deg)}.progress-circle.p19 .value-bar{transform:rotate(68deg)}.progress-circle.p20 .value-bar{transform:rotate(72deg)}.progress-circle.p21 .value-bar{transform:rotate(76deg)}.progress-circle.p22 .value-bar{transform:rotate(79deg)}.progress-circle.p23 .value-bar{transform:rotate(83deg)}.progress-circle.p24 .value-bar{transform:rotate(86deg)}.progress-circle.p25 .value-bar{transform:rotate(90deg)}.progress-circle.p26 .value-bar{transform:rotate(94deg)}.progress-circle.p27 .value-bar{transform:rotate(97deg)}.progress-circle.p28 .value-bar{transform:rotate(101deg)}.progress-circle.p29 .value-bar{transform:rotate(104deg)}.progress-circle.p30 .value-bar{transform:rotate(108deg)}.progress-circle.p31 .value-bar{transform:rotate(112deg)}.progress-circle.p32 .value-bar{transform:rotate(115deg)}.progress-circle.p33 .value-bar{transform:rotate(119deg)}.progress-circle.p34 .value-bar{transform:rotate(122deg)}.progress-circle.p35 .value-bar{transform:rotate(126deg)}.progress-circle.p36 .value-bar{transform:rotate(130deg)}.progress-circle.p37 .value-bar{transform:rotate(133deg)}.progress-circle.p38 .value-bar{transform:rotate(137deg)}.progress-circle.p39 .value-bar{transform:rotate(140deg)}.progress-circle.p40 .value-bar{transform:rotate(144deg)}.progress-circle.p41 .value-bar{transform:rotate(148deg)}.progress-circle.p42 .value-bar{transform:rotate(151deg)}.progress-circle.p43 .value-bar{transform:rotate(155deg)}.progress-circle.p44 .value-bar{transform:rotate(158deg)}.progress-circle.p45 .value-bar{transform:rotate(162deg)}.progress-circle.p46 .value-bar{transform:rotate(166deg)}.progress-circle.p47 .value-bar{transform:rotate(169deg)}.progress-circle.p48 .value-bar{transform:rotate(173deg)}.progress-circle.p49 .value-bar{transform:rotate(176deg)}.progress-circle.p50 .value-bar{transform:rotate(180deg)}.progress-circle.p51 .value-bar{transform:rotate(184deg)}.progress-circle.p52 .value-bar{transform:rotate(187deg)}.progress-circle.p53 .value-bar{transform:rotate(191deg)}.progress-circle.p54 .value-bar{transform:rotate(194deg)}.progress-circle.p55 .value-bar{transform:rotate(198deg)}.progress-circle.p56 .value-bar{transform:rotate(202deg)}.progress-circle.p57 .value-bar{transform:rotate(205deg)}.progress-circle.p58 .value-bar{transform:rotate(209deg)}.progress-circle.p59 .value-bar{transform:rotate(212deg)}.progress-circle.p60 .value-bar{transform:rotate(216deg)}.progress-circle.p61 .value-bar{transform:rotate(220deg)}.progress-circle.p62 .value-bar{transform:rotate(223deg)}.progress-circle.p63 .value-bar{transform:rotate(227deg)}.progress-circle.p64 .value-bar{transform:rotate(230deg)}.progress-circle.p65 .value-bar{transform:rotate(234deg)}.progress-circle.p66 .value-bar{transform:rotate(238deg)}.progress-circle.p67 .value-bar{transform:rotate(241deg)}.progress-circle.p68 .value-bar{transform:rotate(245deg)}.progress-circle.p69 .value-bar{transform:rotate(248deg)}.progress-circle.p70 .value-bar{transform:rotate(252deg)}.progress-circle.p71 .value-bar{transform:rotate(256deg)}.progress-circle.p72 .value-bar{transform:rotate(259deg)}.progress-circle.p73 .value-bar{transform:rotate(263deg)}.progress-circle.p74 .value-bar{transform:rotate(266deg)}.progress-circle.p75 .value-bar{transform:rotate(270deg)}.progress-circle.p76 .value-bar{transform:rotate(274deg)}.progress-circle.p77 .value-bar{transform:rotate(277deg)}.progress-circle.p78 .value-bar{transform:rotate(281deg)}.progress-circle.p79 .value-bar{transform:rotate(284deg)}.progress-circle.p80 .value-bar{transform:rotate(288deg)}.progress-circle.p81 .value-bar{transform:rotate(292deg)}.progress-circle.p82 .value-bar{transform:rotate(295deg)}.progress-circle.p83 .value-bar{transform:rotate(299deg)}.progress-circle.p84 .value-bar{transform:rotate(302deg)}.progress-circle.p85 .value-bar{transform:rotate(306deg)}.progress-circle.p86 .value-bar{transform:rotate(310deg)}.progress-circle.p87 .value-bar{transform:rotate(313deg)}.progress-circle.p88 .value-bar{transform:rotate(317deg)}.progress-circle.p89 .value-bar{transform:rotate(320deg)}.progress-circle.p90 .value-bar{transform:rotate(324deg)}.progress-circle.p91 .value-bar{transform:rotate(328deg)}.progress-circle.p92 .value-bar{transform:rotate(331deg)}.progress-circle.p93 .value-bar{transform:rotate(335deg)}.progress-circle.p94 .value-bar{transform:rotate(338deg)}.progress-circle.p95 .value-bar{transform:rotate(342deg)}.progress-circle.p96 .value-bar{transform:rotate(346deg)}.progress-circle.p97 .value-bar{transform:rotate(349deg)}.progress-circle.p98 .value-bar{transform:rotate(353deg)}.progress-circle.p99 .value-bar{transform:rotate(356deg)}.progress-circle.p100 .value-bar{transform:rotate(360deg)}.left-half-clipper{border-radius:50%;width:5em;height:5em;position:absolute;clip:rect(0, 5em, 5em, 2.5em)}.value-bar{position:absolute;clip:rect(0, 2.5em, 5em, 0);width:5em;height:5em;border-radius:50%;border:0.45em solid #53777a;box-sizing:border-box}.align-autoplay{align-items:flex-end;margin-right:7px}.fr-hovered-over-file{background-color:#F0F0F0}.fr-thumbnail-padding{padding-right:4px}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}body.fr-fullscreen{overflow:hidden;height:100%;width:100%;position:fixed}.fr-box.fr-fullscreen{margin:0 !important;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483630 !important;width:auto !important}.fr-box.fr-fullscreen .fr-wrapper{background-color:#FFF}.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-fullscreen .fr-toolbar{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-fullscreen .fr-toolbar.fr-top{top:0 !important}.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{bottom:0 !important}.fr-box.fr-fullscreen .fr-second-toolbar{margin-top:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-fullscreen-wrapper{z-index:2147483640 !important;width:100% !important;margin:0 !important;padding:0 !important;overflow:visible !important}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal{text-align:left;padding:20px 20px 10px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table{border-collapse:collapse;font-size:14px;line-height:1.5;width:100%}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table{margin-top:20px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th{text-align:left}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td{padding:6px 0 4px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{width:60%;color:#646464}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2){letter-spacing:0.5px}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element img{cursor:pointer;padding:0 1px}.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-image-resizer.fr-active{display:block}.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-image-resizer .fr-handler{width:12px;height:12px}.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-popup .fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-image-upload-layer:hover{background:#ebebeb}.fr-popup .fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}.fr-popup .fr-image-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}.fr-popup .fr-image-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-image-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;-webkit-animation:loading 2s linear infinite;-moz-animation:loading 2s linear infinite;-o-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-uploading{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}@-moz-keyframes loading{from{left:-25%}to{left:100%}}@-o-keyframes loading{from{left:-25%}to{left:100%}}@keyframes loading{from{left:-25%}to{left:100%}}img.fr-draggable{user-select:none}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-modal .fr-modal-head .fr-modal-head-line::after{clear:both;display:block;content:"";height:0}.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more{margin-top:10px}.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.fr-modal .fr-modal-head .fr-modal-tags{padding:0 20px;display:none;text-align:left}.fr-modal .fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 12px;margin:8px 0 8px 8px;text-decoration:none;border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;cursor:pointer;background-color:#f5f5f5}.fr-modal .fr-modal-head .fr-modal-tags a:focus{outline:none;background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a:hover{background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a:active{background-color:#d6d6d6}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag{background-color:#EcF5Ff;color:#0098f7}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus{outline:none;background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover{background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active{background-color:#d6d6d6}.fr-show-tags .fr-modal-more svg path{fill:#0098f7}div.fr-modal-body{-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s}div.fr-modal-body .fr-preloader{display:block;margin:50px auto}div.fr-modal-body div.fr-image-list{text-align:center;margin:0 20px;padding:0}div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 20px) / 2)}@media (min-width: 768px) and (max-width: 1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 40px) / 3)}}@media (min-width: 1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 60px) / 4)}}div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:20px}div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:20px}div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{position:absolute;-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{content:attr(data-deleting);color:#FFF;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#CCCCCC;z-index:1}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, color 0.2s ease 0s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;cursor:pointer;margin:0;line-height:40px;text-decoration:none;z-index:3}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#B8312F;fill:#FFF;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#FFF;fill:#0098f7;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block;width:40px;height:40px}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#FFF}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-line-breaker{cursor:text;border-top:1px solid #0098f7;position:fixed;z-index:2;display:none}.fr-line-breaker.fr-visible{display:block}.fr-line-breaker a.fr-floating-btn{position:absolute;left:calc(50% - (40px / 2));top:-20px}.fr-line-breaker a.fr-floating-btn svg{margin:8px;height:24px;width:24px}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-wrapper-markdown{display:flex}.fr-markdown-view{width:calc(52% - 1px);box-sizing:inherit}.fr-markdown-editor{width:calc(48% - 1px);box-sizing:inherit;background-color:#eee}.fr-markdown-editor>p{margin:0}.fr-markdown-view>p{margin-top:0}.gutter-horizontal{display:flex;z-index:9;background-color:#dadada;cursor:col-resize;width:2px}.e-resize-handler{z-index:9;width:1px;display:flex;justify-content:center;align-items:center;align-self:center;position:relative;font-size:10px;color:#c5c5c5}.fr-markdown-view>dl{margin-top:0;margin-bottom:1rem}.fr-markdown-view>dt{font-weight:700}.fr-markdown-view>dd{margin-bottom:.5rem;margin-left:0}.fr-markdown-view>pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;background-color:#f8f8f8;border:1px solid #dfdfdf;margin-top:1.5em;margin-bottom:1.5em;padding:0.125rem 0.3125rem 0.0625rem}.fr-markdown-view>code{background-color:#f8f8f8;border-color:#dfdfdf;border-style:solid;border-width:1px;color:#333;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:normal;padding:0.125rem 0.3125rem 0.0625rem}.fr-markdown-view>pre code{background-color:transparent;border:0;padding:0}.fr-markdown-view>sup{top:-.5em}.footnote-a{color:#007bff;text-decoration:none;background-color:transparent}.fr-markdown-view>hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,0.1)}.blockquote{margin:0 0 1rem;border-left:5px solid #eee;padding:10px 20px;font-size:1.25rem}.fr-markdown-view>table{width:100%;max-width:100%;margin-bottom:20px;background-color:transparent;border-spacing:0;border-collapse:collapse}.fr-markdown-view>table>tbody>tr>td,.fr-markdown-view>table>tbody>tr>th,.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border:1px solid #ddd}.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{border-bottom-width:2px}.fr-markdown-view>table>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.fr-markdown-view>a{color:#337ab7;text-decoration:none}.fr-markdown-view>h1{font-size:2em !important}.fr-markdown-view>h2{font-size:1.5em !important}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-quick-insert{position:absolute;z-index:2147483639;white-space:nowrap;padding-right:10px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-quick-insert a.fr-floating-btn svg{margin:8px;width:24px;height:24px}.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.fr-quick-insert.fr-hidden{display:none}.fr-qi-helper{position:absolute;z-index:3;padding-left:20px;white-space:nowrap}.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;padding:6px 10px 10px 10px;display:inline-block;color:#222222;background:#FFF;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.fr-qi-helper a.fr-btn.fr-floating-btn svg{fill:#222222}.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-popup .fr-buttons.fr-tabs .fr-special-character-category{padding:10px 15px}.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span{font-weight:normal;font-size:16px}.fr-popup .fr-special-character{width:24px;height:24px}@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-sc-container{width:368px}}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-popup .fr-table-size{margin:20px}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#fr-form-container{margin:auto;position:relative;top:10%;background-color:#f5f5f5;width:60%;border-radius:5px;z-index:9002;overflow:auto;background-color:#fefefe}.fr-trim-video-name{font-family:Arial, Helvetica, sans-serif;padding-top:15px}.fr-file-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #53777a;display:inline-block !important;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;width:20px;height:20px;display:block !important;align-items:center}.fr-trim-button{margin-top:5px;height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;border-radius:5px;background-color:#eff5fa;outline:none}.fr-trim-button:hover{background:#ebebeb}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fr-slidecontainer{width:100%}.fr-slider{-webkit-appearance:none;width:100%;height:15px;background:#d3d3d3}.fr-video-trim-buttons{text-align:right;padding-bottom:5px;padding-right:15px;margin-top:10px}.fr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;cursor:pointer}.fr-slider::-moz-range-thumb{width:15px;height:15px;background:#3498db;border-radius:50%;cursor:pointer}.fr-range-value-start{position:absolute}.fr-range-value-start>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:50%;transform:translate(-85%, 0);border-radius:6px}.fr-range-value-start>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:86%;margin-left:-5px;margin-top:-1px}.fr-range-value-end{position:absolute}.fr-range-value-end>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:14%;transform:translate(-8%, 0);border-radius:6px}.fr-range-value-end>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:14%;margin-left:-5px;margin-top:-1px}#startTimeValue{top:-153% !important}#startTimeValue span:before{border-top:10px solid #03a9f4;top:100%}#endTimeValue{top:-153% !important}#endTimeValue span:before{border-top:10px solid #03a9f4;top:100%}.fr-range-slider{position:relative;width:80%;height:15px}.fr-range-slider>input{pointer-events:none;position:absolute;left:0;top:10px;width:100%;outline:none;height:6px;border-radius:10px}.fr-range-slider>input::-webkit-slider-thumb{pointer-events:all;position:relative;z-index:1;-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#3498db;cursor:pointer;border-radius:7px;margin-top:-3.6px}.fr-range-slider>input::-moz-range-thumb{pointer-events:all;position:relative;z-index:10;-moz-appearance:none;width:9px;height:15px;border-radius:7px;margin-top:-3.6px}.fr-range-slider>input::-moz-range-track{position:relative;z-index:-1;background-color:black;border:0;height:15px;border-radius:50%;margin-top:-3.6px}.fr-range-slider>input:last-of-type::-moz-range-track{-moz-appearance:none;background:none transparent;border:0}.fr-range-slider>input[type="range"]::-moz-focus-outer{border:0}@media screen and (max-width: 430px){.range-value span{width:40px;font-size:10px}#fr-form-container{top:20%}}#fr-video-edit{width:80%;text-align:center;height:50%;margin-bottom:20px;padding-top:8px;padding-bottom:8px}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element .fr-video{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element .fr-video::after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:transparent}.fr-element .fr-video.fr-active>*{z-index:2;position:relative}.fr-element .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-box .fr-video-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box .fr-video-resizer.fr-active{display:block}.fr-box .fr-video-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;z-index:4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-box .fr-video-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-box .fr-video-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width: 1200px){.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-popup .fr-video-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-video-upload-layer:hover{background:#ebebeb}.fr-popup .fr-video-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}.fr-popup .fr-video-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}.fr-popup .fr-video-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-video-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-video-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-video-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;-webkit-animation:loading 2s linear infinite;-moz-animation:loading 2s linear infinite;-o-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-video-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-autoplay-margin{margin-top:0px !important}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view li img.fr-dii.fr-fil{margin-right:20px}.fr-view{word-wrap:break-word}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=""],.fr-view table[border='0'] th[class=""]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir="rtl"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir="rtl"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir="rtl"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}.fr-view span.fr-img-caption.fr-dii.fr-fil,.fr-view p img.fr-dii.fr-fil{margin-right:15px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

@charset "UTF-8";
.web-component-input {
  position: relative;
}

.web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-color.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div, .web-component-dialog-editor .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input, .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-component-custom-select.always-opened .display {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.save-indicator .save-state .detail, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-component-dialog-editor .web-component-issue .web-component-input > button, .web-component-dialog-editor .web-component-file .web-component-input .upload, .web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-date .web-component-input > input, .web-component-dialog-editor .web-component-color .web-component-input > input, .web-component-dialog-editor .web-component-froala .web-component-input > div, .web-component-dialog-editor .web-component-text-area .web-component-input > textarea, .web-component-dialog-editor .web-component-text .web-component-input input, .web-component-custom-select .display, .web-component-custom-select.always-opened input {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only print {
  .save-indicator .save-state .detail, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-component-dialog-editor .web-component-issue .web-component-input > button, .web-component-dialog-editor .web-component-file .web-component-input .upload, .web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-date .web-component-input > input, .web-component-dialog-editor .web-component-color .web-component-input > input, .web-component-dialog-editor .web-component-froala .web-component-input > div, .web-component-dialog-editor .web-component-text-area .web-component-input > textarea, .web-component-dialog-editor .web-component-text .web-component-input input, .web-component-custom-select .display, .web-component-custom-select.always-opened input {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

.save-indicator:hover .icon, .web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-multiple-values button,
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-editor-dialog button, .web-component-dialog-editor .web-component-file .web-component-input .upload:hover, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:hover, .web-component-custom-select button:hover, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button:hover, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button:hover {
  -webkit-box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
}

.web-component-dialog-editor .web-component-text .hints-loader {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  z-index: 1;
  line-height: 160%;
  text-align: center;
  font-weight: bold;
  background: repeating-linear-gradient(135deg, rgb(239, 239, 239), rgb(239, 239, 239) 10px, rgb(204, 204, 204) 10px, rgb(204, 204, 204) 20px);
  background-size: 1600% 100%;
  -webkit-animation: hints-loading 300s linear infinite;
  -moz-animation: hints-loading 300s linear infinite;
  -o-animation: hints-loading 300s linear infinite;
  animation: hints-loading 300s linear infinite;
}
@-webkit-keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@-moz-keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@-o-keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
.web-component-dialog-editor .web-component-text .hints {
  display: none !important;
  position: absolute;
  top: 100%;
  left: 3px;
  width: calc(100% - 6px);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-style: solid;
  border-width: 1px;
  border-top-width: 0;
  z-index: 1;
}
.web-component-dialog-editor .web-component-text .hints.open {
  display: block !important;
}
.web-component-dialog-editor .web-component-text .hints .hint {
  position: relative;
  min-height: 26px;
  padding: 5px;
}
.web-component-dialog-editor .web-component-text .hints .hint.selected:after {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: " ";
  opacity: 0.3;
}
.web-component-dialog-editor .web-component-text .hints .hint:not(.empty) {
  cursor: pointer;
}

.web-component-dialog-editor .web-component-multi-select .web-component-editor-dialog .count, .web-component-dialog-editor .web-component-multi-select-table-cell .count, .web-component-custom-select .display .count {
  position: relative;
  display: inline-block;
  min-width: 20px;
  padding: 3px;
  margin-right: 5px;
  border: 0.5px solid;
  border-radius: 3px;
  font-weight: bold;
  line-height: 100%;
  text-align: center;
}

.web-component-custom-select {
  width: 100%;
  min-height: 27px;
  height: fit-content !important;
  border-radius: 3px;
}
.web-component-custom-select .option {
  display: flex;
  width: calc(100% - 22px);
  height: 100%;
  padding: 3px;
  align-items: center;
}
.web-component-custom-select .option > * {
  height: 100%;
  display: inline-flex;
  align-items: center;
}
.web-component-custom-select .option span:not(.count) {
  white-space: nowrap;
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  line-height: 19px;
}
.web-component-custom-select .option img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.web-component-custom-select .option img:not([src]) {
  display: none;
}
.web-component-custom-select button {
  z-index: 5;
  visibility: visible;
  transform: scale(1.4, 1.4);
  border-radius: 3px;
  right: 7.5px !important;
  top: 7.5px !important;
}
.web-component-custom-select button.active {
  visibility: visible;
}
.web-component-custom-select.in-dialog {
  position: relative;
  height: auto;
}
.web-component-custom-select.in-dialog ul.preview {
  border: none;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  list-style: none;
  max-height: none;
  background-color: inherit;
}
.web-component-custom-select.in-dialog ul.preview li:first-child .option:before {
  display: none;
}
.web-component-custom-select.in-dialog ul.preview .option span:not(.count) {
  width: 100%;
  overflow-x: visible;
}
.web-component-custom-select:not(.always-opened):not(.in-dialog)::after {
  content: "▼";
  position: absolute;
  top: 1.5px;
  right: 1.5px;
  padding: 5px;
  transition: 0.25s all ease;
  pointer-events: none;
}
.web-component-custom-select .display {
  padding: 0 !important;
}
.web-component-custom-select:not(.always-opened) .display:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  height: 25px;
  width: 23px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.web-component-custom-select:not(.always-opened) .display .option {
  background-color: inherit !important;
  border-radius: 3px 0 0 3px;
}
.web-component-custom-select:not(.always-opened) .display:hover {
  overflow-y: visible;
}
.web-component-custom-select:not(.always-opened) .display:hover:after {
  right: -1px;
  top: -1px;
  height: 27px;
  width: 24px;
  border: 1px solid;
  border-left: none;
}
.web-component-custom-select:not(.always-opened) .display:hover .option {
  position: absolute;
  left: -1px;
  top: -1px;
  min-height: 27px;
  height: auto;
  border-style: solid;
  border-width: 1px;
  border-right: 0;
  z-index: 1;
}
.web-component-custom-select:not(.always-opened) .display:hover .option .count {
  bottom: 0;
}
.web-component-custom-select:not(.always-opened) .display:hover .option::after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 0;
  height: calc(100% - 25px);
  border-right: 1px solid;
  border-bottom-right-radius: 3px;
}
.web-component-custom-select:not(.always-opened) .display:hover .option span {
  white-space: normal;
  word-break: break-word;
}
.web-component-custom-select ul {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  display: none;
  position: absolute;
  z-index: 1;
  width: calc(100% - 2px);
  border-style: solid;
  border-width: 1px;
  max-height: 100px;
  overflow-y: scroll;
}
.web-component-custom-select ul .select-counts::after,
.web-component-custom-select ul li + * .option::before {
  content: " ";
  position: absolute;
  top: -0.75px;
  width: calc(100% - 10px);
  left: 5px;
  border-style: solid;
  border-width: 1px;
  opacity: 0.3;
}
.web-component-custom-select ul .select-counts {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 12px;
  position: sticky;
  z-index: 1;
  top: 0;
}
.web-component-custom-select ul .select-counts::after {
  top: auto;
  bottom: -0.5px;
}
.web-component-custom-select ul li {
  position: relative;
  min-height: 27px;
  font-weight: normal;
  font-size: 12px;
}
.web-component-custom-select ul li .option {
  padding-top: 0;
  padding-bottom: 0;
}
.web-component-custom-select ul li .option span {
  line-height: 200% !important;
  min-height: 27px;
}
.web-component-custom-select ul li .option img {
  width: 25px !important;
  height: 25px !important;
  padding: 5px;
}
.web-component-custom-select ul li:hover .option span {
  white-space: normal;
}
.web-component-custom-select ul li:hover .option span {
  white-space: normal;
}
.web-component-custom-select ul li.selected::before {
  display: block;
}
.web-component-custom-select ul:not(.preview) li.selected {
  font-weight: bold;
}
.web-component-custom-select ul:not(.preview) li::after {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: " ";
  opacity: 0;
  left: -0.5px;
}
.web-component-custom-select ul:not(.preview) li.selected::after {
  opacity: 0.2;
}
.web-component-custom-select ul:not(.preview) li.key-selected::after, .web-component-custom-select ul:not(.preview) li:hover::after {
  opacity: 0.3;
}
.web-component-custom-select ul:not(.preview) li.key-selected:hover::after, .web-component-custom-select ul:not(.preview) li.selected:hover::after {
  opacity: 0.5;
}
.web-component-custom-select ul:not(.preview) li::before {
  display: none;
  content: "✓";
  height: 18px;
  width: 18px;
  font-size: 12px;
  padding: 2px 3px;
  border-radius: 3px;
  right: 4px;
  top: calc(50% - 9px);
  border-style: solid;
  border-width: 1px;
  position: absolute;
}
.web-component-custom-select input {
  display: none;
}
.web-component-custom-select.always-opened input {
  display: block;
  width: 100%;
  outline: none;
  border-radius: 0 !important;
}
.web-component-custom-select.always-opened .display, .web-component-custom-select.opened .display {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.web-component-custom-select.always-opened ul, .web-component-custom-select.opened ul {
  display: block;
}
.web-component-custom-select.opened:not(.always-opened):not(.in-dialog)::after {
  content: "▲";
}
.web-component-custom-select.opened:not(.always-opened) ul {
  -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.3);
  z-index: 2;
}
@media only print {
  .web-component-custom-select.opened:not(.always-opened) ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.web-component-custom-select.always-opened::after {
  display: none;
}
.web-component-custom-select.always-opened ul {
  position: relative;
  width: 100%;
  cursor: default;
}
.web-component-custom-select.always-opened ul li {
  cursor: pointer;
}

.web-component-custom-select-buttons {
  width: 100%;
  min-height: 27px;
  height: fit-content !important;
  padding: 3px;
}
.web-component-custom-select-buttons .option-wrapper {
  display: flex;
  gap: 5px;
}
.web-component-custom-select-buttons .option-wrapper span {
  align-self: center;
}
.web-component-custom-select-buttons .option-wrapper.row {
  flex-direction: row;
  flex-wrap: wrap;
}
.web-component-custom-select-buttons .option-wrapper.column {
  flex-direction: column;
}
.web-component-custom-select-buttons .option-wrapper .option {
  display: flex;
  border: 1px solid black;
  border-radius: 3px;
  min-height: 27px;
  padding: 3px 5px;
  background: transparent;
  font-size: 16px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.web-component-custom-select-buttons .option-wrapper .option.selected {
  background: rgb(0, 143, 0);
  border-color: white !important;
}
.web-component-custom-select-buttons .option-wrapper .option.selected span {
  color: white;
}
.web-component-custom-select-buttons .option-wrapper .option img {
  height: 19px;
  width: 19px;
  object-fit: contain;
  margin-right: 3px;
}
.web-component-custom-select-buttons .option-wrapper .option img:not([src]) {
  display: none;
}

.web-component-dialog-editor .web-component-file-table-cell .preview, .web-component-dialog-editor .web-component-file .web-component-input .preview {
  width: 100%;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file, .web-component-dialog-editor .web-component-file .web-component-input .preview-file {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap {
  vertical-align: top;
  padding: 2px;
  margin: 3px;
  background: rgba(0, 127, 0, 0.5);
  display: inline-block;
  border-radius: 3px;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.stored, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.stored {
  background: transparent;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.stored.rotate, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.stored.rotate {
  background: rgba(0, 0, 255, 0.5);
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.stored.remove, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.stored.remove {
  background: rgba(255, 0, 0, 0.5);
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.rotate-90deg img, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.rotate-90deg img {
  transform: rotate(90deg);
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.rotate-180deg img, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.rotate-180deg img {
  transform: rotate(180deg);
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.rotate-270deg img, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.rotate-270deg img {
  transform: rotate(270deg);
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-basic .file-name, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-basic .file-name {
  display: block;
  width: 100%;
  height: 30px;
  font-size: 10px;
  padding: 2px;
  opacity: 0.5;
  word-wrap: anywhere;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-basic .file-extension, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-basic .file-extension {
  display: block;
  width: 100%;
  height: 20px;
  text-align: center;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-basic .file-extension:before, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-basic .file-extension:before {
  content: ".";
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-image, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons {
  pointer-events: none;
  position: absolute;
  border: none;
  top: -1px;
  left: -1px;
  width: 50px;
  height: 50px;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button {
  opacity: 0;
  width: 25px;
  height: 25px;
  padding: 5px;
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-style: solid;
  border-width: 0;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-right, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-right {
  right: 0;
  border-right-width: 1px;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-left, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-left {
  left: 0;
  border-left-width: 1px;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-top, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-top {
  top: 0;
  border-top-width: 1px;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-bottom, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-bottom {
  bottom: 0;
  border-bottom-width: 1px;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-top.pos-right, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-top.pos-right {
  border-top-right-radius: 3px;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-top.pos-left, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-top.pos-left {
  border-top-left-radius: 3px;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-bottom.pos-right, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-bottom.pos-right {
  border-bottom-right-radius: 3px;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-bottom.pos-left, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-bottom.pos-left {
  border-bottom-left-radius: 3px;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file:hover .buttons, .web-component-dialog-editor .web-component-file .web-component-input .preview-file:hover .buttons {
  pointer-events: auto;
}
.web-component-dialog-editor .web-component-file-table-cell .preview-file:hover .buttons button, .web-component-dialog-editor .web-component-file .web-component-input .preview-file:hover .buttons button {
  opacity: 1;
}

.web-component-dialog-editor .web-component-date .web-component-input .date-reset, .web-component-custom-select button {
  visibility: hidden;
  position: absolute;
  text-decoration: none;
  -webkit-appearance: none;
  border-style: solid;
  border-width: 1px;
  height: 14px;
  width: 14px;
  top: 1px;
  right: 6px;
  cursor: pointer;
}
.web-component-dialog-editor .web-component-date .web-component-input .active.date-reset, .web-component-custom-select button.active {
  visibility: visible;
}
.web-component-dialog-editor .web-component-date .web-component-input .date-reset:before, .web-component-custom-select button:before, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:after, .web-component-custom-select button:after {
  position: absolute;
  content: " ";
  right: 5px;
  top: 1px;
  height: 10px;
  width: 2px;
}
.web-component-dialog-editor .web-component-date .web-component-input .date-reset:before, .web-component-custom-select button:before {
  transform: rotate(45deg);
}
.web-component-dialog-editor .web-component-date .web-component-input .date-reset:after, .web-component-custom-select button:after {
  transform: rotate(-45deg);
}
.web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-component-dialog-editor .web-component-issue .web-component-input > button, .web-component-dialog-editor .web-component-file .web-component-input .upload, .web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-date .web-component-input > input, .web-component-dialog-editor .web-component-color .web-component-input > input, .web-component-dialog-editor .web-component-froala .web-component-input > div, .web-component-dialog-editor .web-component-text-area .web-component-input > textarea, .web-component-dialog-editor .web-component-text .web-component-input input, .web-component-custom-select .display, .web-component-custom-select.always-opened input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: 16px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  position: relative;
  padding: 2px;
  width: 100%;
  height: 27px;
}

.web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-color.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div, .web-component-dialog-editor .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input, .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-component-custom-select.always-opened .display {
  font-size: 12px;
  cursor: default !important;
  border-color: transparent;
}
.no-disabled-bg .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .no-disabled-bg .display,
.no-disabled-bg .web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .no-disabled-bg .display, .no-disabled-bg .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .no-disabled-bg .web-component-input > div > button, .no-disabled-bg .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .no-disabled-bg .with-images > div > button, .no-disabled-bg .web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-date.web-component-disabled .no-disabled-bg .web-component-input > input, .no-disabled-bg .web-component-dialog-editor .web-component-color.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-color.web-component-disabled .no-disabled-bg .web-component-input > input, .no-disabled-bg .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div, .web-component-dialog-editor .web-component-froala.web-component-disabled .no-disabled-bg .web-component-input > div, .no-disabled-bg .web-component-dialog-editor .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area.web-component-disabled .no-disabled-bg .web-component-input > textarea, .no-disabled-bg .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input .no-disabled-bg input, .no-disabled-bg .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog .no-disabled-bg button, .no-disabled-bg .web-component-custom-select.always-opened .display, .web-component-custom-select.always-opened .no-disabled-bg .display {
  background-color: transparent !important;
}

.web-component-dialog-editor .web-component-froala-table-cell, .web-component-dialog-editor .web-component-text-area-table-cell {
  padding: 0 !important;
  min-width: 200px;
}
.web-component-dialog-editor .web-component-froala-table-cell > div, .web-component-dialog-editor .web-component-text-area-table-cell > div {
  width: 100%;
  max-height: 57px;
  font-size: 12px;
  padding: 0 5px;
  border: none;
  background: none;
}
.web-component-dialog-editor .web-component-froala-table-cell > .more, .web-component-dialog-editor .web-component-text-area-table-cell > .more {
  display: none;
}
.web-component-dialog-editor .has-more.web-component-froala-table-cell, .web-component-dialog-editor .has-more.web-component-text-area-table-cell {
  cursor: pointer;
}
.web-component-dialog-editor .has-more.web-component-froala-table-cell > .more, .web-component-dialog-editor .has-more.web-component-text-area-table-cell > .more {
  position: absolute;
  right: 0;
  bottom: 4px;
  text-align: right;
  display: block;
  opacity: 0.5;
  font-size: 8px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 2px 2px 2px 4px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.web-component-dialog-editor .has-more.web-component-froala-table-cell:hover > .more, .web-component-dialog-editor .has-more.web-component-text-area-table-cell:hover > .more {
  font-size: 10px;
  text-decoration: underline;
}

.web-component-dialog-editor .hidden {
  display: none;
}
.web-component-dialog-editor .hiddenImportant {
  display: none !important;
}
.hidden-category.web-component-dialog-editor, .web-component-dialog-editor .hidden-sub-category, .web-component-dialog-editor .hidden-group {
  display: none !important;
}
.web-component-dialog-editor .web-component-group {
  display: inline-block;
  vertical-align: bottom;
  padding: 5px;
}
.web-component-dialog-editor .web-component-group.in-dialog {
  width: 100% !important;
  margin: 0 !important;
}
.web-component-dialog-editor .web-component-group .web-component-label {
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}
.web-component-dialog-editor .web-component-group .web-component-label-hidden-fill {
  display: none;
}
.web-component-dialog-editor .web-component-group .web-component-label-hidden {
  padding-bottom: 0;
}
.web-component-dialog-editor .web-component-group .web-component-label-hidden label {
  display: none;
}
.web-component-dialog-editor .web-component-group .web-component-label-hidden label.web-component-label-hidden-fill {
  display: flex;
}
.web-component-dialog-editor .web-component-group .web-component-label-hidden:not(.web-component-label-with-reset,
.web-component-label-with-units,
.web-component-label-with-warning) {
  display: none;
}
.web-component-dialog-editor .web-component-group .web-component-label .al-left {
  text-align: left;
}
.web-component-dialog-editor .web-component-group .web-component-label .al-right {
  text-align: right;
}
.web-component-dialog-editor .web-component-group .web-component-label .al-center {
  text-align: center;
}
.web-component-dialog-editor .web-component-group .web-component-label label {
  font-size: 12px;
  flex-grow: 100;
  word-wrap: break-word;
  overflow-x: hidden;
  overflow-y: clip;
}
.web-component-dialog-editor .web-component-group .web-component-label .web-component-reset,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon {
  min-width: 15px;
  height: 15px;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  padding: 3px;
}
.web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon.hidden,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon.hidden {
  display: none;
}
.web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon.js-tooltip,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon.js-tooltip {
  cursor: help;
}
.web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon {
  background-color: red;
  color: white;
}
.web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon {
  background-color: blue;
  color: white;
}
.web-component-dialog-editor .web-component-group .web-component-label .web-component-units {
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 2px;
}
.web-component-dialog-editor .web-component-group .web-component-label .web-component-units:before, .web-component-dialog-editor .web-component-group .web-component-label .web-component-units:after {
  content: "";
  display: inline-block;
  padding-bottom: 1px;
  border: 1px solid;
  width: 3px;
  height: 13px;
  transform: translateY(2px);
}
.web-component-dialog-editor .web-component-group .web-component-label .web-component-units:before {
  border-right: none;
}
.web-component-dialog-editor .web-component-group .web-component-label .web-component-units:after {
  border-left: none;
}
.web-component-dialog-editor .web-component-group .web-component-reset {
  display: none;
  position: relative;
}
.web-component-dialog-editor .web-component-group .web-component-reset.hidden {
  display: none !important;
}
.web-component-dialog-editor .web-component-group .web-component-reset:before, .web-component-dialog-editor .web-component-group .web-component-reset:after {
  content: "";
  position: absolute;
  display: block;
  border: 1px solid;
  border-radius: 5px;
  width: 80%;
  height: 0;
  left: 10%;
  top: calc(50% - 1px);
}
.web-component-dialog-editor .web-component-group .web-component-reset:before {
  rotate: 45deg;
}
.web-component-dialog-editor .web-component-group .web-component-reset:after {
  rotate: -45deg;
}
.web-component-dialog-editor .web-component-group.web-component-has-changes:not(.web-component-disabled) .web-component-reset {
  display: block;
}
.web-component-dialog-editor .web-component-group.web-component-disabled .web-component-input {
  font-size: 12px;
}
.web-component-dialog-editor .web-component-group .web-component-input {
  white-space: nowrap;
  font-size: 16px;
  padding-left: 0;
  min-width: 100%;
}
.web-component-dialog-editor .web-component-group .web-component-input > * {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
}
.web-component-dialog-editor .web-component-group .web-component-input > hr.wrap {
  display: block;
  width: 100%;
}
.web-component-dialog-editor .web-component-group .web-component-input .al-left {
  text-align: left;
}
.web-component-dialog-editor .web-component-group .web-component-input .al-right {
  text-align: right;
}
.web-component-dialog-editor .web-component-group .web-component-input .al-center {
  text-align: center;
}
.web-component-dialog-editor .web-component-group *[disabled] {
  cursor: default !important;
}
.web-component-dialog-editor .web-component-group.web-component-disabled.web-component-transparent .web-component-editor-dialog button {
  background-color: transparent;
}
.web-component-dialog-editor .web-component-group .web-component-required label, .web-component-dialog-editor .web-component-group .web-component-required h3 {
  font-weight: bold;
}
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-input, .web-component-dialog-editor .web-component-group.table-edit-cell .web-component-input {
  width: 100%;
}
.web-component-dialog-editor .web-component-group.table-edit-bulk {
  position: relative;
  display: block;
  min-width: 100px;
  height: 100%;
}
.web-component-dialog-editor .web-component-group.table-edit-cell {
  position: relative;
  display: block;
  min-height: 25px;
}
.web-component-dialog-editor .web-component-text {
  pointer-events: auto;
}
.web-component-dialog-editor .web-component-text .web-component-input.input-warning:after {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: " ";
  border-radius: 3px;
  opacity: 0.1;
  pointer-events: none;
}
.web-component-dialog-editor .web-component-text .web-component-input input {
  position: relative;
  text-align: inherit;
}
.web-component-dialog-editor .web-component-text .web-component-input .full-input {
  display: none;
}
.web-component-dialog-editor .web-component-text .web-component-input.al-left input {
  text-align: left;
}
.web-component-dialog-editor .web-component-text .web-component-input.al-right input {
  text-align: right;
}
.web-component-dialog-editor .web-component-text .web-component-input.al-center input {
  text-align: center;
}
.web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input {
  text-overflow: ellipsis;
}
.js-tooltip-div .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input .full-input, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input:hover .full-input.not-fit {
  display: block;
  min-height: 27px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 4px 2.5px;
  border: 1px solid;
  border-radius: 3px;
  z-index: 1;
}

.js-tooltip-div .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input {
  display: none;
}
.js-tooltip-div .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input .full-input {
  border: none;
  background: none;
  position: relative;
}

.web-component-dialog-editor .web-component-text.web-component-disabled.web-component-transparent .web-component-input input {
  background-color: transparent;
}
.web-component-dialog-editor .web-component-text-table-cell .web-component-input {
  width: 80px !important;
  min-width: 100%;
}
.web-component-dialog-editor .web-component-text-table-cell:not(.editing) {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.web-component-dialog-editor .web-component-text-area .web-component-input > textarea {
  white-space: pre-wrap;
  resize: none;
  min-height: 63px;
}
.horizontal-props .web-component-text-area .web-component-input > textarea {
  max-height: 27px !important;
  min-height: 27px !important;
}

.web-component-dialog-editor .web-component-text-area.web-component-disabled.web-component-transparent .web-component-input > textarea {
  background-color: transparent;
}
.web-component-dialog-editor .web-component-froala .web-component-input > div {
  width: 100%;
  height: auto;
}
.web-component-dialog-editor .web-component-froala .web-component-input > div .second-toolbar {
  display: none;
}
.web-component-dialog-editor .web-component-froala .web-component-input > div .fr-placeholder {
  padding-top: 3px !important;
  padding-left: 3px !important;
  margin-left: 0 !important;
  padding-right: 3px !important;
  margin-right: 0 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  text-align: left !important;
}
.web-component-dialog-editor .web-component-froala .web-component-input > div .fr-toolbar {
  border: none;
}
.web-component-dialog-editor .web-component-froala .web-component-input > div .fr-toolbar .fr-btn-grp {
  margin: 0;
}
.web-component-dialog-editor .web-component-froala .web-component-input > div .fr-more-toolbar {
  display: none;
}
.web-component-dialog-editor .web-component-froala .web-component-input > div .fr-more-toolbar.fr-expanded {
  display: block;
}
.web-component-dialog-editor .web-component-froala .web-component-input > div .fr-second-toolbar {
  display: none;
}
.web-component-dialog-editor .web-component-froala .web-component-input > div .fr-wrapper {
  border: none;
}
.web-component-dialog-editor .web-component-froala .web-component-input > div .fr-wrapper > * {
  padding: 3px;
}
.web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div {
  pointer-events: auto;
}
.web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div:not(.not-disabled-design) .fr-wrapper {
  background-color: transparent;
}
.web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-toolbar {
  display: none;
}
.web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-wrapper .fr-view {
  min-height: auto !important;
}
.web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-image-resizer,
.web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-placeholder {
  display: none !important;
}
.web-component-dialog-editor .web-component-froala.web-component-disabled.web-component-transparent .web-component-input > div {
  background-color: transparent;
}
.web-component-dialog-editor .web-component-color .web-component-input > input {
  cursor: pointer;
  width: 100%;
}
.web-component-dialog-editor .web-component-color .web-component-input > input.empty:after {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  text-align: center;
  line-height: 140%;
  content: "---";
}
.web-component-dialog-editor .web-component-color.web-component-disabled.web-component-transparent .web-component-input > input {
  background-color: transparent;
}
.web-component-dialog-editor .web-component-date .web-component-input .date-reset {
  transform: scale(1.4);
  top: 6.5px;
  right: 6.5px;
  border-radius: 2px;
  display: none;
}
.web-component-dialog-editor .web-component-date .web-component-input:hover .date-reset {
  display: block;
}
.web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input .date-reset {
  display: none !important;
}
.web-component-dialog-editor .web-component-date.web-component-disabled.web-component-transparent .web-component-input > input {
  background-color: transparent;
}
.web-component-dialog-editor .web-component-date.table-edit-bulk, .web-component-dialog-editor .web-component-date.table-edit-cell {
  max-width: 100%;
}
.web-component-dialog-editor .web-component-date.table-edit-bulk .web-component-input input, .web-component-dialog-editor .web-component-date.table-edit-cell .web-component-input input {
  width: 165px;
  min-width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.web-component-dialog-editor .web-component-yes-no ~ .web-component-yes-no {
  margin-top: 16px;
}
.web-component-dialog-editor .web-component-yes-no .web-component-input > div, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div {
  width: 100%;
  outline: none;
  border-radius: 3px;
  display: inline-flex;
  gap: 10px;
}
.web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button {
  padding: 0;
  vertical-align: middle;
  text-align: center;
  width: calc(50% - 5px);
  height: 27px;
}
.web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  width: 27px;
  height: 27px;
  line-height: 20px;
  font-size: 1.8rem;
}
.web-component-dialog-editor .web-component-yes-no .web-component-input > .with-images > * {
  vertical-align: middle;
}
.web-component-dialog-editor .web-component-yes-no .web-component-input > .with-images img {
  height: 27px;
  width: 27px;
  object-fit: contain;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
}
.web-component-dialog-editor .web-component-yes-no .web-component-input > .with-images div {
  width: calc(100% - 37px);
}
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox {
  text-align: center;
}
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button:focus,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox:focus, .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button:focus,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox:focus {
  box-shadow: none;
  outline: 1px solid rgb(0, 127, 183);
}
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button.selected[data-value=true],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox.selected[data-value=true], .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button.selected[data-value=true],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox.selected[data-value=true] {
  background: rgb(0, 143, 0);
  border-color: white !important;
  color: white;
}
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button.selected[data-value=false],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox.selected[data-value=false], .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button.selected[data-value=false],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox.selected[data-value=false] {
  background: rgb(227, 38, 0);
  border-color: white !important;
  color: white;
}
.web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input.al-left button {
  text-align: left;
}
.web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input.al-center button {
  text-align: center;
}
.web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input.al-right button {
  text-align: right;
}
.web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button:not(.selected), .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button:not(.selected) {
  display: none;
}
.web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button.selected, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button.selected {
  width: 100%;
  border: none;
  padding-left: 3px;
  font-weight: normal;
}
.web-component-dialog-editor .web-component-yes-no.web-component-disabled.web-component-transparent .web-component-input > div > button:not(.selected), .web-component-dialog-editor .web-component-yes-no.web-component-disabled.web-component-transparent .web-component-input .with-images > div > button:not(.selected) {
  background: transparent;
}
.web-component-dialog-editor .web-component-yes-no.table-edit-bulk, .web-component-dialog-editor .web-component-yes-no.table-edit-cell {
  max-width: 100%;
}
.web-component-dialog-editor .web-component-yes-no.table-edit-bulk .web-component-input button, .web-component-dialog-editor .web-component-yes-no.table-edit-cell .web-component-input button {
  min-width: 60px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.web-component-dialog-editor .web-component-select,
.web-component-dialog-editor .web-component-multi-select {
  position: relative;
}
.web-component-dialog-editor .web-component-select .web-component-input,
.web-component-dialog-editor .web-component-multi-select .web-component-input {
  cursor: pointer;
}
.web-component-dialog-editor .web-component-select .web-component-input .display,
.web-component-dialog-editor .web-component-multi-select .web-component-input .display {
  font-size: 13px;
}
.web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select::after,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select::after {
  display: none;
}
.no-disabled-bg .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display:after, .no-disabled-bg .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display .option,
.no-disabled-bg .web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display:after,
.no-disabled-bg .web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display .option {
  background-color: transparent;
}

.web-component-dialog-editor .web-component-select.web-component-disabled.web-component-transparent .web-component-input,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled.web-component-transparent .web-component-input {
  background-color: transparent;
}
.web-component-dialog-editor .web-component-select.table-edit-bulk .web-component-input > .display, .web-component-dialog-editor .web-component-select.table-edit-cell .web-component-input > .display,
.web-component-dialog-editor .web-component-multi-select.table-edit-bulk .web-component-input > .display,
.web-component-dialog-editor .web-component-multi-select.table-edit-cell .web-component-input > .display {
  min-width: 120px;
}
.web-component-dialog-editor .web-component-multi-select .web-component-custom-select .display .span:not(.count) {
  line-height: 100%;
}
.web-component-dialog-editor .web-component-multi-select .web-component-input .display {
  cursor: pointer !important;
}
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input button {
  display: none;
}
.web-component-dialog-editor .web-component-multi-select-table-cell {
  white-space: nowrap;
}
.web-component-dialog-editor .web-component-multi-select-table-cell > span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}
.web-component-dialog-editor .web-component-file .web-component-input {
  left: -5px;
}
.web-component-dialog-editor .web-component-file .web-component-input .upload {
  position: absolute;
  width: 50px;
  height: 50px;
  padding: 10px;
  margin: 5px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  transform: scaleY(-1);
  cursor: pointer;
}
.web-component-dialog-editor .web-component-file .web-component-input .upload.dragover {
  background-color: greenyellow;
}
.web-component-dialog-editor .web-component-file .web-component-input .upload svg {
  max-width: 32px;
}
.web-component-dialog-editor .web-component-file .web-component-input .preview:not(.multiple) .preview-file-wrap.remove {
  display: none;
}
.web-component-dialog-editor .web-component-file .web-component-input .preview.multiple .preview-file-wrap:first-child, .web-component-dialog-editor .web-component-file .web-component-input .preview.no-file-selected .preview-file-wrap:first-child {
  margin-left: 62.5px;
}
.web-component-dialog-editor .web-component-file .web-component-input .preview.linked-file {
  margin: 2px;
}
.web-component-dialog-editor .web-component-file .web-component-input .preview.linked-file:not(.multiple) .preview-file-wrap:not(.remove), .web-component-dialog-editor .web-component-file .web-component-input .preview.linked-file.multiple .preview-file-wrap:first-child {
  margin-left: 3px;
}
.web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .upload {
  margin-top: 30px;
  display: none;
}
.web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .upload.multiple, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .upload.no-file-selected {
  display: block;
}
.web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview {
  cursor: pointer;
}
.web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap {
  height: 79px;
}
.web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap .toggle {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  border: 2px solid;
  margin: 0 auto 5px auto;
  display: flex;
  justify-content: center;
  background: none;
  color: gray;
}
.web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap.selected .toggle {
  color: green;
}
.web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap.selected .preview-file {
  border-color: green;
}
.web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input {
  min-height: auto;
}
.web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input > .upload {
  display: none;
}
.web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input .preview:not(.multiple) .preview-file-wrap:not(.remove) {
  margin-left: 3px;
}
.web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input .preview .preview-file-wrap:first-child {
  margin-left: 3px;
}
.web-component-dialog-editor .web-component-file.web-component-required:not(.web-component-required-valid) {
  border: none;
}
.web-component-dialog-editor .web-component-file.web-component-required:not(.web-component-required-valid) .web-component-input > .upload {
  border-width: 2px;
}
.web-component-dialog-editor .web-component-file-table-cell .buttons {
  left: -1px !important;
  top: -1px !important;
}
.web-component-dialog-editor .web-component-issue .web-component-input > button {
  width: 100%;
  padding: 3px;
}
.web-component-dialog-editor .web-component-issue .web-component-input > button svg {
  max-height: 100%;
}
.web-component-dialog-editor .web-component-group.embed-table .web-component-input > .web-table-container {
  height: 500px;
}
.web-component-dialog-editor .web-component-group.embed-table.web-component-required:not(.web-component-required-valid) .web-component-input .row-marker:before {
  color: brown;
}
.web-component-dialog-editor .web-component-custom .web-component-input > * {
  max-width: 100%;
}
.web-component-dialog-editor .web-component-editor-dialog button.al-left {
  text-align: left;
}
.web-component-dialog-editor .web-component-editor-dialog button.al-center {
  text-align: center;
}
.web-component-dialog-editor .web-component-editor-dialog button.al-right {
  text-align: right;
}
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-multiple-values,
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-editor-dialog {
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
}
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-multiple-values button,
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-editor-dialog button {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  cursor: pointer;
  border-radius: 3px !important;
  width: auto;
  font-size: 1rem;
  border: 0.1px solid;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: white;
}
.web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog {
  width: 100%;
}
.web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}

.settings-selector {
  position: relative;
  width: 35px;
  min-width: 35px;
  height: 25px;
  border-radius: 3px;
  z-index: 1;
  cursor: pointer;
}
.zoomPlugin .settings-selector {
  width: 24px;
  min-width: 24px;
}

.settings-selector svg {
  width: 24px;
  height: 24px;
  padding: 0;
}
.settings-selector select {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  -webkit-appearance: none;
  opacity: 0;
}
.zoomPlugin .settings-selector select {
  left: auto;
  right: 0;
}

.save-indicator {
  display: inline-block;
  cursor: pointer;
}
.save-indicator .saved, .save-indicator .saving, .save-indicator .detail {
  display: none;
}
.save-indicator.show-saved .saved, .save-indicator.show-saving .saving {
  display: inline-block;
}
.save-indicator .saving .icon svg, .save-indicator .saving .icon-detail svg {
  -webkit-animation: rotate-saving-icon 5s linear infinite;
  -moz-animation: rotate-saving-icon 5s linear infinite;
  -o-animation: rotate-saving-icon 5s linear infinite;
  animation: rotate-saving-icon 5s linear infinite;
}
@-webkit-keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.save-indicator.show-saved .saved .text {
  opacity: 0;
  -webkit-animation: hide-saved-text 5s linear 1;
  -moz-animation: hide-saved-text 5s linear 1;
  -o-animation: hide-saved-text 5s linear 1;
  animation: hide-saved-text 5s linear 1;
}
@-webkit-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.save-indicator.show-detail .detail {
  display: block;
}
.save-indicator .save-state {
  position: relative;
  pointer-events: none;
}
.save-indicator .save-state .icon, .save-indicator .save-state .text {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .icon {
  padding: 2px;
  width: 25px;
  height: 25px;
  border-radius: 3px;
}
.save-indicator .save-state .icon-detail {
  width: 30px;
  height: 30px;
}
.save-indicator .save-state svg {
  width: 100%;
  height: 100%;
}
.save-indicator .save-state .text {
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 5px;
}
.save-indicator .save-state .detail {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: 0;
  top: 30px;
  border-radius: 3px;
}
.save-indicator .save-state .detail .icon-detail {
  margin: 10px;
}
.save-indicator .save-state .detail .icon-detail, .save-indicator .save-state .detail .title {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .detail .info {
  width: 100%;
  padding: 10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.save-indicator {
  display: inline-block;
  cursor: pointer;
}
.save-indicator .saved, .save-indicator .saving, .save-indicator .detail {
  display: none;
}
.save-indicator.show-saved .saved, .save-indicator.show-saving .saving {
  display: inline-block;
}
.save-indicator.show-saved .saved .text {
  opacity: 0;
  -webkit-animation: hide-saved-text 5s linear 1;
  -moz-animation: hide-saved-text 5s linear 1;
  -o-animation: hide-saved-text 5s linear 1;
  animation: hide-saved-text 5s linear 1;
}
@-webkit-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.save-indicator.show-detail .detail {
  display: block;
}
.save-indicator .save-state {
  position: relative;
  pointer-events: none;
}
.save-indicator .save-state .icon, .save-indicator .save-state .text {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .icon {
  padding: 5px;
  width: 25px;
  height: 25px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: gray;
}
.save-indicator .save-state .icon-detail {
  width: 30px;
  height: 30px;
}
.save-indicator .save-state svg {
  width: 100%;
  height: 100%;
}
.save-indicator .save-state .text {
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 5px;
}
.save-indicator .save-state .detail {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: 0;
  top: 30px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: gray;
  background-color: white;
}
.save-indicator .save-state .detail .icon-detail {
  margin: 10px;
}
.save-indicator .save-state .detail .icon-detail, .save-indicator .save-state .detail .title {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .detail .info {
  width: 100%;
  padding: 10px;
  background-color: #b7bdc0;
}
.save-indicator .save-state.saving .icon {
  transform: scaleY(-1);
}

.dialog-file-preview {
  width: calc(100% - 20px);
  left: 10px;
}
.dialog-file-preview .preview-file-detail-image, .dialog-file-preview .preview-file-detail-video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dialog-file-preview .preview-file-detail-audio {
  width: 100%;
}
.dialog-file-preview .preview-file-detail-image.rotate-90deg {
  transform: rotate(90deg);
}
.dialog-file-preview .preview-file-detail-image.rotate-180deg {
  transform: rotate(180deg);
}
.dialog-file-preview .preview-file-detail-image.rotate-270deg {
  transform: rotate(270deg);
}

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

@charset "UTF-8";
.web-component-input {
  position: relative;
}

.web-form .web-form-category .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-form .web-form-category .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-form .web-form-category .web-component-date.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input > input, .web-form .web-form-category .web-component-color.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-color.web-component-disabled .web-component-input > input, .web-form .web-form-category .web-component-froala.web-component-disabled .web-component-input > div, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div, .web-form .web-form-category .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-form .web-form-category .web-component-text.web-component-disabled .web-component-input input, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input, .web-form .web-form-category .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-component-custom-select.always-opened .display {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.save-indicator .save-state .detail, .web-form .web-form-category .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-form .web-form-category .web-component-issue .web-component-input > button, .web-component-dialog-editor .web-component-issue .web-component-input > button, .web-form .web-form-category .web-component-file .web-component-input .upload, .web-component-dialog-editor .web-component-file .web-component-input .upload, .web-form .web-form-category .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-form .web-form-category .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-form .web-form-category .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-form .web-form-category .web-component-yes-no .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button, .web-form .web-form-category .web-component-date .web-component-input > input, .web-component-dialog-editor .web-component-date .web-component-input > input, .web-form .web-form-category .web-component-color .web-component-input > input, .web-component-dialog-editor .web-component-color .web-component-input > input, .web-form .web-form-category .web-component-froala .web-component-input > div, .web-component-dialog-editor .web-component-froala .web-component-input > div, .web-form .web-form-category .web-component-text-area .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area .web-component-input > textarea, .web-form .web-form-category .web-component-text .web-component-input input, .web-component-dialog-editor .web-component-text .web-component-input input, .web-component-custom-select .display, .web-component-custom-select.always-opened input {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only print {
  .save-indicator .save-state .detail, .web-form .web-form-category .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-form .web-form-category .web-component-issue .web-component-input > button, .web-component-dialog-editor .web-component-issue .web-component-input > button, .web-form .web-form-category .web-component-file .web-component-input .upload, .web-component-dialog-editor .web-component-file .web-component-input .upload, .web-form .web-form-category .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-form .web-form-category .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-form .web-form-category .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-form .web-form-category .web-component-yes-no .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button, .web-form .web-form-category .web-component-date .web-component-input > input, .web-component-dialog-editor .web-component-date .web-component-input > input, .web-form .web-form-category .web-component-color .web-component-input > input, .web-component-dialog-editor .web-component-color .web-component-input > input, .web-form .web-form-category .web-component-froala .web-component-input > div, .web-component-dialog-editor .web-component-froala .web-component-input > div, .web-form .web-form-category .web-component-text-area .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area .web-component-input > textarea, .web-form .web-form-category .web-component-text .web-component-input input, .web-component-dialog-editor .web-component-text .web-component-input input, .web-component-custom-select .display, .web-component-custom-select.always-opened input {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

.save-indicator:hover .icon, .web-form .web-form-category .web-component-group.table-edit-bulk .web-component-multiple-values button, .web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-multiple-values button,
.web-form .web-form-category .web-component-group.table-edit-bulk .web-component-editor-dialog button,
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-editor-dialog button, .web-form .web-form-category .web-component-file .web-component-input .upload:hover, .web-component-dialog-editor .web-component-file .web-component-input .upload:hover, .web-form .web-form-category .web-component-date .web-component-input .date-reset:hover, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:hover, .web-component-custom-select button:hover, .web-form .web-form-category .web-component-file-table-cell .preview-file .buttons button:hover, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button:hover, .web-form .web-form-category .web-component-file .web-component-input .preview-file .buttons button:hover, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button:hover {
  -webkit-box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
}

.web-form .web-form-category .web-component-text .hints-loader, .web-component-dialog-editor .web-component-text .hints-loader {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  z-index: 1;
  line-height: 160%;
  text-align: center;
  font-weight: bold;
  background: repeating-linear-gradient(135deg, rgb(239, 239, 239), rgb(239, 239, 239) 10px, rgb(204, 204, 204) 10px, rgb(204, 204, 204) 20px);
  background-size: 1600% 100%;
  -webkit-animation: hints-loading 300s linear infinite;
  -moz-animation: hints-loading 300s linear infinite;
  -o-animation: hints-loading 300s linear infinite;
  animation: hints-loading 300s linear infinite;
}
@-webkit-keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@-moz-keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@-o-keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
.web-form .web-form-category .web-component-text .hints, .web-component-dialog-editor .web-component-text .hints {
  display: none !important;
  position: absolute;
  top: 100%;
  left: 3px;
  width: calc(100% - 6px);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-style: solid;
  border-width: 1px;
  border-top-width: 0;
  z-index: 1;
}
.web-form .web-form-category .web-component-text .hints.open, .web-component-dialog-editor .web-component-text .hints.open {
  display: block !important;
}
.web-form .web-form-category .web-component-text .hints .hint, .web-component-dialog-editor .web-component-text .hints .hint {
  position: relative;
  min-height: 26px;
  padding: 5px;
}
.web-form .web-form-category .web-component-text .hints .hint.selected:after, .web-component-dialog-editor .web-component-text .hints .hint.selected:after {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: " ";
  opacity: 0.3;
}
.web-form .web-form-category .web-component-text .hints .hint:not(.empty), .web-component-dialog-editor .web-component-text .hints .hint:not(.empty) {
  cursor: pointer;
}

.web-form .web-form-category .web-component-multi-select .web-component-editor-dialog .count, .web-component-dialog-editor .web-component-multi-select .web-component-editor-dialog .count, .web-form .web-form-category .web-component-multi-select-table-cell .count, .web-component-dialog-editor .web-component-multi-select-table-cell .count, .web-component-custom-select .display .count {
  position: relative;
  display: inline-block;
  min-width: 20px;
  padding: 3px;
  margin-right: 5px;
  border: 0.5px solid;
  border-radius: 3px;
  font-weight: bold;
  line-height: 100%;
  text-align: center;
}

.web-component-custom-select {
  width: 100%;
  min-height: 27px;
  height: fit-content !important;
  border-radius: 3px;
}
.web-component-custom-select .option {
  display: flex;
  width: calc(100% - 22px);
  height: 100%;
  padding: 3px;
  align-items: center;
}
.web-component-custom-select .option > * {
  height: 100%;
  display: inline-flex;
  align-items: center;
}
.web-component-custom-select .option span:not(.count) {
  white-space: nowrap;
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  line-height: 19px;
}
.web-component-custom-select .option img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.web-component-custom-select .option img:not([src]) {
  display: none;
}
.web-component-custom-select button {
  z-index: 5;
  visibility: visible;
  transform: scale(1.4, 1.4);
  border-radius: 3px;
  right: 7.5px !important;
  top: 7.5px !important;
}
.web-component-custom-select button.active {
  visibility: visible;
}
.web-component-custom-select.in-dialog {
  position: relative;
  height: auto;
}
.web-component-custom-select.in-dialog ul.preview {
  border: none;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  list-style: none;
  max-height: none;
  background-color: inherit;
}
.web-component-custom-select.in-dialog ul.preview li:first-child .option:before {
  display: none;
}
.web-component-custom-select.in-dialog ul.preview .option span:not(.count) {
  width: 100%;
  overflow-x: visible;
}
.web-component-custom-select:not(.always-opened):not(.in-dialog)::after {
  content: "▼";
  position: absolute;
  top: 1.5px;
  right: 1.5px;
  padding: 5px;
  transition: 0.25s all ease;
  pointer-events: none;
}
.web-component-custom-select .display {
  padding: 0 !important;
}
.web-component-custom-select:not(.always-opened) .display:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  height: 25px;
  width: 23px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.web-component-custom-select:not(.always-opened) .display .option {
  background-color: inherit !important;
  border-radius: 3px 0 0 3px;
}
.web-component-custom-select:not(.always-opened) .display:hover {
  overflow-y: visible;
}
.web-component-custom-select:not(.always-opened) .display:hover:after {
  right: -1px;
  top: -1px;
  height: 27px;
  width: 24px;
  border: 1px solid;
  border-left: none;
}
.web-component-custom-select:not(.always-opened) .display:hover .option {
  position: absolute;
  left: -1px;
  top: -1px;
  min-height: 27px;
  height: auto;
  border-style: solid;
  border-width: 1px;
  border-right: 0;
  z-index: 1;
}
.web-component-custom-select:not(.always-opened) .display:hover .option .count {
  bottom: 0;
}
.web-component-custom-select:not(.always-opened) .display:hover .option::after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 0;
  height: calc(100% - 25px);
  border-right: 1px solid;
  border-bottom-right-radius: 3px;
}
.web-component-custom-select:not(.always-opened) .display:hover .option span {
  white-space: normal;
  word-break: break-word;
}
.web-component-custom-select ul {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  display: none;
  position: absolute;
  z-index: 1;
  width: calc(100% - 2px);
  border-style: solid;
  border-width: 1px;
  max-height: 100px;
  overflow-y: scroll;
}
.web-component-custom-select ul .select-counts::after,
.web-component-custom-select ul li + * .option::before {
  content: " ";
  position: absolute;
  top: -0.75px;
  width: calc(100% - 10px);
  left: 5px;
  border-style: solid;
  border-width: 1px;
  opacity: 0.3;
}
.web-component-custom-select ul .select-counts {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 12px;
  position: sticky;
  z-index: 1;
  top: 0;
}
.web-component-custom-select ul .select-counts::after {
  top: auto;
  bottom: -0.5px;
}
.web-component-custom-select ul li {
  position: relative;
  min-height: 27px;
  font-weight: normal;
  font-size: 12px;
}
.web-component-custom-select ul li .option {
  padding-top: 0;
  padding-bottom: 0;
}
.web-component-custom-select ul li .option span {
  line-height: 200% !important;
  min-height: 27px;
}
.web-component-custom-select ul li .option img {
  width: 25px !important;
  height: 25px !important;
  padding: 5px;
}
.web-component-custom-select ul li:hover .option span {
  white-space: normal;
}
.web-component-custom-select ul li:hover .option span {
  white-space: normal;
}
.web-component-custom-select ul li.selected::before {
  display: block;
}
.web-component-custom-select ul:not(.preview) li.selected {
  font-weight: bold;
}
.web-component-custom-select ul:not(.preview) li::after {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: " ";
  opacity: 0;
  left: -0.5px;
}
.web-component-custom-select ul:not(.preview) li.selected::after {
  opacity: 0.2;
}
.web-component-custom-select ul:not(.preview) li.key-selected::after, .web-component-custom-select ul:not(.preview) li:hover::after {
  opacity: 0.3;
}
.web-component-custom-select ul:not(.preview) li.key-selected:hover::after, .web-component-custom-select ul:not(.preview) li.selected:hover::after {
  opacity: 0.5;
}
.web-component-custom-select ul:not(.preview) li::before {
  display: none;
  content: "✓";
  height: 18px;
  width: 18px;
  font-size: 12px;
  padding: 2px 3px;
  border-radius: 3px;
  right: 4px;
  top: calc(50% - 9px);
  border-style: solid;
  border-width: 1px;
  position: absolute;
}
.web-component-custom-select input {
  display: none;
}
.web-component-custom-select.always-opened input {
  display: block;
  width: 100%;
  outline: none;
  border-radius: 0 !important;
}
.web-component-custom-select.always-opened .display, .web-component-custom-select.opened .display {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.web-component-custom-select.always-opened ul, .web-component-custom-select.opened ul {
  display: block;
}
.web-component-custom-select.opened:not(.always-opened):not(.in-dialog)::after {
  content: "▲";
}
.web-component-custom-select.opened:not(.always-opened) ul {
  -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.3);
  z-index: 2;
}
@media only print {
  .web-component-custom-select.opened:not(.always-opened) ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.web-component-custom-select.always-opened::after {
  display: none;
}
.web-component-custom-select.always-opened ul {
  position: relative;
  width: 100%;
  cursor: default;
}
.web-component-custom-select.always-opened ul li {
  cursor: pointer;
}

.web-component-custom-select-buttons {
  width: 100%;
  min-height: 27px;
  height: fit-content !important;
  padding: 3px;
}
.web-component-custom-select-buttons .option-wrapper {
  display: flex;
  gap: 5px;
}
.web-component-custom-select-buttons .option-wrapper span {
  align-self: center;
}
.web-component-custom-select-buttons .option-wrapper.row {
  flex-direction: row;
  flex-wrap: wrap;
}
.web-component-custom-select-buttons .option-wrapper.column {
  flex-direction: column;
}
.web-component-custom-select-buttons .option-wrapper .option {
  display: flex;
  border: 1px solid black;
  border-radius: 3px;
  min-height: 27px;
  padding: 3px 5px;
  background: transparent;
  font-size: 16px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.web-component-custom-select-buttons .option-wrapper .option.selected {
  background: rgb(0, 143, 0);
  border-color: white !important;
}
.web-component-custom-select-buttons .option-wrapper .option.selected span {
  color: white;
}
.web-component-custom-select-buttons .option-wrapper .option img {
  height: 19px;
  width: 19px;
  object-fit: contain;
  margin-right: 3px;
}
.web-component-custom-select-buttons .option-wrapper .option img:not([src]) {
  display: none;
}

.web-form .web-form-category .web-component-file-table-cell .preview, .web-component-dialog-editor .web-component-file-table-cell .preview, .web-form .web-form-category .web-component-file .web-component-input .preview, .web-component-dialog-editor .web-component-file .web-component-input .preview {
  width: 100%;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file, .web-component-dialog-editor .web-component-file-table-cell .preview-file, .web-form .web-form-category .web-component-file .web-component-input .preview-file, .web-component-dialog-editor .web-component-file .web-component-input .preview-file {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file-wrap, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap, .web-form .web-form-category .web-component-file .web-component-input .preview-file-wrap, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap {
  vertical-align: top;
  padding: 2px;
  margin: 3px;
  background: rgba(0, 127, 0, 0.5);
  display: inline-block;
  border-radius: 3px;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file-wrap.stored, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.stored, .web-form .web-form-category .web-component-file .web-component-input .preview-file-wrap.stored, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.stored {
  background: transparent;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file-wrap.stored.rotate, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.stored.rotate, .web-form .web-form-category .web-component-file .web-component-input .preview-file-wrap.stored.rotate, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.stored.rotate {
  background: rgba(0, 0, 255, 0.5);
}
.web-form .web-form-category .web-component-file-table-cell .preview-file-wrap.stored.remove, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.stored.remove, .web-form .web-form-category .web-component-file .web-component-input .preview-file-wrap.stored.remove, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.stored.remove {
  background: rgba(255, 0, 0, 0.5);
}
.web-form .web-form-category .web-component-file-table-cell .preview-file-wrap.rotate-90deg img, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.rotate-90deg img, .web-form .web-form-category .web-component-file .web-component-input .preview-file-wrap.rotate-90deg img, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.rotate-90deg img {
  transform: rotate(90deg);
}
.web-form .web-form-category .web-component-file-table-cell .preview-file-wrap.rotate-180deg img, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.rotate-180deg img, .web-form .web-form-category .web-component-file .web-component-input .preview-file-wrap.rotate-180deg img, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.rotate-180deg img {
  transform: rotate(180deg);
}
.web-form .web-form-category .web-component-file-table-cell .preview-file-wrap.rotate-270deg img, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.rotate-270deg img, .web-form .web-form-category .web-component-file .web-component-input .preview-file-wrap.rotate-270deg img, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.rotate-270deg img {
  transform: rotate(270deg);
}
.web-form .web-form-category .web-component-file-table-cell .preview-file-detail-basic .file-name, .web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-basic .file-name, .web-form .web-form-category .web-component-file .web-component-input .preview-file-detail-basic .file-name, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-basic .file-name {
  display: block;
  width: 100%;
  height: 30px;
  font-size: 10px;
  padding: 2px;
  opacity: 0.5;
  word-wrap: anywhere;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file-detail-basic .file-extension, .web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-basic .file-extension, .web-form .web-form-category .web-component-file .web-component-input .preview-file-detail-basic .file-extension, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-basic .file-extension {
  display: block;
  width: 100%;
  height: 20px;
  text-align: center;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file-detail-basic .file-extension:before, .web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-basic .file-extension:before, .web-form .web-form-category .web-component-file .web-component-input .preview-file-detail-basic .file-extension:before, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-basic .file-extension:before {
  content: ".";
}
.web-form .web-form-category .web-component-file-table-cell .preview-file-detail-image, .web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-image, .web-form .web-form-category .web-component-file .web-component-input .preview-file-detail-image, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file .buttons, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons, .web-form .web-form-category .web-component-file .web-component-input .preview-file .buttons, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons {
  pointer-events: none;
  position: absolute;
  border: none;
  top: -1px;
  left: -1px;
  width: 50px;
  height: 50px;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file .buttons button, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button, .web-form .web-form-category .web-component-file .web-component-input .preview-file .buttons button, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button {
  opacity: 0;
  width: 25px;
  height: 25px;
  padding: 5px;
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-style: solid;
  border-width: 0;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file .buttons button.pos-right, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-right, .web-form .web-form-category .web-component-file .web-component-input .preview-file .buttons button.pos-right, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-right {
  right: 0;
  border-right-width: 1px;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file .buttons button.pos-left, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-left, .web-form .web-form-category .web-component-file .web-component-input .preview-file .buttons button.pos-left, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-left {
  left: 0;
  border-left-width: 1px;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file .buttons button.pos-top, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-top, .web-form .web-form-category .web-component-file .web-component-input .preview-file .buttons button.pos-top, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-top {
  top: 0;
  border-top-width: 1px;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file .buttons button.pos-bottom, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-bottom, .web-form .web-form-category .web-component-file .web-component-input .preview-file .buttons button.pos-bottom, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-bottom {
  bottom: 0;
  border-bottom-width: 1px;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file .buttons button.pos-top.pos-right, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-top.pos-right, .web-form .web-form-category .web-component-file .web-component-input .preview-file .buttons button.pos-top.pos-right, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-top.pos-right {
  border-top-right-radius: 3px;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file .buttons button.pos-top.pos-left, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-top.pos-left, .web-form .web-form-category .web-component-file .web-component-input .preview-file .buttons button.pos-top.pos-left, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-top.pos-left {
  border-top-left-radius: 3px;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file .buttons button.pos-bottom.pos-right, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-bottom.pos-right, .web-form .web-form-category .web-component-file .web-component-input .preview-file .buttons button.pos-bottom.pos-right, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-bottom.pos-right {
  border-bottom-right-radius: 3px;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file .buttons button.pos-bottom.pos-left, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-bottom.pos-left, .web-form .web-form-category .web-component-file .web-component-input .preview-file .buttons button.pos-bottom.pos-left, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-bottom.pos-left {
  border-bottom-left-radius: 3px;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file:hover .buttons, .web-component-dialog-editor .web-component-file-table-cell .preview-file:hover .buttons, .web-form .web-form-category .web-component-file .web-component-input .preview-file:hover .buttons, .web-component-dialog-editor .web-component-file .web-component-input .preview-file:hover .buttons {
  pointer-events: auto;
}
.web-form .web-form-category .web-component-file-table-cell .preview-file:hover .buttons button, .web-component-dialog-editor .web-component-file-table-cell .preview-file:hover .buttons button, .web-form .web-form-category .web-component-file .web-component-input .preview-file:hover .buttons button, .web-component-dialog-editor .web-component-file .web-component-input .preview-file:hover .buttons button {
  opacity: 1;
}

.web-form .web-form-category .web-component-date .web-component-input .date-reset, .web-component-dialog-editor .web-component-date .web-component-input .date-reset, .web-component-custom-select button {
  visibility: hidden;
  position: absolute;
  text-decoration: none;
  -webkit-appearance: none;
  border-style: solid;
  border-width: 1px;
  height: 14px;
  width: 14px;
  top: 1px;
  right: 6px;
  cursor: pointer;
}
.web-form .web-form-category .web-component-date .web-component-input .active.date-reset, .web-component-dialog-editor .web-component-date .web-component-input .active.date-reset, .web-component-custom-select button.active {
  visibility: visible;
}
.web-form .web-form-category .web-component-date .web-component-input .date-reset:before, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:before, .web-component-custom-select button:before, .web-form .web-form-category .web-component-date .web-component-input .date-reset:after, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:after, .web-component-custom-select button:after {
  position: absolute;
  content: " ";
  right: 5px;
  top: 1px;
  height: 10px;
  width: 2px;
}
.web-form .web-form-category .web-component-date .web-component-input .date-reset:before, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:before, .web-component-custom-select button:before {
  transform: rotate(45deg);
}
.web-form .web-form-category .web-component-date .web-component-input .date-reset:after, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:after, .web-component-custom-select button:after {
  transform: rotate(-45deg);
}
.web-form .web-form-category .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-form .web-form-category .web-component-issue .web-component-input > button, .web-component-dialog-editor .web-component-issue .web-component-input > button, .web-form .web-form-category .web-component-file .web-component-input .upload, .web-component-dialog-editor .web-component-file .web-component-input .upload, .web-form .web-form-category .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-form .web-form-category .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-form .web-form-category .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-form .web-form-category .web-component-yes-no .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button, .web-form .web-form-category .web-component-date .web-component-input > input, .web-component-dialog-editor .web-component-date .web-component-input > input, .web-form .web-form-category .web-component-color .web-component-input > input, .web-component-dialog-editor .web-component-color .web-component-input > input, .web-form .web-form-category .web-component-froala .web-component-input > div, .web-component-dialog-editor .web-component-froala .web-component-input > div, .web-form .web-form-category .web-component-text-area .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area .web-component-input > textarea, .web-form .web-form-category .web-component-text .web-component-input input, .web-component-dialog-editor .web-component-text .web-component-input input, .web-component-custom-select .display, .web-component-custom-select.always-opened input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: 16px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  position: relative;
  padding: 2px;
  width: 100%;
  height: 27px;
}

.web-form .web-form-category .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-form .web-form-category .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-form .web-form-category .web-component-date.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input > input, .web-form .web-form-category .web-component-color.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-color.web-component-disabled .web-component-input > input, .web-form .web-form-category .web-component-froala.web-component-disabled .web-component-input > div, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div, .web-form .web-form-category .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-form .web-form-category .web-component-text.web-component-disabled .web-component-input input, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input, .web-form .web-form-category .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-component-custom-select.always-opened .display {
  font-size: 12px;
  cursor: default !important;
  border-color: transparent;
}
.no-disabled-bg .web-form .web-form-category .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-form .no-disabled-bg .web-form-category .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display, .no-disabled-bg .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-form .web-form-category .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .no-disabled-bg .display, .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .no-disabled-bg .display,
.no-disabled-bg .web-form .web-form-category .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-form .no-disabled-bg .web-form-category .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.no-disabled-bg .web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-form .web-form-category .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .no-disabled-bg .display,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .no-disabled-bg .display, .no-disabled-bg .web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-form .no-disabled-bg .web-form-category .web-component-yes-no.web-component-disabled .web-component-input > div > button, .no-disabled-bg .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-form .web-form-category .web-component-yes-no.web-component-disabled .no-disabled-bg .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .no-disabled-bg .web-component-input > div > button, .no-disabled-bg .web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-form .no-disabled-bg .web-form-category .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .no-disabled-bg .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input .no-disabled-bg .with-images > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .no-disabled-bg .with-images > div > button, .no-disabled-bg .web-form .web-form-category .web-component-date.web-component-disabled .web-component-input > input, .web-form .no-disabled-bg .web-form-category .web-component-date.web-component-disabled .web-component-input > input, .no-disabled-bg .web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input > input, .web-form .web-form-category .web-component-date.web-component-disabled .no-disabled-bg .web-component-input > input, .web-component-dialog-editor .web-component-date.web-component-disabled .no-disabled-bg .web-component-input > input, .no-disabled-bg .web-form .web-form-category .web-component-color.web-component-disabled .web-component-input > input, .web-form .no-disabled-bg .web-form-category .web-component-color.web-component-disabled .web-component-input > input, .no-disabled-bg .web-component-dialog-editor .web-component-color.web-component-disabled .web-component-input > input, .web-form .web-form-category .web-component-color.web-component-disabled .no-disabled-bg .web-component-input > input, .web-component-dialog-editor .web-component-color.web-component-disabled .no-disabled-bg .web-component-input > input, .no-disabled-bg .web-form .web-form-category .web-component-froala.web-component-disabled .web-component-input > div, .web-form .no-disabled-bg .web-form-category .web-component-froala.web-component-disabled .web-component-input > div, .no-disabled-bg .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div, .web-form .web-form-category .web-component-froala.web-component-disabled .no-disabled-bg .web-component-input > div, .web-component-dialog-editor .web-component-froala.web-component-disabled .no-disabled-bg .web-component-input > div, .no-disabled-bg .web-form .web-form-category .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-form .no-disabled-bg .web-form-category .web-component-text-area.web-component-disabled .web-component-input > textarea, .no-disabled-bg .web-component-dialog-editor .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-form .web-form-category .web-component-text-area.web-component-disabled .no-disabled-bg .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area.web-component-disabled .no-disabled-bg .web-component-input > textarea, .no-disabled-bg .web-form .web-form-category .web-component-text.web-component-disabled .web-component-input input, .web-form .no-disabled-bg .web-form-category .web-component-text.web-component-disabled .web-component-input input, .no-disabled-bg .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input, .web-form .web-form-category .web-component-text.web-component-disabled .web-component-input .no-disabled-bg input, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input .no-disabled-bg input, .no-disabled-bg .web-form .web-form-category .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-form .no-disabled-bg .web-form-category .web-component-group.web-component-disabled .web-component-editor-dialog button, .no-disabled-bg .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-form .web-form-category .web-component-group.web-component-disabled .web-component-editor-dialog .no-disabled-bg button, .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog .no-disabled-bg button, .no-disabled-bg .web-component-custom-select.always-opened .display, .web-component-custom-select.always-opened .no-disabled-bg .display {
  background-color: transparent !important;
}

.web-form .web-form-category .web-component-froala-table-cell, .web-component-dialog-editor .web-component-froala-table-cell, .web-form .web-form-category .web-component-text-area-table-cell, .web-component-dialog-editor .web-component-text-area-table-cell {
  padding: 0 !important;
  min-width: 200px;
}
.web-form .web-form-category .web-component-froala-table-cell > div, .web-component-dialog-editor .web-component-froala-table-cell > div, .web-form .web-form-category .web-component-text-area-table-cell > div, .web-component-dialog-editor .web-component-text-area-table-cell > div {
  width: 100%;
  max-height: 57px;
  font-size: 12px;
  padding: 0 5px;
  border: none;
  background: none;
}
.web-form .web-form-category .web-component-froala-table-cell > .more, .web-component-dialog-editor .web-component-froala-table-cell > .more, .web-form .web-form-category .web-component-text-area-table-cell > .more, .web-component-dialog-editor .web-component-text-area-table-cell > .more {
  display: none;
}
.web-form .web-form-category .has-more.web-component-froala-table-cell, .web-component-dialog-editor .has-more.web-component-froala-table-cell, .web-form .web-form-category .has-more.web-component-text-area-table-cell, .web-component-dialog-editor .has-more.web-component-text-area-table-cell {
  cursor: pointer;
}
.web-form .web-form-category .has-more.web-component-froala-table-cell > .more, .web-component-dialog-editor .has-more.web-component-froala-table-cell > .more, .web-form .web-form-category .has-more.web-component-text-area-table-cell > .more, .web-component-dialog-editor .has-more.web-component-text-area-table-cell > .more {
  position: absolute;
  right: 0;
  bottom: 4px;
  text-align: right;
  display: block;
  opacity: 0.5;
  font-size: 8px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 2px 2px 2px 4px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.web-form .web-form-category .has-more.web-component-froala-table-cell:hover > .more, .web-component-dialog-editor .has-more.web-component-froala-table-cell:hover > .more, .web-form .web-form-category .has-more.web-component-text-area-table-cell:hover > .more, .web-component-dialog-editor .has-more.web-component-text-area-table-cell:hover > .more {
  font-size: 10px;
  text-decoration: underline;
}

.web-form .web-form-category .hidden, .web-component-dialog-editor .hidden {
  display: none;
}
.web-form .web-form-category .hiddenImportant, .web-component-dialog-editor .hiddenImportant {
  display: none !important;
}
.web-form .hidden-category.web-form-category, .hidden-category.web-component-dialog-editor, .web-form .web-form-category .hidden-sub-category, .web-component-dialog-editor .hidden-sub-category, .web-form .web-form-category .hidden-group, .web-component-dialog-editor .hidden-group {
  display: none !important;
}
.web-form .web-form-category .web-component-group, .web-component-dialog-editor .web-component-group {
  display: inline-block;
  vertical-align: bottom;
  padding: 5px;
}
.web-form .web-form-category .web-component-group.in-dialog, .web-component-dialog-editor .web-component-group.in-dialog {
  width: 100% !important;
  margin: 0 !important;
}
.web-form .web-form-category .web-component-group .web-component-label, .web-component-dialog-editor .web-component-group .web-component-label {
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}
.web-form .web-form-category .web-component-group .web-component-label-hidden-fill, .web-component-dialog-editor .web-component-group .web-component-label-hidden-fill {
  display: none;
}
.web-form .web-form-category .web-component-group .web-component-label-hidden, .web-component-dialog-editor .web-component-group .web-component-label-hidden {
  padding-bottom: 0;
}
.web-form .web-form-category .web-component-group .web-component-label-hidden label, .web-component-dialog-editor .web-component-group .web-component-label-hidden label {
  display: none;
}
.web-form .web-form-category .web-component-group .web-component-label-hidden label.web-component-label-hidden-fill, .web-component-dialog-editor .web-component-group .web-component-label-hidden label.web-component-label-hidden-fill {
  display: flex;
}
.web-form .web-form-category .web-component-group .web-component-label-hidden:not(.web-component-label-with-reset,
.web-component-label-with-units,
.web-component-label-with-warning), .web-component-dialog-editor .web-component-group .web-component-label-hidden:not(.web-component-label-with-reset,
.web-component-label-with-units,
.web-component-label-with-warning) {
  display: none;
}
.web-form .web-form-category .web-component-group .web-component-label .al-left, .web-component-dialog-editor .web-component-group .web-component-label .al-left {
  text-align: left;
}
.web-form .web-form-category .web-component-group .web-component-label .al-right, .web-component-dialog-editor .web-component-group .web-component-label .al-right {
  text-align: right;
}
.web-form .web-form-category .web-component-group .web-component-label .al-center, .web-component-dialog-editor .web-component-group .web-component-label .al-center {
  text-align: center;
}
.web-form .web-form-category .web-component-group .web-component-label label, .web-component-dialog-editor .web-component-group .web-component-label label {
  font-size: 12px;
  flex-grow: 100;
  word-wrap: break-word;
  overflow-x: hidden;
  overflow-y: clip;
}
.web-form .web-form-category .web-component-group .web-component-label .web-component-reset, .web-component-dialog-editor .web-component-group .web-component-label .web-component-reset,
.web-form .web-form-category .web-component-group .web-component-label .web-component-warning-icon,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon,
.web-form .web-form-category .web-component-group .web-component-label .web-component-not-verified-icon,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon {
  min-width: 15px;
  height: 15px;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  padding: 3px;
}
.web-form .web-form-category .web-component-group .web-component-label .web-component-warning-icon.hidden, .web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon.hidden,
.web-form .web-form-category .web-component-group .web-component-label .web-component-not-verified-icon.hidden,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon.hidden {
  display: none;
}
.web-form .web-form-category .web-component-group .web-component-label .web-component-warning-icon.js-tooltip, .web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon.js-tooltip,
.web-form .web-form-category .web-component-group .web-component-label .web-component-not-verified-icon.js-tooltip,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon.js-tooltip {
  cursor: help;
}
.web-form .web-form-category .web-component-group .web-component-label .web-component-warning-icon, .web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon {
  background-color: red;
  color: white;
}
.web-form .web-form-category .web-component-group .web-component-label .web-component-not-verified-icon, .web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon {
  background-color: blue;
  color: white;
}
.web-form .web-form-category .web-component-group .web-component-label .web-component-units, .web-component-dialog-editor .web-component-group .web-component-label .web-component-units {
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 2px;
}
.web-form .web-form-category .web-component-group .web-component-label .web-component-units:before, .web-component-dialog-editor .web-component-group .web-component-label .web-component-units:before, .web-form .web-form-category .web-component-group .web-component-label .web-component-units:after, .web-component-dialog-editor .web-component-group .web-component-label .web-component-units:after {
  content: "";
  display: inline-block;
  padding-bottom: 1px;
  border: 1px solid;
  width: 3px;
  height: 13px;
  transform: translateY(2px);
}
.web-form .web-form-category .web-component-group .web-component-label .web-component-units:before, .web-component-dialog-editor .web-component-group .web-component-label .web-component-units:before {
  border-right: none;
}
.web-form .web-form-category .web-component-group .web-component-label .web-component-units:after, .web-component-dialog-editor .web-component-group .web-component-label .web-component-units:after {
  border-left: none;
}
.web-form .web-form-category .web-component-group .web-component-reset, .web-component-dialog-editor .web-component-group .web-component-reset {
  display: none;
  position: relative;
}
.web-form .web-form-category .web-component-group .web-component-reset.hidden, .web-component-dialog-editor .web-component-group .web-component-reset.hidden {
  display: none !important;
}
.web-form .web-form-category .web-component-group .web-component-reset:before, .web-component-dialog-editor .web-component-group .web-component-reset:before, .web-form .web-form-category .web-component-group .web-component-reset:after, .web-component-dialog-editor .web-component-group .web-component-reset:after {
  content: "";
  position: absolute;
  display: block;
  border: 1px solid;
  border-radius: 5px;
  width: 80%;
  height: 0;
  left: 10%;
  top: calc(50% - 1px);
}
.web-form .web-form-category .web-component-group .web-component-reset:before, .web-component-dialog-editor .web-component-group .web-component-reset:before {
  rotate: 45deg;
}
.web-form .web-form-category .web-component-group .web-component-reset:after, .web-component-dialog-editor .web-component-group .web-component-reset:after {
  rotate: -45deg;
}
.web-form .web-form-category .web-component-group.web-component-has-changes:not(.web-component-disabled) .web-component-reset, .web-component-dialog-editor .web-component-group.web-component-has-changes:not(.web-component-disabled) .web-component-reset {
  display: block;
}
.web-form .web-form-category .web-component-group.web-component-disabled .web-component-input, .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-input {
  font-size: 12px;
}
.web-form .web-form-category .web-component-group .web-component-input, .web-component-dialog-editor .web-component-group .web-component-input {
  white-space: nowrap;
  font-size: 16px;
  padding-left: 0;
  min-width: 100%;
}
.web-form .web-form-category .web-component-group .web-component-input > *, .web-component-dialog-editor .web-component-group .web-component-input > * {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
}
.web-form .web-form-category .web-component-group .web-component-input > hr.wrap, .web-component-dialog-editor .web-component-group .web-component-input > hr.wrap {
  display: block;
  width: 100%;
}
.web-form .web-form-category .web-component-group .web-component-input .al-left, .web-component-dialog-editor .web-component-group .web-component-input .al-left {
  text-align: left;
}
.web-form .web-form-category .web-component-group .web-component-input .al-right, .web-component-dialog-editor .web-component-group .web-component-input .al-right {
  text-align: right;
}
.web-form .web-form-category .web-component-group .web-component-input .al-center, .web-component-dialog-editor .web-component-group .web-component-input .al-center {
  text-align: center;
}
.web-form .web-form-category .web-component-group *[disabled], .web-component-dialog-editor .web-component-group *[disabled] {
  cursor: default !important;
}
.web-form .web-form-category .web-component-group.web-component-disabled.web-component-transparent .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group.web-component-disabled.web-component-transparent .web-component-editor-dialog button {
  background-color: transparent;
}
.web-form .web-form-category .web-component-group .web-component-required label, .web-component-dialog-editor .web-component-group .web-component-required label, .web-form .web-form-category .web-component-group .web-component-required h3, .web-component-dialog-editor .web-component-group .web-component-required h3 {
  font-weight: bold;
}
.web-form .web-form-category .web-component-group.table-edit-bulk .web-component-input, .web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-input, .web-form .web-form-category .web-component-group.table-edit-cell .web-component-input, .web-component-dialog-editor .web-component-group.table-edit-cell .web-component-input {
  width: 100%;
}
.web-form .web-form-category .web-component-group.table-edit-bulk, .web-component-dialog-editor .web-component-group.table-edit-bulk {
  position: relative;
  display: block;
  min-width: 100px;
  height: 100%;
}
.web-form .web-form-category .web-component-group.table-edit-cell, .web-component-dialog-editor .web-component-group.table-edit-cell {
  position: relative;
  display: block;
  min-height: 25px;
}
.web-form .web-form-category .web-component-text, .web-component-dialog-editor .web-component-text {
  pointer-events: auto;
}
.web-form .web-form-category .web-component-text .web-component-input.input-warning:after, .web-component-dialog-editor .web-component-text .web-component-input.input-warning:after {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: " ";
  border-radius: 3px;
  opacity: 0.1;
  pointer-events: none;
}
.web-form .web-form-category .web-component-text .web-component-input input, .web-component-dialog-editor .web-component-text .web-component-input input {
  position: relative;
  text-align: inherit;
}
.web-form .web-form-category .web-component-text .web-component-input .full-input, .web-component-dialog-editor .web-component-text .web-component-input .full-input {
  display: none;
}
.web-form .web-form-category .web-component-text .web-component-input.al-left input, .web-component-dialog-editor .web-component-text .web-component-input.al-left input {
  text-align: left;
}
.web-form .web-form-category .web-component-text .web-component-input.al-right input, .web-component-dialog-editor .web-component-text .web-component-input.al-right input {
  text-align: right;
}
.web-form .web-form-category .web-component-text .web-component-input.al-center input, .web-component-dialog-editor .web-component-text .web-component-input.al-center input {
  text-align: center;
}
.web-form .web-form-category .web-component-text.web-component-disabled .web-component-input input, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input {
  text-overflow: ellipsis;
}
.js-tooltip-div .web-form .web-form-category .web-component-text.web-component-disabled .web-component-input .full-input, .web-form .js-tooltip-div .web-form-category .web-component-text.web-component-disabled .web-component-input .full-input, .js-tooltip-div .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input .full-input, .web-form .web-form-category .web-component-text.web-component-disabled .web-component-input:hover .full-input.not-fit, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input:hover .full-input.not-fit {
  display: block;
  min-height: 27px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 4px 2.5px;
  border: 1px solid;
  border-radius: 3px;
  z-index: 1;
}

.js-tooltip-div .web-form .web-form-category .web-component-text.web-component-disabled .web-component-input input, .web-form .js-tooltip-div .web-form-category .web-component-text.web-component-disabled .web-component-input input, .js-tooltip-div .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input {
  display: none;
}
.js-tooltip-div .web-form .web-form-category .web-component-text.web-component-disabled .web-component-input .full-input, .web-form .js-tooltip-div .web-form-category .web-component-text.web-component-disabled .web-component-input .full-input, .js-tooltip-div .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input .full-input {
  border: none;
  background: none;
  position: relative;
}

.web-form .web-form-category .web-component-text.web-component-disabled.web-component-transparent .web-component-input input, .web-component-dialog-editor .web-component-text.web-component-disabled.web-component-transparent .web-component-input input {
  background-color: transparent;
}
.web-form .web-form-category .web-component-text-table-cell .web-component-input, .web-component-dialog-editor .web-component-text-table-cell .web-component-input {
  width: 80px !important;
  min-width: 100%;
}
.web-form .web-form-category .web-component-text-table-cell:not(.editing), .web-component-dialog-editor .web-component-text-table-cell:not(.editing) {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.web-form .web-form-category .web-component-text-area .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area .web-component-input > textarea {
  white-space: pre-wrap;
  resize: none;
  min-height: 63px;
}
.horizontal-props .web-component-text-area .web-component-input > textarea {
  max-height: 27px !important;
  min-height: 27px !important;
}

.web-form .web-form-category .web-component-text-area.web-component-disabled.web-component-transparent .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area.web-component-disabled.web-component-transparent .web-component-input > textarea {
  background-color: transparent;
}
.web-form .web-form-category .web-component-froala .web-component-input > div, .web-component-dialog-editor .web-component-froala .web-component-input > div {
  width: 100%;
  height: auto;
}
.web-form .web-form-category .web-component-froala .web-component-input > div .second-toolbar, .web-component-dialog-editor .web-component-froala .web-component-input > div .second-toolbar {
  display: none;
}
.web-form .web-form-category .web-component-froala .web-component-input > div .fr-placeholder, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-placeholder {
  padding-top: 3px !important;
  padding-left: 3px !important;
  margin-left: 0 !important;
  padding-right: 3px !important;
  margin-right: 0 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  text-align: left !important;
}
.web-form .web-form-category .web-component-froala .web-component-input > div .fr-toolbar, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-toolbar {
  border: none;
}
.web-form .web-form-category .web-component-froala .web-component-input > div .fr-toolbar .fr-btn-grp, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-toolbar .fr-btn-grp {
  margin: 0;
}
.web-form .web-form-category .web-component-froala .web-component-input > div .fr-more-toolbar, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-more-toolbar {
  display: none;
}
.web-form .web-form-category .web-component-froala .web-component-input > div .fr-more-toolbar.fr-expanded, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-more-toolbar.fr-expanded {
  display: block;
}
.web-form .web-form-category .web-component-froala .web-component-input > div .fr-second-toolbar, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-second-toolbar {
  display: none;
}
.web-form .web-form-category .web-component-froala .web-component-input > div .fr-wrapper, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-wrapper {
  border: none;
}
.web-form .web-form-category .web-component-froala .web-component-input > div .fr-wrapper > *, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-wrapper > * {
  padding: 3px;
}
.web-form .web-form-category .web-component-froala.web-component-disabled .web-component-input > div, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div {
  pointer-events: auto;
}
.web-form .web-form-category .web-component-froala.web-component-disabled .web-component-input > div:not(.not-disabled-design) .fr-wrapper, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div:not(.not-disabled-design) .fr-wrapper {
  background-color: transparent;
}
.web-form .web-form-category .web-component-froala.web-component-disabled .web-component-input > div .fr-toolbar, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-toolbar {
  display: none;
}
.web-form .web-form-category .web-component-froala.web-component-disabled .web-component-input > div .fr-wrapper .fr-view, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-wrapper .fr-view {
  min-height: auto !important;
}
.web-form .web-form-category .web-component-froala.web-component-disabled .web-component-input > div .fr-image-resizer, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-image-resizer,
.web-form .web-form-category .web-component-froala.web-component-disabled .web-component-input > div .fr-placeholder,
.web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-placeholder {
  display: none !important;
}
.web-form .web-form-category .web-component-froala.web-component-disabled.web-component-transparent .web-component-input > div, .web-component-dialog-editor .web-component-froala.web-component-disabled.web-component-transparent .web-component-input > div {
  background-color: transparent;
}
.web-form .web-form-category .web-component-color .web-component-input > input, .web-component-dialog-editor .web-component-color .web-component-input > input {
  cursor: pointer;
  width: 100%;
}
.web-form .web-form-category .web-component-color .web-component-input > input.empty:after, .web-component-dialog-editor .web-component-color .web-component-input > input.empty:after {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  text-align: center;
  line-height: 140%;
  content: "---";
}
.web-form .web-form-category .web-component-color.web-component-disabled.web-component-transparent .web-component-input > input, .web-component-dialog-editor .web-component-color.web-component-disabled.web-component-transparent .web-component-input > input {
  background-color: transparent;
}
.web-form .web-form-category .web-component-date .web-component-input .date-reset, .web-component-dialog-editor .web-component-date .web-component-input .date-reset {
  transform: scale(1.4);
  top: 6.5px;
  right: 6.5px;
  border-radius: 2px;
  display: none;
}
.web-form .web-form-category .web-component-date .web-component-input:hover .date-reset, .web-component-dialog-editor .web-component-date .web-component-input:hover .date-reset {
  display: block;
}
.web-form .web-form-category .web-component-date.web-component-disabled .web-component-input .date-reset, .web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input .date-reset {
  display: none !important;
}
.web-form .web-form-category .web-component-date.web-component-disabled.web-component-transparent .web-component-input > input, .web-component-dialog-editor .web-component-date.web-component-disabled.web-component-transparent .web-component-input > input {
  background-color: transparent;
}
.web-form .web-form-category .web-component-date.table-edit-bulk, .web-component-dialog-editor .web-component-date.table-edit-bulk, .web-form .web-form-category .web-component-date.table-edit-cell, .web-component-dialog-editor .web-component-date.table-edit-cell {
  max-width: 100%;
}
.web-form .web-form-category .web-component-date.table-edit-bulk .web-component-input input, .web-component-dialog-editor .web-component-date.table-edit-bulk .web-component-input input, .web-form .web-form-category .web-component-date.table-edit-cell .web-component-input input, .web-component-dialog-editor .web-component-date.table-edit-cell .web-component-input input {
  width: 165px;
  min-width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.web-form .web-form-category .web-component-yes-no ~ .web-component-yes-no, .web-component-dialog-editor .web-component-yes-no ~ .web-component-yes-no {
  margin-top: 16px;
}
.web-form .web-form-category .web-component-yes-no .web-component-input > div, .web-component-dialog-editor .web-component-yes-no .web-component-input > div, .web-form .web-form-category .web-component-yes-no .web-component-input .with-images > div, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div {
  width: 100%;
  outline: none;
  border-radius: 3px;
  display: inline-flex;
  gap: 10px;
}
.web-form .web-form-category .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-form .web-form-category .web-component-yes-no .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button {
  padding: 0;
  vertical-align: middle;
  text-align: center;
  width: calc(50% - 5px);
  height: 27px;
}
.web-form .web-form-category .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-form .web-form-category .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  width: 27px;
  height: 27px;
  line-height: 20px;
  font-size: 1.8rem;
}
.web-form .web-form-category .web-component-yes-no .web-component-input > .with-images > *, .web-component-dialog-editor .web-component-yes-no .web-component-input > .with-images > * {
  vertical-align: middle;
}
.web-form .web-form-category .web-component-yes-no .web-component-input > .with-images img, .web-component-dialog-editor .web-component-yes-no .web-component-input > .with-images img {
  height: 27px;
  width: 27px;
  object-fit: contain;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
}
.web-form .web-form-category .web-component-yes-no .web-component-input > .with-images div, .web-component-dialog-editor .web-component-yes-no .web-component-input > .with-images div {
  width: calc(100% - 37px);
}
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button, .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button,
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox, .web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button, .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button,
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox {
  text-align: center;
}
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button:focus, .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button:focus,
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox:focus,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox:focus, .web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button:focus, .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button:focus,
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox:focus,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox:focus {
  box-shadow: none;
  outline: 1px solid rgb(0, 127, 183);
}
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button.selected[data-value=true], .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button.selected[data-value=true],
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox.selected[data-value=true],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox.selected[data-value=true], .web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button.selected[data-value=true], .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button.selected[data-value=true],
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox.selected[data-value=true],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox.selected[data-value=true] {
  background: rgb(0, 143, 0);
  border-color: white !important;
  color: white;
}
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button.selected[data-value=false], .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button.selected[data-value=false],
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox.selected[data-value=false],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox.selected[data-value=false], .web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button.selected[data-value=false], .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button.selected[data-value=false],
.web-form .web-form-category .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox.selected[data-value=false],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox.selected[data-value=false] {
  background: rgb(227, 38, 0);
  border-color: white !important;
  color: white;
}
.web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input.al-left button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input.al-left button {
  text-align: left;
}
.web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input.al-center button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input.al-center button {
  text-align: center;
}
.web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input.al-right button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input.al-right button {
  text-align: right;
}
.web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input > div > button:not(.selected), .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button:not(.selected), .web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button:not(.selected), .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button:not(.selected) {
  display: none;
}
.web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input > div > button.selected, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button.selected, .web-form .web-form-category .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button.selected, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button.selected {
  width: 100%;
  border: none;
  padding-left: 3px;
  font-weight: normal;
}
.web-form .web-form-category .web-component-yes-no.web-component-disabled.web-component-transparent .web-component-input > div > button:not(.selected), .web-component-dialog-editor .web-component-yes-no.web-component-disabled.web-component-transparent .web-component-input > div > button:not(.selected), .web-form .web-form-category .web-component-yes-no.web-component-disabled.web-component-transparent .web-component-input .with-images > div > button:not(.selected), .web-component-dialog-editor .web-component-yes-no.web-component-disabled.web-component-transparent .web-component-input .with-images > div > button:not(.selected) {
  background: transparent;
}
.web-form .web-form-category .web-component-yes-no.table-edit-bulk, .web-component-dialog-editor .web-component-yes-no.table-edit-bulk, .web-form .web-form-category .web-component-yes-no.table-edit-cell, .web-component-dialog-editor .web-component-yes-no.table-edit-cell {
  max-width: 100%;
}
.web-form .web-form-category .web-component-yes-no.table-edit-bulk .web-component-input button, .web-component-dialog-editor .web-component-yes-no.table-edit-bulk .web-component-input button, .web-form .web-form-category .web-component-yes-no.table-edit-cell .web-component-input button, .web-component-dialog-editor .web-component-yes-no.table-edit-cell .web-component-input button {
  min-width: 60px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.web-form .web-form-category .web-component-select, .web-component-dialog-editor .web-component-select,
.web-form .web-form-category .web-component-multi-select,
.web-component-dialog-editor .web-component-multi-select {
  position: relative;
}
.web-form .web-form-category .web-component-select .web-component-input, .web-component-dialog-editor .web-component-select .web-component-input,
.web-form .web-form-category .web-component-multi-select .web-component-input,
.web-component-dialog-editor .web-component-multi-select .web-component-input {
  cursor: pointer;
}
.web-form .web-form-category .web-component-select .web-component-input .display, .web-component-dialog-editor .web-component-select .web-component-input .display,
.web-form .web-form-category .web-component-multi-select .web-component-input .display,
.web-component-dialog-editor .web-component-multi-select .web-component-input .display {
  font-size: 13px;
}
.web-form .web-form-category .web-component-select.web-component-disabled .web-component-input .web-component-custom-select::after, .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select::after,
.web-form .web-form-category .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select::after,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select::after {
  display: none;
}
.no-disabled-bg .web-form .web-form-category .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display:after, .web-form .no-disabled-bg .web-form-category .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display:after, .no-disabled-bg .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display:after, .no-disabled-bg .web-form .web-form-category .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display .option, .web-form .no-disabled-bg .web-form-category .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display .option, .no-disabled-bg .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display .option,
.no-disabled-bg .web-form .web-form-category .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display:after,
.web-form .no-disabled-bg .web-form-category .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display:after,
.no-disabled-bg .web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display:after,
.no-disabled-bg .web-form .web-form-category .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display .option,
.web-form .no-disabled-bg .web-form-category .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display .option,
.no-disabled-bg .web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display .option {
  background-color: transparent;
}

.web-form .web-form-category .web-component-select.web-component-disabled.web-component-transparent .web-component-input, .web-component-dialog-editor .web-component-select.web-component-disabled.web-component-transparent .web-component-input,
.web-form .web-form-category .web-component-multi-select.web-component-disabled.web-component-transparent .web-component-input,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled.web-component-transparent .web-component-input {
  background-color: transparent;
}
.web-form .web-form-category .web-component-select.table-edit-bulk .web-component-input > .display, .web-component-dialog-editor .web-component-select.table-edit-bulk .web-component-input > .display, .web-form .web-form-category .web-component-select.table-edit-cell .web-component-input > .display, .web-component-dialog-editor .web-component-select.table-edit-cell .web-component-input > .display,
.web-form .web-form-category .web-component-multi-select.table-edit-bulk .web-component-input > .display,
.web-component-dialog-editor .web-component-multi-select.table-edit-bulk .web-component-input > .display,
.web-form .web-form-category .web-component-multi-select.table-edit-cell .web-component-input > .display,
.web-component-dialog-editor .web-component-multi-select.table-edit-cell .web-component-input > .display {
  min-width: 120px;
}
.web-form .web-form-category .web-component-multi-select .web-component-custom-select .display .span:not(.count), .web-component-dialog-editor .web-component-multi-select .web-component-custom-select .display .span:not(.count) {
  line-height: 100%;
}
.web-form .web-form-category .web-component-multi-select .web-component-input .display, .web-component-dialog-editor .web-component-multi-select .web-component-input .display {
  cursor: pointer !important;
}
.web-form .web-form-category .web-component-multi-select.web-component-disabled .web-component-input button, .web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input button {
  display: none;
}
.web-form .web-form-category .web-component-multi-select-table-cell, .web-component-dialog-editor .web-component-multi-select-table-cell {
  white-space: nowrap;
}
.web-form .web-form-category .web-component-multi-select-table-cell > span, .web-component-dialog-editor .web-component-multi-select-table-cell > span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}
.web-form .web-form-category .web-component-file .web-component-input, .web-component-dialog-editor .web-component-file .web-component-input {
  left: -5px;
}
.web-form .web-form-category .web-component-file .web-component-input .upload, .web-component-dialog-editor .web-component-file .web-component-input .upload {
  position: absolute;
  width: 50px;
  height: 50px;
  padding: 10px;
  margin: 5px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  transform: scaleY(-1);
  cursor: pointer;
}
.web-form .web-form-category .web-component-file .web-component-input .upload.dragover, .web-component-dialog-editor .web-component-file .web-component-input .upload.dragover {
  background-color: greenyellow;
}
.web-form .web-form-category .web-component-file .web-component-input .upload svg, .web-component-dialog-editor .web-component-file .web-component-input .upload svg {
  max-width: 32px;
}
.web-form .web-form-category .web-component-file .web-component-input .preview:not(.multiple) .preview-file-wrap.remove, .web-component-dialog-editor .web-component-file .web-component-input .preview:not(.multiple) .preview-file-wrap.remove {
  display: none;
}
.web-form .web-form-category .web-component-file .web-component-input .preview.multiple .preview-file-wrap:first-child, .web-component-dialog-editor .web-component-file .web-component-input .preview.multiple .preview-file-wrap:first-child, .web-form .web-form-category .web-component-file .web-component-input .preview.no-file-selected .preview-file-wrap:first-child, .web-component-dialog-editor .web-component-file .web-component-input .preview.no-file-selected .preview-file-wrap:first-child {
  margin-left: 62.5px;
}
.web-form .web-form-category .web-component-file .web-component-input .preview.linked-file, .web-component-dialog-editor .web-component-file .web-component-input .preview.linked-file {
  margin: 2px;
}
.web-form .web-form-category .web-component-file .web-component-input .preview.linked-file:not(.multiple) .preview-file-wrap:not(.remove), .web-component-dialog-editor .web-component-file .web-component-input .preview.linked-file:not(.multiple) .preview-file-wrap:not(.remove), .web-form .web-form-category .web-component-file .web-component-input .preview.linked-file.multiple .preview-file-wrap:first-child, .web-component-dialog-editor .web-component-file .web-component-input .preview.linked-file.multiple .preview-file-wrap:first-child {
  margin-left: 3px;
}
.web-form .web-form-category .web-component-file .web-component-input.web-component-single-file-selector .upload, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .upload {
  margin-top: 30px;
  display: none;
}
.web-form .web-form-category .web-component-file .web-component-input.web-component-single-file-selector .upload.multiple, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .upload.multiple, .web-form .web-form-category .web-component-file .web-component-input.web-component-single-file-selector .upload.no-file-selected, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .upload.no-file-selected {
  display: block;
}
.web-form .web-form-category .web-component-file .web-component-input.web-component-single-file-selector .preview, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview {
  cursor: pointer;
}
.web-form .web-form-category .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap {
  height: 79px;
}
.web-form .web-form-category .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap .toggle, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap .toggle {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  border: 2px solid;
  margin: 0 auto 5px auto;
  display: flex;
  justify-content: center;
  background: none;
  color: gray;
}
.web-form .web-form-category .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap.selected .toggle, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap.selected .toggle {
  color: green;
}
.web-form .web-form-category .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap.selected .preview-file, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap.selected .preview-file {
  border-color: green;
}
.web-form .web-form-category .web-component-file.web-component-disabled .web-component-input, .web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input {
  min-height: auto;
}
.web-form .web-form-category .web-component-file.web-component-disabled .web-component-input > .upload, .web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input > .upload {
  display: none;
}
.web-form .web-form-category .web-component-file.web-component-disabled .web-component-input .preview:not(.multiple) .preview-file-wrap:not(.remove), .web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input .preview:not(.multiple) .preview-file-wrap:not(.remove) {
  margin-left: 3px;
}
.web-form .web-form-category .web-component-file.web-component-disabled .web-component-input .preview .preview-file-wrap:first-child, .web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input .preview .preview-file-wrap:first-child {
  margin-left: 3px;
}
.web-form .web-form-category .web-component-file.web-component-required:not(.web-component-required-valid), .web-component-dialog-editor .web-component-file.web-component-required:not(.web-component-required-valid) {
  border: none;
}
.web-form .web-form-category .web-component-file.web-component-required:not(.web-component-required-valid) .web-component-input > .upload, .web-component-dialog-editor .web-component-file.web-component-required:not(.web-component-required-valid) .web-component-input > .upload {
  border-width: 2px;
}
.web-form .web-form-category .web-component-file-table-cell .buttons, .web-component-dialog-editor .web-component-file-table-cell .buttons {
  left: -1px !important;
  top: -1px !important;
}
.web-form .web-form-category .web-component-issue .web-component-input > button, .web-component-dialog-editor .web-component-issue .web-component-input > button {
  width: 100%;
  padding: 3px;
}
.web-form .web-form-category .web-component-issue .web-component-input > button svg, .web-component-dialog-editor .web-component-issue .web-component-input > button svg {
  max-height: 100%;
}
.web-form .web-form-category .web-component-group.embed-table .web-component-input > .web-table-container, .web-component-dialog-editor .web-component-group.embed-table .web-component-input > .web-table-container {
  height: 500px;
}
.web-form .web-form-category .web-component-group.embed-table.web-component-required:not(.web-component-required-valid) .web-component-input .row-marker:before, .web-component-dialog-editor .web-component-group.embed-table.web-component-required:not(.web-component-required-valid) .web-component-input .row-marker:before {
  color: brown;
}
.web-form .web-form-category .web-component-custom .web-component-input > *, .web-component-dialog-editor .web-component-custom .web-component-input > * {
  max-width: 100%;
}
.web-form .web-form-category .web-component-editor-dialog button.al-left, .web-component-dialog-editor .web-component-editor-dialog button.al-left {
  text-align: left;
}
.web-form .web-form-category .web-component-editor-dialog button.al-center, .web-component-dialog-editor .web-component-editor-dialog button.al-center {
  text-align: center;
}
.web-form .web-form-category .web-component-editor-dialog button.al-right, .web-component-dialog-editor .web-component-editor-dialog button.al-right {
  text-align: right;
}
.web-form .web-form-category .web-component-group.table-edit-bulk .web-component-multiple-values, .web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-multiple-values,
.web-form .web-form-category .web-component-group.table-edit-bulk .web-component-editor-dialog,
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-editor-dialog {
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
}
.web-form .web-form-category .web-component-group.table-edit-bulk .web-component-multiple-values button, .web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-multiple-values button,
.web-form .web-form-category .web-component-group.table-edit-bulk .web-component-editor-dialog button,
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-editor-dialog button {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  cursor: pointer;
  border-radius: 3px !important;
  width: auto;
  font-size: 1rem;
  border: 0.1px solid;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: white;
}
.web-form .web-form-category .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog {
  width: 100%;
}
.web-form .web-form-category .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}

.settings-selector {
  position: relative;
  width: 35px;
  min-width: 35px;
  height: 25px;
  border-radius: 3px;
  z-index: 1;
  cursor: pointer;
}
.zoomPlugin .settings-selector {
  width: 24px;
  min-width: 24px;
}

.settings-selector svg {
  width: 24px;
  height: 24px;
  padding: 0;
}
.settings-selector select {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  -webkit-appearance: none;
  opacity: 0;
}
.zoomPlugin .settings-selector select {
  left: auto;
  right: 0;
}

.save-indicator {
  display: inline-block;
  cursor: pointer;
}
.save-indicator .saved, .save-indicator .saving, .save-indicator .detail {
  display: none;
}
.save-indicator.show-saved .saved, .save-indicator.show-saving .saving {
  display: inline-block;
}
.save-indicator .saving .icon svg, .save-indicator .saving .icon-detail svg {
  -webkit-animation: rotate-saving-icon 5s linear infinite;
  -moz-animation: rotate-saving-icon 5s linear infinite;
  -o-animation: rotate-saving-icon 5s linear infinite;
  animation: rotate-saving-icon 5s linear infinite;
}
@-webkit-keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.save-indicator.show-saved .saved .text {
  opacity: 0;
  -webkit-animation: hide-saved-text 5s linear 1;
  -moz-animation: hide-saved-text 5s linear 1;
  -o-animation: hide-saved-text 5s linear 1;
  animation: hide-saved-text 5s linear 1;
}
@-webkit-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.save-indicator.show-detail .detail {
  display: block;
}
.save-indicator .save-state {
  position: relative;
  pointer-events: none;
}
.save-indicator .save-state .icon, .save-indicator .save-state .text {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .icon {
  padding: 2px;
  width: 25px;
  height: 25px;
  border-radius: 3px;
}
.save-indicator .save-state .icon-detail {
  width: 30px;
  height: 30px;
}
.save-indicator .save-state svg {
  width: 100%;
  height: 100%;
}
.save-indicator .save-state .text {
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 5px;
}
.save-indicator .save-state .detail {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: 0;
  top: 30px;
  border-radius: 3px;
}
.save-indicator .save-state .detail .icon-detail {
  margin: 10px;
}
.save-indicator .save-state .detail .icon-detail, .save-indicator .save-state .detail .title {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .detail .info {
  width: 100%;
  padding: 10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.save-indicator {
  display: inline-block;
  cursor: pointer;
}
.save-indicator .saved, .save-indicator .saving, .save-indicator .detail {
  display: none;
}
.save-indicator.show-saved .saved, .save-indicator.show-saving .saving {
  display: inline-block;
}
.save-indicator.show-saved .saved .text {
  opacity: 0;
  -webkit-animation: hide-saved-text 5s linear 1;
  -moz-animation: hide-saved-text 5s linear 1;
  -o-animation: hide-saved-text 5s linear 1;
  animation: hide-saved-text 5s linear 1;
}
@-webkit-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.save-indicator.show-detail .detail {
  display: block;
}
.save-indicator .save-state {
  position: relative;
  pointer-events: none;
}
.save-indicator .save-state .icon, .save-indicator .save-state .text {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .icon {
  padding: 5px;
  width: 25px;
  height: 25px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: gray;
}
.save-indicator .save-state .icon-detail {
  width: 30px;
  height: 30px;
}
.save-indicator .save-state svg {
  width: 100%;
  height: 100%;
}
.save-indicator .save-state .text {
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 5px;
}
.save-indicator .save-state .detail {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: 0;
  top: 30px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: gray;
  background-color: white;
}
.save-indicator .save-state .detail .icon-detail {
  margin: 10px;
}
.save-indicator .save-state .detail .icon-detail, .save-indicator .save-state .detail .title {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .detail .info {
  width: 100%;
  padding: 10px;
  background-color: #b7bdc0;
}
.save-indicator .save-state.saving .icon {
  transform: scaleY(-1);
}

.dialog-file-preview {
  width: calc(100% - 20px);
  left: 10px;
}
.dialog-file-preview .preview-file-detail-image, .dialog-file-preview .preview-file-detail-video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dialog-file-preview .preview-file-detail-audio {
  width: 100%;
}
.dialog-file-preview .preview-file-detail-image.rotate-90deg {
  transform: rotate(90deg);
}
.dialog-file-preview .preview-file-detail-image.rotate-180deg {
  transform: rotate(180deg);
}
.dialog-file-preview .preview-file-detail-image.rotate-270deg {
  transform: rotate(270deg);
}

@media only print {
  @page {
    size: A4;
    margin: 10mm;
  }
  .content-wrapper {
    background: white !important;
  }
  footer {
    display: none;
  }
  .web-component-group {
    background-color: transparent;
  }
  .wrapper-fixed {
    position: initial !important;
    top: 5px !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 210mm !important;
  }
  .wrapper-fixed .web-component-text {
    margin-left: calc(100% - 60px) !important;
  }
  * {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari, Edge */
    color-adjust: exact !important; /* Firefox */
  }
  .js-tooltip-div {
    display: none !important;
  }
}
.web-form {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  width: 100%;
}
.js-tooltip-div .web-form {
  padding: 1px;
}

.web-form .wrapper-fixed,
.web-form .wrapper-sticky {
  pointer-events: none;
}
.web-form .wrapper-fixed > div,
.web-form .wrapper-sticky > div {
  position: absolute;
  pointer-events: auto;
  background-color: white;
}
.web-form .wrapper-fixed {
  z-index: 2;
  position: fixed;
}
.web-form .wrapper-fixed > div .web-component-input > input {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border: 1px solid #4a88cc !important;
  font-weight: bold;
}
.web-form .wrapper-sticky {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
}
.web-form .wrapper-sticky > div {
  position: sticky;
  position: -webkit-sticky;
}
.web-form .wrapper-sticky > div .web-component-input > input {
  background: rgb(239, 239, 239) !important;
  font-weight: bold;
}
.web-form .wrapper-sticky .web-component-text.web-component-disabled {
  background: rgb(239, 239, 239);
  border-radius: 5px;
}
.web-form .web-form-category {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  text-align: left;
  position: relative;
}
.web-form .web-form-category .show-more {
  border: none;
  height: 27px;
  border-radius: 3px;
}
.web-form .web-form-category .show-more.web-component-group {
  background-color: transparent !important;
  margin-bottom: 5px;
}
.web-form .web-form-category .web-component-required h3 {
  font-weight: normal;
  color: rgb(127, 127, 127) !important;
}
.web-form .web-form-category .web-form-sub-category {
  width: 100%;
  padding-top: 5px;
  margin-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.web-form .web-form-category .web-form-sub-category > * {
  display: inline-block;
  vertical-align: top;
}
.web-form .web-form-category .web-form-sub-category h3 {
  font-size: 16px;
  color: rgb(127, 127, 127);
  position: relative;
}
.web-form .web-form-category .web-form-sub-category h3:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  top: -15px;
  left: 0;
  border-top: 0.1px solid gray;
}
@media only screen and (max-width: 768px) {
  .web-form .web-form-category .web-form-sub-category h3:after {
    width: 0;
  }
}
.web-form .web-form-category .web-form-sub-category .web-component-label {
  float: right;
  bottom: 17px;
  width: 100%;
}
.web-form .web-form-category .web-form-sub-category input {
  background-color: white !important;
}
.web-form .web-form-category:not(.hidden-category) + * {
  margin-top: 20px;
}
.web-form .web-form-category .web-component-group {
  padding-right: 5px;
  padding-left: 5px;
}
@media only screen and (max-width: 768px) {
  .web-form .web-form-category .web-form-sub-category > * {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
.web-form .web-form-category .web-form-sub-category.always-wrapped > *:not(h3) {
  width: 100% !important;
  margin-left: 0 !important;
}
.web-form .web-form-category .web-component-required {
  border: 2px solid red;
  border-radius: 5px;
}
.web-form .web-form-category .web-component-required.web-component-required-valid {
  border-color: white;
}

.web-form-container:not(.widget-container, .web-form-type-properties-horizontal) {
  padding: 5px 10px;
}

.web-form-type-properties-vertical .web-component-group {
  position: relative;
  width: 100%;
}
.web-form-type-properties-vertical .web-component-group + *:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px solid transparent;
}

.web-form-type-properties-horizontal {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.web-form-type-properties-horizontal .web-container {
  max-width: 100%;
}
.web-form-type-properties-horizontal .web-container-title {
  margin: 10px 10px 0;
}
.web-form-type-properties-horizontal.multiple-settings .settings-selector, .web-form-type-properties-horizontal.multiple-settings .web-form {
  display: inline-block;
}
.web-form-type-properties-horizontal.multiple-settings .settings-selector {
  margin-left: 10px;
  bottom: 3px;
}
.web-form-type-properties-horizontal.multiple-settings .web-form {
  width: calc(100% - 45px);
}
.web-form-type-properties-horizontal .horizontal-props {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.web-form-type-properties-horizontal .horizontal-props::-webkit-scrollbar {
  display: none;
}
.web-form-type-properties-horizontal .web-form {
  padding: 10px;
}
.web-form-type-properties-horizontal .web-form .web-form-category {
  display: inline-block;
  margin-top: 0;
}
.web-form-type-properties-horizontal .web-form .web-form-category h2 {
  position: sticky;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
}
.web-form-type-properties-horizontal .web-form .horizontal-props {
  white-space: nowrap;
  overflow-x: scroll;
  position: relative;
}
.web-form-type-properties-horizontal .web-form .horizontal-scroll-button {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 27px;
  bottom: 15px;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 27px;
}
.web-form-type-properties-horizontal .web-form .horizontal-scroll-button.prev {
  left: 10px;
}
.web-form-type-properties-horizontal .web-form .horizontal-scroll-button.next {
  right: 10px;
}
.web-form-type-properties-horizontal .web-form .horizontal-scroll-button.disabled {
  opacity: 0 !important;
  pointer-events: none;
}
.web-form-type-properties-horizontal .web-form .web-component-group {
  display: inline-block;
}
.web-form-type-properties-horizontal .web-form .web-component-group + .web-component-group {
  position: relative;
}
.web-form-type-properties-horizontal .web-form .web-component-group + .web-component-group:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  height: calc(100% - 10px);
  border-left: 0.5px solid lightgray;
}
.web-form-type-properties-horizontal .web-form .web-component-group .web-component-custom-select .display .option {
  width: auto;
}

.quant-form-result-attributes-total-score {
  padding: 0 !important;
}
.quant-form-result-attributes-total-score .web-component-label {
  padding: 5px 5px 1px 5px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.quant-form-result-attributes-total-score input {
  padding-right: 5px;
  font-size: 15px;
  border-radius: 0 0 2px 2px;
  background-color: white !important;
}

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

@charset "UTF-8";
.web-component-input {
  position: relative;
}

.web-table-container .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-table-container .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-table-container .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-table-container .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-table-container .web-component-date.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input > input, .web-table-container .web-component-color.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-color.web-component-disabled .web-component-input > input, .web-table-container .web-component-froala.web-component-disabled .web-component-input > div, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div, .web-table-container .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-table-container .web-component-text.web-component-disabled .web-component-input input, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input, .web-table-container .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-component-custom-select.always-opened .display {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.table-export-popup, .web-table-container .web-table .web-table-wrapper table tbody tr td.editing .web-component-change-submit, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-edit th:not(.empty) .web-component-change-submit, .save-indicator .save-state .detail, .web-table-container .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-table-container .web-component-issue .web-component-input > button, .web-component-dialog-editor .web-component-issue .web-component-input > button, .web-table-container .web-component-file .web-component-input .upload, .web-component-dialog-editor .web-component-file .web-component-input .upload, .web-table-container .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-table-container .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-table-container .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-table-container .web-component-yes-no .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button, .web-table-container .web-component-date .web-component-input > input, .web-component-dialog-editor .web-component-date .web-component-input > input, .web-table-container .web-component-color .web-component-input > input, .web-component-dialog-editor .web-component-color .web-component-input > input, .web-table-container .web-component-froala .web-component-input > div, .web-component-dialog-editor .web-component-froala .web-component-input > div, .web-table-container .web-component-text-area .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area .web-component-input > textarea, .web-table-container .web-component-text .web-component-input input, .web-component-dialog-editor .web-component-text .web-component-input input, .web-component-custom-select .display, .web-component-custom-select.always-opened input {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only print {
  .table-export-popup, .web-table-container .web-table .web-table-wrapper table tbody tr td.editing .web-component-change-submit, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-edit th:not(.empty) .web-component-change-submit, .save-indicator .save-state .detail, .web-table-container .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-table-container .web-component-issue .web-component-input > button, .web-component-dialog-editor .web-component-issue .web-component-input > button, .web-table-container .web-component-file .web-component-input .upload, .web-component-dialog-editor .web-component-file .web-component-input .upload, .web-table-container .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-table-container .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-table-container .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-table-container .web-component-yes-no .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button, .web-table-container .web-component-date .web-component-input > input, .web-component-dialog-editor .web-component-date .web-component-input > input, .web-table-container .web-component-color .web-component-input > input, .web-component-dialog-editor .web-component-color .web-component-input > input, .web-table-container .web-component-froala .web-component-input > div, .web-component-dialog-editor .web-component-froala .web-component-input > div, .web-table-container .web-component-text-area .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area .web-component-input > textarea, .web-table-container .web-component-text .web-component-input input, .web-component-dialog-editor .web-component-text .web-component-input input, .web-component-custom-select .display, .web-component-custom-select.always-opened input {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

.table-export-popup a:hover, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th button.active, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th button:hover, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .base-button:hover, .web-table-container .web-table .web-table-paging button:hover, .web-table-container .web-table .web-table-paging select:hover, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th > div.advanced-filter .advanced-filter-button:hover, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter > div.advanced-filter .advanced-filter-button:hover, .save-indicator:hover .icon, .web-table-container .web-component-group.table-edit-bulk .web-component-multiple-values button, .web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-multiple-values button,
.web-table-container .web-component-group.table-edit-bulk .web-component-editor-dialog button,
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-editor-dialog button, .web-table-container .web-component-file .web-component-input .upload:hover, .web-component-dialog-editor .web-component-file .web-component-input .upload:hover, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .filter-reset:hover, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper .filter-reset:hover, .web-table-container .web-component-date .web-component-input .date-reset:hover, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:hover, .web-component-custom-select button:hover, .web-table-container .web-component-file-table-cell .preview-file .buttons button:hover, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button:hover, .web-table-container .web-component-file .web-component-input .preview-file .buttons button:hover, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button:hover {
  -webkit-box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 10000px 10000px 0 0 rgba(0, 0, 0, 0.1);
}

.web-table-container .web-component-text .hints-loader, .web-component-dialog-editor .web-component-text .hints-loader {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  z-index: 1;
  line-height: 160%;
  text-align: center;
  font-weight: bold;
  background: repeating-linear-gradient(135deg, rgb(239, 239, 239), rgb(239, 239, 239) 10px, rgb(204, 204, 204) 10px, rgb(204, 204, 204) 20px);
  background-size: 1600% 100%;
  -webkit-animation: hints-loading 300s linear infinite;
  -moz-animation: hints-loading 300s linear infinite;
  -o-animation: hints-loading 300s linear infinite;
  animation: hints-loading 300s linear infinite;
}
@-webkit-keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@-moz-keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@-o-keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@keyframes hints-loading {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
.web-table-container .web-component-text .hints, .web-component-dialog-editor .web-component-text .hints {
  display: none !important;
  position: absolute;
  top: 100%;
  left: 3px;
  width: calc(100% - 6px);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-style: solid;
  border-width: 1px;
  border-top-width: 0;
  z-index: 1;
}
.web-table-container .web-component-text .hints.open, .web-component-dialog-editor .web-component-text .hints.open {
  display: block !important;
}
.web-table-container .web-component-text .hints .hint, .web-component-dialog-editor .web-component-text .hints .hint {
  position: relative;
  min-height: 26px;
  padding: 5px;
}
.web-table-container .web-component-text .hints .hint.selected:after, .web-component-dialog-editor .web-component-text .hints .hint.selected:after {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: " ";
  opacity: 0.3;
}
.web-table-container .web-component-text .hints .hint:not(.empty), .web-component-dialog-editor .web-component-text .hints .hint:not(.empty) {
  cursor: pointer;
}

.web-table-container .web-component-multi-select .web-component-editor-dialog .count, .web-component-dialog-editor .web-component-multi-select .web-component-editor-dialog .count, .web-table-container .web-component-multi-select-table-cell .count, .web-component-dialog-editor .web-component-multi-select-table-cell .count, .web-component-custom-select .display .count {
  position: relative;
  display: inline-block;
  min-width: 20px;
  padding: 3px;
  margin-right: 5px;
  border: 0.5px solid;
  border-radius: 3px;
  font-weight: bold;
  line-height: 100%;
  text-align: center;
}

.web-component-custom-select {
  width: 100%;
  min-height: 27px;
  height: fit-content !important;
  border-radius: 3px;
}
.web-component-custom-select .option {
  display: flex;
  width: calc(100% - 22px);
  height: 100%;
  padding: 3px;
  align-items: center;
}
.web-component-custom-select .option > * {
  height: 100%;
  display: inline-flex;
  align-items: center;
}
.web-component-custom-select .option span:not(.count) {
  white-space: nowrap;
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  line-height: 19px;
}
.web-component-custom-select .option img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.web-component-custom-select .option img:not([src]) {
  display: none;
}
.web-component-custom-select button {
  z-index: 5;
  visibility: visible;
  transform: scale(1.4, 1.4);
  border-radius: 3px;
  right: 7.5px !important;
  top: 7.5px !important;
}
.web-component-custom-select button.active {
  visibility: visible;
}
.web-component-custom-select.in-dialog {
  position: relative;
  height: auto;
}
.web-component-custom-select.in-dialog ul.preview {
  border: none;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  list-style: none;
  max-height: none;
  background-color: inherit;
}
.web-component-custom-select.in-dialog ul.preview li:first-child .option:before {
  display: none;
}
.web-component-custom-select.in-dialog ul.preview .option span:not(.count) {
  width: 100%;
  overflow-x: visible;
}
.web-component-custom-select:not(.always-opened):not(.in-dialog)::after {
  content: "▼";
  position: absolute;
  top: 1.5px;
  right: 1.5px;
  padding: 5px;
  transition: 0.25s all ease;
  pointer-events: none;
}
.web-component-custom-select .display {
  padding: 0 !important;
}
.web-component-custom-select:not(.always-opened) .display:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  height: 25px;
  width: 23px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.web-component-custom-select:not(.always-opened) .display .option {
  background-color: inherit !important;
  border-radius: 3px 0 0 3px;
}
.web-component-custom-select:not(.always-opened) .display:hover {
  overflow-y: visible;
}
.web-component-custom-select:not(.always-opened) .display:hover:after {
  right: -1px;
  top: -1px;
  height: 27px;
  width: 24px;
  border: 1px solid;
  border-left: none;
}
.web-component-custom-select:not(.always-opened) .display:hover .option {
  position: absolute;
  left: -1px;
  top: -1px;
  min-height: 27px;
  height: auto;
  border-style: solid;
  border-width: 1px;
  border-right: 0;
  z-index: 1;
}
.web-component-custom-select:not(.always-opened) .display:hover .option .count {
  bottom: 0;
}
.web-component-custom-select:not(.always-opened) .display:hover .option::after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 0;
  height: calc(100% - 25px);
  border-right: 1px solid;
  border-bottom-right-radius: 3px;
}
.web-component-custom-select:not(.always-opened) .display:hover .option span {
  white-space: normal;
  word-break: break-word;
}
.web-component-custom-select ul {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  display: none;
  position: absolute;
  z-index: 1;
  width: calc(100% - 2px);
  border-style: solid;
  border-width: 1px;
  max-height: 100px;
  overflow-y: scroll;
}
.web-component-custom-select ul .select-counts::after,
.web-component-custom-select ul li + * .option::before {
  content: " ";
  position: absolute;
  top: -0.75px;
  width: calc(100% - 10px);
  left: 5px;
  border-style: solid;
  border-width: 1px;
  opacity: 0.3;
}
.web-component-custom-select ul .select-counts {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 12px;
  position: sticky;
  z-index: 1;
  top: 0;
}
.web-component-custom-select ul .select-counts::after {
  top: auto;
  bottom: -0.5px;
}
.web-component-custom-select ul li {
  position: relative;
  min-height: 27px;
  font-weight: normal;
  font-size: 12px;
}
.web-component-custom-select ul li .option {
  padding-top: 0;
  padding-bottom: 0;
}
.web-component-custom-select ul li .option span {
  line-height: 200% !important;
  min-height: 27px;
}
.web-component-custom-select ul li .option img {
  width: 25px !important;
  height: 25px !important;
  padding: 5px;
}
.web-component-custom-select ul li:hover .option span {
  white-space: normal;
}
.web-component-custom-select ul li:hover .option span {
  white-space: normal;
}
.web-component-custom-select ul li.selected::before {
  display: block;
}
.web-component-custom-select ul:not(.preview) li.selected {
  font-weight: bold;
}
.web-component-custom-select ul:not(.preview) li::after {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: " ";
  opacity: 0;
  left: -0.5px;
}
.web-component-custom-select ul:not(.preview) li.selected::after {
  opacity: 0.2;
}
.web-component-custom-select ul:not(.preview) li.key-selected::after, .web-component-custom-select ul:not(.preview) li:hover::after {
  opacity: 0.3;
}
.web-component-custom-select ul:not(.preview) li.key-selected:hover::after, .web-component-custom-select ul:not(.preview) li.selected:hover::after {
  opacity: 0.5;
}
.web-component-custom-select ul:not(.preview) li::before {
  display: none;
  content: "✓";
  height: 18px;
  width: 18px;
  font-size: 12px;
  padding: 2px 3px;
  border-radius: 3px;
  right: 4px;
  top: calc(50% - 9px);
  border-style: solid;
  border-width: 1px;
  position: absolute;
}
.web-component-custom-select input {
  display: none;
}
.web-component-custom-select.always-opened input {
  display: block;
  width: 100%;
  outline: none;
  border-radius: 0 !important;
}
.web-component-custom-select.always-opened .display, .web-component-custom-select.opened .display {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.web-component-custom-select.always-opened ul, .web-component-custom-select.opened ul {
  display: block;
}
.web-component-custom-select.opened:not(.always-opened):not(.in-dialog)::after {
  content: "▲";
}
.web-component-custom-select.opened:not(.always-opened) ul {
  -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.3);
  z-index: 2;
}
@media only print {
  .web-component-custom-select.opened:not(.always-opened) ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.web-component-custom-select.always-opened::after {
  display: none;
}
.web-component-custom-select.always-opened ul {
  position: relative;
  width: 100%;
  cursor: default;
}
.web-component-custom-select.always-opened ul li {
  cursor: pointer;
}

.web-component-custom-select-buttons {
  width: 100%;
  min-height: 27px;
  height: fit-content !important;
  padding: 3px;
}
.web-component-custom-select-buttons .option-wrapper {
  display: flex;
  gap: 5px;
}
.web-component-custom-select-buttons .option-wrapper span {
  align-self: center;
}
.web-component-custom-select-buttons .option-wrapper.row {
  flex-direction: row;
  flex-wrap: wrap;
}
.web-component-custom-select-buttons .option-wrapper.column {
  flex-direction: column;
}
.web-component-custom-select-buttons .option-wrapper .option {
  display: flex;
  border: 1px solid black;
  border-radius: 3px;
  min-height: 27px;
  padding: 3px 5px;
  background: transparent;
  font-size: 16px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.web-component-custom-select-buttons .option-wrapper .option.selected {
  background: rgb(0, 143, 0);
  border-color: white !important;
}
.web-component-custom-select-buttons .option-wrapper .option.selected span {
  color: white;
}
.web-component-custom-select-buttons .option-wrapper .option img {
  height: 19px;
  width: 19px;
  object-fit: contain;
  margin-right: 3px;
}
.web-component-custom-select-buttons .option-wrapper .option img:not([src]) {
  display: none;
}

.web-table-container .web-component-file-table-cell .preview, .web-component-dialog-editor .web-component-file-table-cell .preview, .web-table-container .web-component-file .web-component-input .preview, .web-component-dialog-editor .web-component-file .web-component-input .preview {
  width: 100%;
}
.web-table-container .web-component-file-table-cell .preview-file, .web-component-dialog-editor .web-component-file-table-cell .preview-file, .web-table-container .web-component-file .web-component-input .preview-file, .web-component-dialog-editor .web-component-file .web-component-input .preview-file {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
}
.web-table-container .web-component-file-table-cell .preview-file-wrap, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap, .web-table-container .web-component-file .web-component-input .preview-file-wrap, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap {
  vertical-align: top;
  padding: 2px;
  margin: 3px;
  background: rgba(0, 127, 0, 0.5);
  display: inline-block;
  border-radius: 3px;
}
.web-table-container .web-component-file-table-cell .preview-file-wrap.stored, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.stored, .web-table-container .web-component-file .web-component-input .preview-file-wrap.stored, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.stored {
  background: transparent;
}
.web-table-container .web-component-file-table-cell .preview-file-wrap.stored.rotate, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.stored.rotate, .web-table-container .web-component-file .web-component-input .preview-file-wrap.stored.rotate, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.stored.rotate {
  background: rgba(0, 0, 255, 0.5);
}
.web-table-container .web-component-file-table-cell .preview-file-wrap.stored.remove, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.stored.remove, .web-table-container .web-component-file .web-component-input .preview-file-wrap.stored.remove, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.stored.remove {
  background: rgba(255, 0, 0, 0.5);
}
.web-table-container .web-component-file-table-cell .preview-file-wrap.rotate-90deg img, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.rotate-90deg img, .web-table-container .web-component-file .web-component-input .preview-file-wrap.rotate-90deg img, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.rotate-90deg img {
  transform: rotate(90deg);
}
.web-table-container .web-component-file-table-cell .preview-file-wrap.rotate-180deg img, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.rotate-180deg img, .web-table-container .web-component-file .web-component-input .preview-file-wrap.rotate-180deg img, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.rotate-180deg img {
  transform: rotate(180deg);
}
.web-table-container .web-component-file-table-cell .preview-file-wrap.rotate-270deg img, .web-component-dialog-editor .web-component-file-table-cell .preview-file-wrap.rotate-270deg img, .web-table-container .web-component-file .web-component-input .preview-file-wrap.rotate-270deg img, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-wrap.rotate-270deg img {
  transform: rotate(270deg);
}
.web-table-container .web-component-file-table-cell .preview-file-detail-basic .file-name, .web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-basic .file-name, .web-table-container .web-component-file .web-component-input .preview-file-detail-basic .file-name, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-basic .file-name {
  display: block;
  width: 100%;
  height: 30px;
  font-size: 10px;
  padding: 2px;
  opacity: 0.5;
  word-wrap: anywhere;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.web-table-container .web-component-file-table-cell .preview-file-detail-basic .file-extension, .web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-basic .file-extension, .web-table-container .web-component-file .web-component-input .preview-file-detail-basic .file-extension, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-basic .file-extension {
  display: block;
  width: 100%;
  height: 20px;
  text-align: center;
}
.web-table-container .web-component-file-table-cell .preview-file-detail-basic .file-extension:before, .web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-basic .file-extension:before, .web-table-container .web-component-file .web-component-input .preview-file-detail-basic .file-extension:before, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-basic .file-extension:before {
  content: ".";
}
.web-table-container .web-component-file-table-cell .preview-file-detail-image, .web-component-dialog-editor .web-component-file-table-cell .preview-file-detail-image, .web-table-container .web-component-file .web-component-input .preview-file-detail-image, .web-component-dialog-editor .web-component-file .web-component-input .preview-file-detail-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.web-table-container .web-component-file-table-cell .preview-file .buttons, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons, .web-table-container .web-component-file .web-component-input .preview-file .buttons, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons {
  pointer-events: none;
  position: absolute;
  border: none;
  top: -1px;
  left: -1px;
  width: 50px;
  height: 50px;
}
.web-table-container .web-component-file-table-cell .preview-file .buttons button, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button, .web-table-container .web-component-file .web-component-input .preview-file .buttons button, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button {
  opacity: 0;
  width: 25px;
  height: 25px;
  padding: 5px;
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-style: solid;
  border-width: 0;
}
.web-table-container .web-component-file-table-cell .preview-file .buttons button.pos-right, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-right, .web-table-container .web-component-file .web-component-input .preview-file .buttons button.pos-right, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-right {
  right: 0;
  border-right-width: 1px;
}
.web-table-container .web-component-file-table-cell .preview-file .buttons button.pos-left, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-left, .web-table-container .web-component-file .web-component-input .preview-file .buttons button.pos-left, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-left {
  left: 0;
  border-left-width: 1px;
}
.web-table-container .web-component-file-table-cell .preview-file .buttons button.pos-top, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-top, .web-table-container .web-component-file .web-component-input .preview-file .buttons button.pos-top, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-top {
  top: 0;
  border-top-width: 1px;
}
.web-table-container .web-component-file-table-cell .preview-file .buttons button.pos-bottom, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-bottom, .web-table-container .web-component-file .web-component-input .preview-file .buttons button.pos-bottom, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-bottom {
  bottom: 0;
  border-bottom-width: 1px;
}
.web-table-container .web-component-file-table-cell .preview-file .buttons button.pos-top.pos-right, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-top.pos-right, .web-table-container .web-component-file .web-component-input .preview-file .buttons button.pos-top.pos-right, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-top.pos-right {
  border-top-right-radius: 3px;
}
.web-table-container .web-component-file-table-cell .preview-file .buttons button.pos-top.pos-left, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-top.pos-left, .web-table-container .web-component-file .web-component-input .preview-file .buttons button.pos-top.pos-left, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-top.pos-left {
  border-top-left-radius: 3px;
}
.web-table-container .web-component-file-table-cell .preview-file .buttons button.pos-bottom.pos-right, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-bottom.pos-right, .web-table-container .web-component-file .web-component-input .preview-file .buttons button.pos-bottom.pos-right, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-bottom.pos-right {
  border-bottom-right-radius: 3px;
}
.web-table-container .web-component-file-table-cell .preview-file .buttons button.pos-bottom.pos-left, .web-component-dialog-editor .web-component-file-table-cell .preview-file .buttons button.pos-bottom.pos-left, .web-table-container .web-component-file .web-component-input .preview-file .buttons button.pos-bottom.pos-left, .web-component-dialog-editor .web-component-file .web-component-input .preview-file .buttons button.pos-bottom.pos-left {
  border-bottom-left-radius: 3px;
}
.web-table-container .web-component-file-table-cell .preview-file:hover .buttons, .web-component-dialog-editor .web-component-file-table-cell .preview-file:hover .buttons, .web-table-container .web-component-file .web-component-input .preview-file:hover .buttons, .web-component-dialog-editor .web-component-file .web-component-input .preview-file:hover .buttons {
  pointer-events: auto;
}
.web-table-container .web-component-file-table-cell .preview-file:hover .buttons button, .web-component-dialog-editor .web-component-file-table-cell .preview-file:hover .buttons button, .web-table-container .web-component-file .web-component-input .preview-file:hover .buttons button, .web-component-dialog-editor .web-component-file .web-component-input .preview-file:hover .buttons button {
  opacity: 1;
}

.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .filter-reset, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper .filter-reset, .web-table-container .web-component-date .web-component-input .date-reset, .web-component-dialog-editor .web-component-date .web-component-input .date-reset, .web-component-custom-select button {
  visibility: hidden;
  position: absolute;
  text-decoration: none;
  -webkit-appearance: none;
  border-style: solid;
  border-width: 1px;
  height: 14px;
  width: 14px;
  top: 1px;
  right: 6px;
  cursor: pointer;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .active.filter-reset, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper .active.filter-reset, .web-table-container .web-component-date .web-component-input .active.date-reset, .web-component-dialog-editor .web-component-date .web-component-input .active.date-reset, .web-component-custom-select button.active {
  visibility: visible;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .filter-reset:before, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper .filter-reset:before, .web-table-container .web-component-date .web-component-input .date-reset:before, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:before, .web-component-custom-select button:before, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .filter-reset:after, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper .filter-reset:after, .web-table-container .web-component-date .web-component-input .date-reset:after, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:after, .web-component-custom-select button:after {
  position: absolute;
  content: " ";
  right: 5px;
  top: 1px;
  height: 10px;
  width: 2px;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .filter-reset:before, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper .filter-reset:before, .web-table-container .web-component-date .web-component-input .date-reset:before, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:before, .web-component-custom-select button:before {
  transform: rotate(45deg);
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .filter-reset:after, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper .filter-reset:after, .web-table-container .web-component-date .web-component-input .date-reset:after, .web-component-dialog-editor .web-component-date .web-component-input .date-reset:after, .web-component-custom-select button:after {
  transform: rotate(-45deg);
}
.web-table-container .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-table-container .web-component-issue .web-component-input > button, .web-component-dialog-editor .web-component-issue .web-component-input > button, .web-table-container .web-component-file .web-component-input .upload, .web-component-dialog-editor .web-component-file .web-component-input .upload, .web-table-container .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-table-container .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-table-container .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-table-container .web-component-yes-no .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button, .web-table-container .web-component-date .web-component-input > input, .web-component-dialog-editor .web-component-date .web-component-input > input, .web-table-container .web-component-color .web-component-input > input, .web-component-dialog-editor .web-component-color .web-component-input > input, .web-table-container .web-component-froala .web-component-input > div, .web-component-dialog-editor .web-component-froala .web-component-input > div, .web-table-container .web-component-text-area .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area .web-component-input > textarea, .web-table-container .web-component-text .web-component-input input, .web-component-dialog-editor .web-component-text .web-component-input input, .web-component-custom-select .display, .web-component-custom-select.always-opened input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: 16px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  position: relative;
  padding: 2px;
  width: 100%;
  height: 27px;
}

.web-table-container .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-table-container .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-table-container .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-table-container .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-table-container .web-component-date.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input > input, .web-table-container .web-component-color.web-component-disabled .web-component-input > input, .web-component-dialog-editor .web-component-color.web-component-disabled .web-component-input > input, .web-table-container .web-component-froala.web-component-disabled .web-component-input > div, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div, .web-table-container .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-table-container .web-component-text.web-component-disabled .web-component-input input, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input, .web-table-container .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-component-custom-select.always-opened .display {
  font-size: 12px;
  cursor: default !important;
  border-color: transparent;
}
.no-disabled-bg .web-table-container .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display, .no-disabled-bg .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .display, .web-table-container .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .no-disabled-bg .display, .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select .no-disabled-bg .display,
.no-disabled-bg .web-table-container .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.no-disabled-bg .web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .display,
.web-table-container .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .no-disabled-bg .display,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select .no-disabled-bg .display, .no-disabled-bg .web-table-container .web-component-yes-no.web-component-disabled .web-component-input > div > button, .no-disabled-bg .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button, .web-table-container .web-component-yes-no.web-component-disabled .no-disabled-bg .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .no-disabled-bg .web-component-input > div > button, .no-disabled-bg .web-table-container .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .no-disabled-bg .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button, .web-table-container .web-component-yes-no.web-component-disabled .web-component-input .no-disabled-bg .with-images > div > button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .no-disabled-bg .with-images > div > button, .no-disabled-bg .web-table-container .web-component-date.web-component-disabled .web-component-input > input, .no-disabled-bg .web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input > input, .web-table-container .web-component-date.web-component-disabled .no-disabled-bg .web-component-input > input, .web-component-dialog-editor .web-component-date.web-component-disabled .no-disabled-bg .web-component-input > input, .no-disabled-bg .web-table-container .web-component-color.web-component-disabled .web-component-input > input, .no-disabled-bg .web-component-dialog-editor .web-component-color.web-component-disabled .web-component-input > input, .web-table-container .web-component-color.web-component-disabled .no-disabled-bg .web-component-input > input, .web-component-dialog-editor .web-component-color.web-component-disabled .no-disabled-bg .web-component-input > input, .no-disabled-bg .web-table-container .web-component-froala.web-component-disabled .web-component-input > div, .no-disabled-bg .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div, .web-table-container .web-component-froala.web-component-disabled .no-disabled-bg .web-component-input > div, .web-component-dialog-editor .web-component-froala.web-component-disabled .no-disabled-bg .web-component-input > div, .no-disabled-bg .web-table-container .web-component-text-area.web-component-disabled .web-component-input > textarea, .no-disabled-bg .web-component-dialog-editor .web-component-text-area.web-component-disabled .web-component-input > textarea, .web-table-container .web-component-text-area.web-component-disabled .no-disabled-bg .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area.web-component-disabled .no-disabled-bg .web-component-input > textarea, .no-disabled-bg .web-table-container .web-component-text.web-component-disabled .web-component-input input, .no-disabled-bg .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input, .web-table-container .web-component-text.web-component-disabled .web-component-input .no-disabled-bg input, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input .no-disabled-bg input, .no-disabled-bg .web-table-container .web-component-group.web-component-disabled .web-component-editor-dialog button, .no-disabled-bg .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog button, .web-table-container .web-component-group.web-component-disabled .web-component-editor-dialog .no-disabled-bg button, .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-editor-dialog .no-disabled-bg button, .no-disabled-bg .web-component-custom-select.always-opened .display, .web-component-custom-select.always-opened .no-disabled-bg .display {
  background-color: transparent !important;
}

.web-table-container .web-table .web-table-wrapper table .group-row .group-cell .group-wrap-scrollable {
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.web-table-container .web-table .web-table-wrapper table .group-row .group-cell .group-wrap-scrollable::-webkit-scrollbar {
  display: none;
}

.web-table-container .web-table .web-table-wrapper::-webkit-scrollbar-corner {
  width: 7px;
  height: 7px;
  z-index: -1;
}
.web-table-container .web-table .web-table-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  border: none;
  width: 7px;
  height: 7px;
}
.web-table-container .web-table .web-table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.web-table-container .web-component-froala-table-cell, .web-component-dialog-editor .web-component-froala-table-cell, .web-table-container .web-component-text-area-table-cell, .web-component-dialog-editor .web-component-text-area-table-cell {
  padding: 0 !important;
  min-width: 200px;
}
.web-table-container .web-component-froala-table-cell > div, .web-component-dialog-editor .web-component-froala-table-cell > div, .web-table-container .web-component-text-area-table-cell > div, .web-component-dialog-editor .web-component-text-area-table-cell > div {
  width: 100%;
  max-height: 57px;
  font-size: 12px;
  padding: 0 5px;
  border: none;
  background: none;
}
.web-table-container .web-component-froala-table-cell > .more, .web-component-dialog-editor .web-component-froala-table-cell > .more, .web-table-container .web-component-text-area-table-cell > .more, .web-component-dialog-editor .web-component-text-area-table-cell > .more {
  display: none;
}
.web-table-container .has-more.web-component-froala-table-cell, .web-component-dialog-editor .has-more.web-component-froala-table-cell, .web-table-container .has-more.web-component-text-area-table-cell, .web-component-dialog-editor .has-more.web-component-text-area-table-cell {
  cursor: pointer;
}
.web-table-container .has-more.web-component-froala-table-cell > .more, .web-component-dialog-editor .has-more.web-component-froala-table-cell > .more, .web-table-container .has-more.web-component-text-area-table-cell > .more, .web-component-dialog-editor .has-more.web-component-text-area-table-cell > .more {
  position: absolute;
  right: 0;
  bottom: 4px;
  text-align: right;
  display: block;
  opacity: 0.5;
  font-size: 8px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 2px 2px 2px 4px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.web-table-container .has-more.web-component-froala-table-cell:hover > .more, .web-component-dialog-editor .has-more.web-component-froala-table-cell:hover > .more, .web-table-container .has-more.web-component-text-area-table-cell:hover > .more, .web-component-dialog-editor .has-more.web-component-text-area-table-cell:hover > .more {
  font-size: 10px;
  text-decoration: underline;
}

.web-table-container .hidden, .web-component-dialog-editor .hidden {
  display: none;
}
.web-table-container .hiddenImportant, .web-component-dialog-editor .hiddenImportant {
  display: none !important;
}
.hidden-category.web-table-container, .hidden-category.web-component-dialog-editor, .web-table-container .hidden-sub-category, .web-component-dialog-editor .hidden-sub-category, .web-table-container .hidden-group, .web-component-dialog-editor .hidden-group {
  display: none !important;
}
.web-table-container .web-component-group, .web-component-dialog-editor .web-component-group {
  display: inline-block;
  vertical-align: bottom;
  padding: 5px;
}
.web-table-container .web-component-group.in-dialog, .web-component-dialog-editor .web-component-group.in-dialog {
  width: 100% !important;
  margin: 0 !important;
}
.web-table-container .web-component-group .web-component-label, .web-component-dialog-editor .web-component-group .web-component-label {
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}
.web-table-container .web-component-group .web-component-label-hidden-fill, .web-component-dialog-editor .web-component-group .web-component-label-hidden-fill {
  display: none;
}
.web-table-container .web-component-group .web-component-label-hidden, .web-component-dialog-editor .web-component-group .web-component-label-hidden {
  padding-bottom: 0;
}
.web-table-container .web-component-group .web-component-label-hidden label, .web-component-dialog-editor .web-component-group .web-component-label-hidden label {
  display: none;
}
.web-table-container .web-component-group .web-component-label-hidden label.web-component-label-hidden-fill, .web-component-dialog-editor .web-component-group .web-component-label-hidden label.web-component-label-hidden-fill {
  display: flex;
}
.web-table-container .web-component-group .web-component-label-hidden:not(.web-component-label-with-reset,
.web-component-label-with-units,
.web-component-label-with-warning), .web-component-dialog-editor .web-component-group .web-component-label-hidden:not(.web-component-label-with-reset,
.web-component-label-with-units,
.web-component-label-with-warning) {
  display: none;
}
.web-table-container .web-component-group .web-component-label .al-left, .web-component-dialog-editor .web-component-group .web-component-label .al-left {
  text-align: left;
}
.web-table-container .web-component-group .web-component-label .al-right, .web-component-dialog-editor .web-component-group .web-component-label .al-right {
  text-align: right;
}
.web-table-container .web-component-group .web-component-label .al-center, .web-component-dialog-editor .web-component-group .web-component-label .al-center {
  text-align: center;
}
.web-table-container .web-component-group .web-component-label label, .web-component-dialog-editor .web-component-group .web-component-label label {
  font-size: 12px;
  flex-grow: 100;
  word-wrap: break-word;
  overflow-x: hidden;
  overflow-y: clip;
}
.web-table-container .web-component-group .web-component-label .web-component-reset, .web-component-dialog-editor .web-component-group .web-component-label .web-component-reset,
.web-table-container .web-component-group .web-component-label .web-component-warning-icon,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon,
.web-table-container .web-component-group .web-component-label .web-component-not-verified-icon,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon {
  min-width: 15px;
  height: 15px;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  padding: 3px;
}
.web-table-container .web-component-group .web-component-label .web-component-warning-icon.hidden, .web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon.hidden,
.web-table-container .web-component-group .web-component-label .web-component-not-verified-icon.hidden,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon.hidden {
  display: none;
}
.web-table-container .web-component-group .web-component-label .web-component-warning-icon.js-tooltip, .web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon.js-tooltip,
.web-table-container .web-component-group .web-component-label .web-component-not-verified-icon.js-tooltip,
.web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon.js-tooltip {
  cursor: help;
}
.web-table-container .web-component-group .web-component-label .web-component-warning-icon, .web-component-dialog-editor .web-component-group .web-component-label .web-component-warning-icon {
  background-color: red;
  color: white;
}
.web-table-container .web-component-group .web-component-label .web-component-not-verified-icon, .web-component-dialog-editor .web-component-group .web-component-label .web-component-not-verified-icon {
  background-color: blue;
  color: white;
}
.web-table-container .web-component-group .web-component-label .web-component-units, .web-component-dialog-editor .web-component-group .web-component-label .web-component-units {
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 2px;
}
.web-table-container .web-component-group .web-component-label .web-component-units:before, .web-component-dialog-editor .web-component-group .web-component-label .web-component-units:before, .web-table-container .web-component-group .web-component-label .web-component-units:after, .web-component-dialog-editor .web-component-group .web-component-label .web-component-units:after {
  content: "";
  display: inline-block;
  padding-bottom: 1px;
  border: 1px solid;
  width: 3px;
  height: 13px;
  transform: translateY(2px);
}
.web-table-container .web-component-group .web-component-label .web-component-units:before, .web-component-dialog-editor .web-component-group .web-component-label .web-component-units:before {
  border-right: none;
}
.web-table-container .web-component-group .web-component-label .web-component-units:after, .web-component-dialog-editor .web-component-group .web-component-label .web-component-units:after {
  border-left: none;
}
.web-table-container .web-component-group .web-component-reset, .web-component-dialog-editor .web-component-group .web-component-reset {
  display: none;
  position: relative;
}
.web-table-container .web-component-group .web-component-reset.hidden, .web-component-dialog-editor .web-component-group .web-component-reset.hidden {
  display: none !important;
}
.web-table-container .web-component-group .web-component-reset:before, .web-component-dialog-editor .web-component-group .web-component-reset:before, .web-table-container .web-component-group .web-component-reset:after, .web-component-dialog-editor .web-component-group .web-component-reset:after {
  content: "";
  position: absolute;
  display: block;
  border: 1px solid;
  border-radius: 5px;
  width: 80%;
  height: 0;
  left: 10%;
  top: calc(50% - 1px);
}
.web-table-container .web-component-group .web-component-reset:before, .web-component-dialog-editor .web-component-group .web-component-reset:before {
  rotate: 45deg;
}
.web-table-container .web-component-group .web-component-reset:after, .web-component-dialog-editor .web-component-group .web-component-reset:after {
  rotate: -45deg;
}
.web-table-container .web-component-group.web-component-has-changes:not(.web-component-disabled) .web-component-reset, .web-component-dialog-editor .web-component-group.web-component-has-changes:not(.web-component-disabled) .web-component-reset {
  display: block;
}
.web-table-container .web-component-group.web-component-disabled .web-component-input, .web-component-dialog-editor .web-component-group.web-component-disabled .web-component-input {
  font-size: 12px;
}
.web-table-container .web-component-group .web-component-input, .web-component-dialog-editor .web-component-group .web-component-input {
  white-space: nowrap;
  font-size: 16px;
  padding-left: 0;
  min-width: 100%;
}
.web-table-container .web-component-group .web-component-input > *, .web-component-dialog-editor .web-component-group .web-component-input > * {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
}
.web-table-container .web-component-group .web-component-input > hr.wrap, .web-component-dialog-editor .web-component-group .web-component-input > hr.wrap {
  display: block;
  width: 100%;
}
.web-table-container .web-component-group .web-component-input .al-left, .web-component-dialog-editor .web-component-group .web-component-input .al-left {
  text-align: left;
}
.web-table-container .web-component-group .web-component-input .al-right, .web-component-dialog-editor .web-component-group .web-component-input .al-right {
  text-align: right;
}
.web-table-container .web-component-group .web-component-input .al-center, .web-component-dialog-editor .web-component-group .web-component-input .al-center {
  text-align: center;
}
.web-table-container .web-component-group *[disabled], .web-component-dialog-editor .web-component-group *[disabled] {
  cursor: default !important;
}
.web-table-container .web-component-group.web-component-disabled.web-component-transparent .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group.web-component-disabled.web-component-transparent .web-component-editor-dialog button {
  background-color: transparent;
}
.web-table-container .web-component-group .web-component-required label, .web-component-dialog-editor .web-component-group .web-component-required label, .web-table-container .web-component-group .web-component-required h3, .web-component-dialog-editor .web-component-group .web-component-required h3 {
  font-weight: bold;
}
.web-table-container .web-component-group.table-edit-bulk .web-component-input, .web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-input, .web-table-container .web-component-group.table-edit-cell .web-component-input, .web-component-dialog-editor .web-component-group.table-edit-cell .web-component-input {
  width: 100%;
}
.web-table-container .web-component-group.table-edit-bulk, .web-component-dialog-editor .web-component-group.table-edit-bulk {
  position: relative;
  display: block;
  min-width: 100px;
  height: 100%;
}
.web-table-container .web-component-group.table-edit-cell, .web-component-dialog-editor .web-component-group.table-edit-cell {
  position: relative;
  display: block;
  min-height: 25px;
}
.web-table-container .web-component-text, .web-component-dialog-editor .web-component-text {
  pointer-events: auto;
}
.web-table-container .web-component-text .web-component-input.input-warning:after, .web-component-dialog-editor .web-component-text .web-component-input.input-warning:after {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: " ";
  border-radius: 3px;
  opacity: 0.1;
  pointer-events: none;
}
.web-table-container .web-component-text .web-component-input input, .web-component-dialog-editor .web-component-text .web-component-input input {
  position: relative;
  text-align: inherit;
}
.web-table-container .web-component-text .web-component-input .full-input, .web-component-dialog-editor .web-component-text .web-component-input .full-input {
  display: none;
}
.web-table-container .web-component-text .web-component-input.al-left input, .web-component-dialog-editor .web-component-text .web-component-input.al-left input {
  text-align: left;
}
.web-table-container .web-component-text .web-component-input.al-right input, .web-component-dialog-editor .web-component-text .web-component-input.al-right input {
  text-align: right;
}
.web-table-container .web-component-text .web-component-input.al-center input, .web-component-dialog-editor .web-component-text .web-component-input.al-center input {
  text-align: center;
}
.web-table-container .web-component-text.web-component-disabled .web-component-input input, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input {
  text-overflow: ellipsis;
}
.js-tooltip-div .web-table-container .web-component-text.web-component-disabled .web-component-input .full-input, .js-tooltip-div .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input .full-input, .web-table-container .web-component-text.web-component-disabled .web-component-input:hover .full-input.not-fit, .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input:hover .full-input.not-fit {
  display: block;
  min-height: 27px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 4px 2.5px;
  border: 1px solid;
  border-radius: 3px;
  z-index: 1;
}

.js-tooltip-div .web-table-container .web-component-text.web-component-disabled .web-component-input input, .js-tooltip-div .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input input {
  display: none;
}
.js-tooltip-div .web-table-container .web-component-text.web-component-disabled .web-component-input .full-input, .js-tooltip-div .web-component-dialog-editor .web-component-text.web-component-disabled .web-component-input .full-input {
  border: none;
  background: none;
  position: relative;
}

.web-table-container .web-component-text.web-component-disabled.web-component-transparent .web-component-input input, .web-component-dialog-editor .web-component-text.web-component-disabled.web-component-transparent .web-component-input input {
  background-color: transparent;
}
.web-table-container .web-component-text-table-cell .web-component-input, .web-component-dialog-editor .web-component-text-table-cell .web-component-input {
  width: 80px !important;
  min-width: 100%;
}
.web-table-container .web-component-text-table-cell:not(.editing), .web-component-dialog-editor .web-component-text-table-cell:not(.editing) {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.web-table-container .web-component-text-area .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area .web-component-input > textarea {
  white-space: pre-wrap;
  resize: none;
  min-height: 63px;
}
.horizontal-props .web-component-text-area .web-component-input > textarea {
  max-height: 27px !important;
  min-height: 27px !important;
}

.web-table-container .web-component-text-area.web-component-disabled.web-component-transparent .web-component-input > textarea, .web-component-dialog-editor .web-component-text-area.web-component-disabled.web-component-transparent .web-component-input > textarea {
  background-color: transparent;
}
.web-table-container .web-component-froala .web-component-input > div, .web-component-dialog-editor .web-component-froala .web-component-input > div {
  width: 100%;
  height: auto;
}
.web-table-container .web-component-froala .web-component-input > div .second-toolbar, .web-component-dialog-editor .web-component-froala .web-component-input > div .second-toolbar {
  display: none;
}
.web-table-container .web-component-froala .web-component-input > div .fr-placeholder, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-placeholder {
  padding-top: 3px !important;
  padding-left: 3px !important;
  margin-left: 0 !important;
  padding-right: 3px !important;
  margin-right: 0 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  text-align: left !important;
}
.web-table-container .web-component-froala .web-component-input > div .fr-toolbar, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-toolbar {
  border: none;
}
.web-table-container .web-component-froala .web-component-input > div .fr-toolbar .fr-btn-grp, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-toolbar .fr-btn-grp {
  margin: 0;
}
.web-table-container .web-component-froala .web-component-input > div .fr-more-toolbar, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-more-toolbar {
  display: none;
}
.web-table-container .web-component-froala .web-component-input > div .fr-more-toolbar.fr-expanded, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-more-toolbar.fr-expanded {
  display: block;
}
.web-table-container .web-component-froala .web-component-input > div .fr-second-toolbar, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-second-toolbar {
  display: none;
}
.web-table-container .web-component-froala .web-component-input > div .fr-wrapper, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-wrapper {
  border: none;
}
.web-table-container .web-component-froala .web-component-input > div .fr-wrapper > *, .web-component-dialog-editor .web-component-froala .web-component-input > div .fr-wrapper > * {
  padding: 3px;
}
.web-table-container .web-component-froala.web-component-disabled .web-component-input > div, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div {
  pointer-events: auto;
}
.web-table-container .web-component-froala.web-component-disabled .web-component-input > div:not(.not-disabled-design) .fr-wrapper, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div:not(.not-disabled-design) .fr-wrapper {
  background-color: transparent;
}
.web-table-container .web-component-froala.web-component-disabled .web-component-input > div .fr-toolbar, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-toolbar {
  display: none;
}
.web-table-container .web-component-froala.web-component-disabled .web-component-input > div .fr-wrapper .fr-view, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-wrapper .fr-view {
  min-height: auto !important;
}
.web-table-container .web-component-froala.web-component-disabled .web-component-input > div .fr-image-resizer, .web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-image-resizer,
.web-table-container .web-component-froala.web-component-disabled .web-component-input > div .fr-placeholder,
.web-component-dialog-editor .web-component-froala.web-component-disabled .web-component-input > div .fr-placeholder {
  display: none !important;
}
.web-table-container .web-component-froala.web-component-disabled.web-component-transparent .web-component-input > div, .web-component-dialog-editor .web-component-froala.web-component-disabled.web-component-transparent .web-component-input > div {
  background-color: transparent;
}
.web-table-container .web-component-color .web-component-input > input, .web-component-dialog-editor .web-component-color .web-component-input > input {
  cursor: pointer;
  width: 100%;
}
.web-table-container .web-component-color .web-component-input > input.empty:after, .web-component-dialog-editor .web-component-color .web-component-input > input.empty:after {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  text-align: center;
  line-height: 140%;
  content: "---";
}
.web-table-container .web-component-color.web-component-disabled.web-component-transparent .web-component-input > input, .web-component-dialog-editor .web-component-color.web-component-disabled.web-component-transparent .web-component-input > input {
  background-color: transparent;
}
.web-table-container .web-component-date .web-component-input .date-reset, .web-component-dialog-editor .web-component-date .web-component-input .date-reset {
  transform: scale(1.4);
  top: 6.5px;
  right: 6.5px;
  border-radius: 2px;
  display: none;
}
.web-table-container .web-component-date .web-component-input:hover .date-reset, .web-component-dialog-editor .web-component-date .web-component-input:hover .date-reset {
  display: block;
}
.web-table-container .web-component-date.web-component-disabled .web-component-input .date-reset, .web-component-dialog-editor .web-component-date.web-component-disabled .web-component-input .date-reset {
  display: none !important;
}
.web-table-container .web-component-date.web-component-disabled.web-component-transparent .web-component-input > input, .web-component-dialog-editor .web-component-date.web-component-disabled.web-component-transparent .web-component-input > input {
  background-color: transparent;
}
.web-table-container .web-component-date.table-edit-bulk, .web-component-dialog-editor .web-component-date.table-edit-bulk, .web-table-container .web-component-date.table-edit-cell, .web-component-dialog-editor .web-component-date.table-edit-cell {
  max-width: 100%;
}
.web-table-container .web-component-date.table-edit-bulk .web-component-input input, .web-component-dialog-editor .web-component-date.table-edit-bulk .web-component-input input, .web-table-container .web-component-date.table-edit-cell .web-component-input input, .web-component-dialog-editor .web-component-date.table-edit-cell .web-component-input input {
  width: 165px;
  min-width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.web-table-container .web-component-yes-no ~ .web-component-yes-no, .web-component-dialog-editor .web-component-yes-no ~ .web-component-yes-no {
  margin-top: 16px;
}
.web-table-container .web-component-yes-no .web-component-input > div, .web-component-dialog-editor .web-component-yes-no .web-component-input > div, .web-table-container .web-component-yes-no .web-component-input .with-images > div, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div {
  width: 100%;
  outline: none;
  border-radius: 3px;
  display: inline-flex;
  gap: 10px;
}
.web-table-container .web-component-yes-no .web-component-input > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input > div > button, .web-table-container .web-component-yes-no .web-component-input .with-images > div > button, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div > button {
  padding: 0;
  vertical-align: middle;
  text-align: center;
  width: calc(50% - 5px);
  height: 27px;
}
.web-table-container .web-component-yes-no .web-component-input > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input > div .checkbox, .web-table-container .web-component-yes-no .web-component-input .with-images > div .checkbox, .web-component-dialog-editor .web-component-yes-no .web-component-input .with-images > div .checkbox {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  width: 27px;
  height: 27px;
  line-height: 20px;
  font-size: 1.8rem;
}
.web-table-container .web-component-yes-no .web-component-input > .with-images > *, .web-component-dialog-editor .web-component-yes-no .web-component-input > .with-images > * {
  vertical-align: middle;
}
.web-table-container .web-component-yes-no .web-component-input > .with-images img, .web-component-dialog-editor .web-component-yes-no .web-component-input > .with-images img {
  height: 27px;
  width: 27px;
  object-fit: contain;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
}
.web-table-container .web-component-yes-no .web-component-input > .with-images div, .web-component-dialog-editor .web-component-yes-no .web-component-input > .with-images div {
  width: calc(100% - 37px);
}
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button, .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button,
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox, .web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button, .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button,
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox {
  text-align: center;
}
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button:focus, .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button:focus,
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox:focus,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox:focus, .web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button:focus, .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button:focus,
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox:focus,
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox:focus {
  box-shadow: none;
  outline: 1px solid rgb(0, 127, 183);
}
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button.selected[data-value=true], .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button.selected[data-value=true],
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox.selected[data-value=true],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox.selected[data-value=true], .web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button.selected[data-value=true], .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button.selected[data-value=true],
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox.selected[data-value=true],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox.selected[data-value=true] {
  background: rgb(0, 143, 0);
  border-color: white !important;
  color: white;
}
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button.selected[data-value=false], .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div button.selected[data-value=false],
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox.selected[data-value=false],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input > div .checkbox.selected[data-value=false], .web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button.selected[data-value=false], .web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div button.selected[data-value=false],
.web-table-container .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox.selected[data-value=false],
.web-component-dialog-editor .web-component-yes-no:not(.web-component-disabled) .web-component-input .with-images > div .checkbox.selected[data-value=false] {
  background: rgb(227, 38, 0);
  border-color: white !important;
  color: white;
}
.web-table-container .web-component-yes-no.web-component-disabled .web-component-input.al-left button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input.al-left button {
  text-align: left;
}
.web-table-container .web-component-yes-no.web-component-disabled .web-component-input.al-center button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input.al-center button {
  text-align: center;
}
.web-table-container .web-component-yes-no.web-component-disabled .web-component-input.al-right button, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input.al-right button {
  text-align: right;
}
.web-table-container .web-component-yes-no.web-component-disabled .web-component-input > div > button:not(.selected), .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button:not(.selected), .web-table-container .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button:not(.selected), .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button:not(.selected) {
  display: none;
}
.web-table-container .web-component-yes-no.web-component-disabled .web-component-input > div > button.selected, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input > div > button.selected, .web-table-container .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button.selected, .web-component-dialog-editor .web-component-yes-no.web-component-disabled .web-component-input .with-images > div > button.selected {
  width: 100%;
  border: none;
  padding-left: 3px;
  font-weight: normal;
}
.web-table-container .web-component-yes-no.web-component-disabled.web-component-transparent .web-component-input > div > button:not(.selected), .web-component-dialog-editor .web-component-yes-no.web-component-disabled.web-component-transparent .web-component-input > div > button:not(.selected), .web-table-container .web-component-yes-no.web-component-disabled.web-component-transparent .web-component-input .with-images > div > button:not(.selected), .web-component-dialog-editor .web-component-yes-no.web-component-disabled.web-component-transparent .web-component-input .with-images > div > button:not(.selected) {
  background: transparent;
}
.web-table-container .web-component-yes-no.table-edit-bulk, .web-component-dialog-editor .web-component-yes-no.table-edit-bulk, .web-table-container .web-component-yes-no.table-edit-cell, .web-component-dialog-editor .web-component-yes-no.table-edit-cell {
  max-width: 100%;
}
.web-table-container .web-component-yes-no.table-edit-bulk .web-component-input button, .web-component-dialog-editor .web-component-yes-no.table-edit-bulk .web-component-input button, .web-table-container .web-component-yes-no.table-edit-cell .web-component-input button, .web-component-dialog-editor .web-component-yes-no.table-edit-cell .web-component-input button {
  min-width: 60px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.web-table-container .web-component-select, .web-component-dialog-editor .web-component-select,
.web-table-container .web-component-multi-select,
.web-component-dialog-editor .web-component-multi-select {
  position: relative;
}
.web-table-container .web-component-select .web-component-input, .web-component-dialog-editor .web-component-select .web-component-input,
.web-table-container .web-component-multi-select .web-component-input,
.web-component-dialog-editor .web-component-multi-select .web-component-input {
  cursor: pointer;
}
.web-table-container .web-component-select .web-component-input .display, .web-component-dialog-editor .web-component-select .web-component-input .display,
.web-table-container .web-component-multi-select .web-component-input .display,
.web-component-dialog-editor .web-component-multi-select .web-component-input .display {
  font-size: 13px;
}
.web-table-container .web-component-select.web-component-disabled .web-component-input .web-component-custom-select::after, .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input .web-component-custom-select::after,
.web-table-container .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select::after,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input .web-component-custom-select::after {
  display: none;
}
.no-disabled-bg .web-table-container .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display:after, .no-disabled-bg .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display:after, .no-disabled-bg .web-table-container .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display .option, .no-disabled-bg .web-component-dialog-editor .web-component-select.web-component-disabled .web-component-input:not(.always-opened) .display .option,
.no-disabled-bg .web-table-container .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display:after,
.no-disabled-bg .web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display:after,
.no-disabled-bg .web-table-container .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display .option,
.no-disabled-bg .web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input:not(.always-opened) .display .option {
  background-color: transparent;
}

.web-table-container .web-component-select.web-component-disabled.web-component-transparent .web-component-input, .web-component-dialog-editor .web-component-select.web-component-disabled.web-component-transparent .web-component-input,
.web-table-container .web-component-multi-select.web-component-disabled.web-component-transparent .web-component-input,
.web-component-dialog-editor .web-component-multi-select.web-component-disabled.web-component-transparent .web-component-input {
  background-color: transparent;
}
.web-table-container .web-component-select.table-edit-bulk .web-component-input > .display, .web-component-dialog-editor .web-component-select.table-edit-bulk .web-component-input > .display, .web-table-container .web-component-select.table-edit-cell .web-component-input > .display, .web-component-dialog-editor .web-component-select.table-edit-cell .web-component-input > .display,
.web-table-container .web-component-multi-select.table-edit-bulk .web-component-input > .display,
.web-component-dialog-editor .web-component-multi-select.table-edit-bulk .web-component-input > .display,
.web-table-container .web-component-multi-select.table-edit-cell .web-component-input > .display,
.web-component-dialog-editor .web-component-multi-select.table-edit-cell .web-component-input > .display {
  min-width: 120px;
}
.web-table-container .web-component-multi-select .web-component-custom-select .display .span:not(.count), .web-component-dialog-editor .web-component-multi-select .web-component-custom-select .display .span:not(.count) {
  line-height: 100%;
}
.web-table-container .web-component-multi-select .web-component-input .display, .web-component-dialog-editor .web-component-multi-select .web-component-input .display {
  cursor: pointer !important;
}
.web-table-container .web-component-multi-select.web-component-disabled .web-component-input button, .web-component-dialog-editor .web-component-multi-select.web-component-disabled .web-component-input button {
  display: none;
}
.web-table-container .web-component-multi-select-table-cell, .web-component-dialog-editor .web-component-multi-select-table-cell {
  white-space: nowrap;
}
.web-table-container .web-component-multi-select-table-cell > span, .web-component-dialog-editor .web-component-multi-select-table-cell > span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}
.web-table-container .web-component-file .web-component-input, .web-component-dialog-editor .web-component-file .web-component-input {
  left: -5px;
}
.web-table-container .web-component-file .web-component-input .upload, .web-component-dialog-editor .web-component-file .web-component-input .upload {
  position: absolute;
  width: 50px;
  height: 50px;
  padding: 10px;
  margin: 5px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  transform: scaleY(-1);
  cursor: pointer;
}
.web-table-container .web-component-file .web-component-input .upload.dragover, .web-component-dialog-editor .web-component-file .web-component-input .upload.dragover {
  background-color: greenyellow;
}
.web-table-container .web-component-file .web-component-input .upload svg, .web-component-dialog-editor .web-component-file .web-component-input .upload svg {
  max-width: 32px;
}
.web-table-container .web-component-file .web-component-input .preview:not(.multiple) .preview-file-wrap.remove, .web-component-dialog-editor .web-component-file .web-component-input .preview:not(.multiple) .preview-file-wrap.remove {
  display: none;
}
.web-table-container .web-component-file .web-component-input .preview.multiple .preview-file-wrap:first-child, .web-component-dialog-editor .web-component-file .web-component-input .preview.multiple .preview-file-wrap:first-child, .web-table-container .web-component-file .web-component-input .preview.no-file-selected .preview-file-wrap:first-child, .web-component-dialog-editor .web-component-file .web-component-input .preview.no-file-selected .preview-file-wrap:first-child {
  margin-left: 62.5px;
}
.web-table-container .web-component-file .web-component-input .preview.linked-file, .web-component-dialog-editor .web-component-file .web-component-input .preview.linked-file {
  margin: 2px;
}
.web-table-container .web-component-file .web-component-input .preview.linked-file:not(.multiple) .preview-file-wrap:not(.remove), .web-component-dialog-editor .web-component-file .web-component-input .preview.linked-file:not(.multiple) .preview-file-wrap:not(.remove), .web-table-container .web-component-file .web-component-input .preview.linked-file.multiple .preview-file-wrap:first-child, .web-component-dialog-editor .web-component-file .web-component-input .preview.linked-file.multiple .preview-file-wrap:first-child {
  margin-left: 3px;
}
.web-table-container .web-component-file .web-component-input.web-component-single-file-selector .upload, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .upload {
  margin-top: 30px;
  display: none;
}
.web-table-container .web-component-file .web-component-input.web-component-single-file-selector .upload.multiple, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .upload.multiple, .web-table-container .web-component-file .web-component-input.web-component-single-file-selector .upload.no-file-selected, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .upload.no-file-selected {
  display: block;
}
.web-table-container .web-component-file .web-component-input.web-component-single-file-selector .preview, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview {
  cursor: pointer;
}
.web-table-container .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap {
  height: 79px;
}
.web-table-container .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap .toggle, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap .toggle {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  border: 2px solid;
  margin: 0 auto 5px auto;
  display: flex;
  justify-content: center;
  background: none;
  color: gray;
}
.web-table-container .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap.selected .toggle, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap.selected .toggle {
  color: green;
}
.web-table-container .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap.selected .preview-file, .web-component-dialog-editor .web-component-file .web-component-input.web-component-single-file-selector .preview-file-wrap.selected .preview-file {
  border-color: green;
}
.web-table-container .web-component-file.web-component-disabled .web-component-input, .web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input {
  min-height: auto;
}
.web-table-container .web-component-file.web-component-disabled .web-component-input > .upload, .web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input > .upload {
  display: none;
}
.web-table-container .web-component-file.web-component-disabled .web-component-input .preview:not(.multiple) .preview-file-wrap:not(.remove), .web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input .preview:not(.multiple) .preview-file-wrap:not(.remove) {
  margin-left: 3px;
}
.web-table-container .web-component-file.web-component-disabled .web-component-input .preview .preview-file-wrap:first-child, .web-component-dialog-editor .web-component-file.web-component-disabled .web-component-input .preview .preview-file-wrap:first-child {
  margin-left: 3px;
}
.web-table-container .web-component-file.web-component-required:not(.web-component-required-valid), .web-component-dialog-editor .web-component-file.web-component-required:not(.web-component-required-valid) {
  border: none;
}
.web-table-container .web-component-file.web-component-required:not(.web-component-required-valid) .web-component-input > .upload, .web-component-dialog-editor .web-component-file.web-component-required:not(.web-component-required-valid) .web-component-input > .upload {
  border-width: 2px;
}
.web-table-container .web-component-file-table-cell .buttons, .web-component-dialog-editor .web-component-file-table-cell .buttons {
  left: -1px !important;
  top: -1px !important;
}
.web-table-container .web-component-issue .web-component-input > button, .web-component-dialog-editor .web-component-issue .web-component-input > button {
  width: 100%;
  padding: 3px;
}
.web-table-container .web-component-issue .web-component-input > button svg, .web-component-dialog-editor .web-component-issue .web-component-input > button svg {
  max-height: 100%;
}
.web-table-container .web-component-group.embed-table .web-component-input > .web-table-container, .web-component-dialog-editor .web-component-group.embed-table .web-component-input > .web-table-container {
  height: 500px;
}
.web-table-container .web-component-group.embed-table.web-component-required:not(.web-component-required-valid) .web-component-input .row-marker:before, .web-component-dialog-editor .web-component-group.embed-table.web-component-required:not(.web-component-required-valid) .web-component-input .row-marker:before {
  color: brown;
}
.web-table-container .web-component-custom .web-component-input > *, .web-component-dialog-editor .web-component-custom .web-component-input > * {
  max-width: 100%;
}
.web-table-container .web-component-editor-dialog button.al-left, .web-component-dialog-editor .web-component-editor-dialog button.al-left {
  text-align: left;
}
.web-table-container .web-component-editor-dialog button.al-center, .web-component-dialog-editor .web-component-editor-dialog button.al-center {
  text-align: center;
}
.web-table-container .web-component-editor-dialog button.al-right, .web-component-dialog-editor .web-component-editor-dialog button.al-right {
  text-align: right;
}
.web-table-container .web-component-group.table-edit-bulk .web-component-multiple-values, .web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-multiple-values,
.web-table-container .web-component-group.table-edit-bulk .web-component-editor-dialog,
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-editor-dialog {
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
}
.web-table-container .web-component-group.table-edit-bulk .web-component-multiple-values button, .web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-multiple-values button,
.web-table-container .web-component-group.table-edit-bulk .web-component-editor-dialog button,
.web-component-dialog-editor .web-component-group.table-edit-bulk .web-component-editor-dialog button {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  cursor: pointer;
  border-radius: 3px !important;
  width: auto;
  font-size: 1rem;
  border: 0.1px solid;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: white;
}
.web-table-container .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog {
  width: 100%;
}
.web-table-container .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button, .web-component-dialog-editor .web-component-group:not(.table-edit-bulk) .web-component-editor-dialog button {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}

.settings-selector {
  position: relative;
  width: 35px;
  min-width: 35px;
  height: 25px;
  border-radius: 3px;
  z-index: 1;
  cursor: pointer;
}
.zoomPlugin .settings-selector {
  width: 24px;
  min-width: 24px;
}

.settings-selector svg {
  width: 24px;
  height: 24px;
  padding: 0;
}
.settings-selector select {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  -webkit-appearance: none;
  opacity: 0;
}
.zoomPlugin .settings-selector select {
  left: auto;
  right: 0;
}

.save-indicator {
  display: inline-block;
  cursor: pointer;
}
.save-indicator .saved, .save-indicator .saving, .save-indicator .detail {
  display: none;
}
.save-indicator.show-saved .saved, .save-indicator.show-saving .saving {
  display: inline-block;
}
.save-indicator .saving .icon svg, .save-indicator .saving .icon-detail svg {
  -webkit-animation: rotate-saving-icon 5s linear infinite;
  -moz-animation: rotate-saving-icon 5s linear infinite;
  -o-animation: rotate-saving-icon 5s linear infinite;
  animation: rotate-saving-icon 5s linear infinite;
}
@-webkit-keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-saving-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.save-indicator.show-saved .saved .text {
  opacity: 0;
  -webkit-animation: hide-saved-text 5s linear 1;
  -moz-animation: hide-saved-text 5s linear 1;
  -o-animation: hide-saved-text 5s linear 1;
  animation: hide-saved-text 5s linear 1;
}
@-webkit-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.save-indicator.show-detail .detail {
  display: block;
}
.save-indicator .save-state {
  position: relative;
  pointer-events: none;
}
.save-indicator .save-state .icon, .save-indicator .save-state .text {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .icon {
  padding: 2px;
  width: 25px;
  height: 25px;
  border-radius: 3px;
}
.save-indicator .save-state .icon-detail {
  width: 30px;
  height: 30px;
}
.save-indicator .save-state svg {
  width: 100%;
  height: 100%;
}
.save-indicator .save-state .text {
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 5px;
}
.save-indicator .save-state .detail {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: 0;
  top: 30px;
  border-radius: 3px;
}
.save-indicator .save-state .detail .icon-detail {
  margin: 10px;
}
.save-indicator .save-state .detail .icon-detail, .save-indicator .save-state .detail .title {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .detail .info {
  width: 100%;
  padding: 10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.save-indicator {
  display: inline-block;
  cursor: pointer;
}
.save-indicator .saved, .save-indicator .saving, .save-indicator .detail {
  display: none;
}
.save-indicator.show-saved .saved, .save-indicator.show-saving .saving {
  display: inline-block;
}
.save-indicator.show-saved .saved .text {
  opacity: 0;
  -webkit-animation: hide-saved-text 5s linear 1;
  -moz-animation: hide-saved-text 5s linear 1;
  -o-animation: hide-saved-text 5s linear 1;
  animation: hide-saved-text 5s linear 1;
}
@-webkit-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide-saved-text {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.save-indicator.show-detail .detail {
  display: block;
}
.save-indicator .save-state {
  position: relative;
  pointer-events: none;
}
.save-indicator .save-state .icon, .save-indicator .save-state .text {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .icon {
  padding: 5px;
  width: 25px;
  height: 25px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: gray;
}
.save-indicator .save-state .icon-detail {
  width: 30px;
  height: 30px;
}
.save-indicator .save-state svg {
  width: 100%;
  height: 100%;
}
.save-indicator .save-state .text {
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 5px;
}
.save-indicator .save-state .detail {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: 0;
  top: 30px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: gray;
  background-color: white;
}
.save-indicator .save-state .detail .icon-detail {
  margin: 10px;
}
.save-indicator .save-state .detail .icon-detail, .save-indicator .save-state .detail .title {
  display: inline-block;
  vertical-align: middle;
}
.save-indicator .save-state .detail .info {
  width: 100%;
  padding: 10px;
  background-color: #b7bdc0;
}
.save-indicator .save-state.saving .icon {
  transform: scaleY(-1);
}

.dialog-file-preview {
  width: calc(100% - 20px);
  left: 10px;
}
.dialog-file-preview .preview-file-detail-image, .dialog-file-preview .preview-file-detail-video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dialog-file-preview .preview-file-detail-audio {
  width: 100%;
}
.dialog-file-preview .preview-file-detail-image.rotate-90deg {
  transform: rotate(90deg);
}
.dialog-file-preview .preview-file-detail-image.rotate-180deg {
  transform: rotate(180deg);
}
.dialog-file-preview .preview-file-detail-image.rotate-270deg {
  transform: rotate(270deg);
}

.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter, .web-table-container .web-table .web-table-paging > * {
  display: inline-block;
  margin: 2.5px 0;
  height: 25px;
  vertical-align: bottom;
}

.web-table-container .web-table .web-table-wrapper table tbody > tr > td:not(.editing), .web-table-container .web-table .web-table-wrapper table thead > tr > td:not(.editing) {
  text-overflow: ellipsis;
  overflow: hidden;
}

.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter {
  position: relative;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th > div, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter > div {
  position: relative;
  width: 100%;
  white-space: nowrap;
  display: flex;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th > div.advanced-filter > *, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter > div.advanced-filter > * {
  display: inline-flex;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th > div.advanced-filter .advanced-filter-button, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter > div.advanced-filter .advanced-filter-button {
  cursor: pointer;
  justify-content: center;
  padding: 2px;
  height: 19px;
  max-width: 17px;
  border-radius: 0;
  border: none;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th > div.advanced-filter .advanced-filter-button svg, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter > div.advanced-filter .advanced-filter-button svg {
  width: 13px;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th > div.advanced-filter .filter-input-wrapper, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter > div.advanced-filter .filter-input-wrapper {
  flex-grow: 100;
}

.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter input, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper input {
  position: relative;
  height: 19px;
  padding-right: 18px;
  font-size: 10px;
  border: none;
  outline: none;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter input::-webkit-search-cancel-button, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter input.column-filter, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper input.column-filter {
  width: 100%;
  float: left;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .filter-reset, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper .filter-reset {
  z-index: 2;
  background-color: transparent;
  height: 17px;
  width: 17px;
  right: 1px;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .filter-reset:before, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper .filter-reset:before, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .filter-reset:after, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th .filter-input-wrapper .filter-reset:after {
  right: 6.5px;
  top: 2.5px;
}

.web-table-container .web-table .web-table-wrapper table tbody tr td.editing .web-component-change-submit, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-edit th:not(.empty) .web-component-change-submit {
  border-width: 1px;
  border-style: solid;
  position: absolute;
  white-space: nowrap;
  padding: 3px;
  border-radius: 3px;
  top: -25px;
  left: 5px;
  height: 30px;
  z-index: 2;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.editing .web-component-change-submit button, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-edit th:not(.empty) .web-component-change-submit button {
  width: 25px;
  height: 23px;
  padding: 0;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.editing .web-component-change-submit button:first-child, .web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-edit th:not(.empty) .web-component-change-submit button:first-child {
  margin-right: 5px;
}

.content-wrapper .js-dialog .advanced-filter-content {
  display: flex;
  gap: 10px;
}
.content-wrapper .js-dialog .advanced-filter-content div > * {
  width: 100%;
}
.content-wrapper .js-dialog .advanced-filter-content div:first-child {
  flex: 1;
}
.content-wrapper .js-dialog .advanced-filter-content div:last-child {
  flex: 2;
}
.content-wrapper .js-dialog .advanced-filter-content input {
  border: 1px solid black;
  border-radius: 3px;
}
@media only screen and (max-width: 600px) {
  .content-wrapper .js-dialog .advanced-filter-content {
    flex-direction: column;
  }
}

.web-table-container {
  height: 100%;
  width: 100%;
}
.web-table-container .web-table {
  height: 100%;
  width: 100%;
  padding: 10px 10px 12px 10px;
}
@media only screen and (max-width: 768px) {
  .web-table-container .web-table {
    padding: 10px 0 12px;
  }
  .web-table-container .web-table .web-table-toolbar, .web-table-container .web-table .web-table-counter {
    padding: 0 10px;
  }
  .web-table-container .web-table .web-table-wrapper {
    border-radius: 0 !important;
  }
}
.web-table-container .web-table .web-table-paging-row td {
  height: 30px !important;
  min-height: 30px !important;
}
.web-table-container .web-table .web-table-paging-row td .web-table-paging {
  position: absolute;
  top: 0;
}
.web-table-container .web-table .web-table-paging {
  border-radius: 3px;
  transition-property: left;
  transition-duration: 100ms;
}
.web-table-container .web-table .web-table-paging > * {
  border-radius: 3px !important;
}
.web-table-container .web-table .web-table-paging button, .web-table-container .web-table .web-table-paging select {
  border-radius: 3px;
  font-size: 12px !important;
  text-decoration: none;
  -webkit-appearance: none;
  border: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  padding-left: 10px;
}
.web-table-container .web-table .web-table-paging button.disabled, .web-table-container .web-table .web-table-paging select.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.web-table-container .web-table .web-table-paging button {
  position: relative;
  width: 25px;
}
.web-table-container .web-table .web-table-paging button.prev {
  margin-right: 5px;
  transform: scaleX(-1);
}
.web-table-container .web-table .web-table-paging button.next {
  margin-left: 5px;
}
.web-table-container .web-table .web-table-paging .select-wrap {
  position: relative;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.web-table-container .web-table .web-table-paging .select-wrap select {
  height: 25px;
  padding-left: 10px;
  padding-right: 25px;
  text-align: left;
}
.web-table-container .web-table .web-table-paging .select-wrap::after {
  position: absolute;
  pointer-events: none;
  content: " ";
  font-size: 11px !important;
  width: 0;
  height: 0;
  right: 8px;
  top: 8px;
  border-color: transparent;
  border-style: solid;
  border-width: 4.5px;
  border-bottom-width: 0;
  border-top-width: 9px;
  border-top-color: white;
}
.web-table-container .web-table .web-table-toolbar {
  position: relative;
  width: 100%;
}
.web-table-container .web-table .web-table-toolbar > *:not(.web-container-title) {
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
}
.web-table-container .web-table .web-table-toolbar > .web-container-title {
  margin: 0;
}
.web-table-container .web-table .web-table-toolbar.with-multiple-settings .settings-selector {
  width: 35px;
  height: 25px;
  margin-right: 5px;
  vertical-align: top;
  margin-top: 3px;
}
.web-table-container .web-table .web-table-toolbar.with-multiple-settings .settings-selector select {
  width: 35px;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons {
  position: relative;
  float: right;
  text-align: right;
  white-space: nowrap;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .export-xlsx, .web-table-container .web-table .web-table-toolbar .web-table-buttons .export-csv {
  padding-top: 7px;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .responsive-buttons-hidden {
  right: 0;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons > *:not(.hidden) {
  margin: 2.5px 5px 2.5px 0;
  display: inline-block;
  vertical-align: bottom;
  height: 25px;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons > .stdBtn {
  border-radius: 3px;
  border: none;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  -webkit-appearance: none;
  margin-right: 5px;
  padding: 7px 10px 5px;
  line-height: 100%;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons > .stdBtn.responsive-cover {
  padding: 5px 0 !important;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter {
  border-radius: 3px;
  max-width: calc(100% - 30px);
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter > * {
  display: inline-block;
  vertical-align: bottom;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .base-button {
  padding: 6px;
  height: 100%;
  width: 25px;
  border: none;
  background: none;
  cursor: pointer;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .base-button > * :first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .base-button svg {
  height: 100%;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .base-button[disabled] {
  display: none;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .global-filter-input {
  max-width: calc(100% - 77px);
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.no-sort .global-filter-input, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.no-filter .global-filter-input, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.no-group .global-filter-input {
  max-width: calc(100% - 52px);
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.no-sort.no-filter .global-filter-input, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.no-filter.no-group .global-filter-input, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.no-group.no-sort .global-filter-input {
  max-width: calc(100% - 27px);
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.no-sort.no-filter.no-group .global-filter-input {
  max-width: calc(100% - 2px);
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.with-clear .global-filter-input {
  max-width: calc(100% - 102px);
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.with-clear.no-group .global-filter-input, .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.with-clear.no-sort .global-filter-input {
  max-width: calc(100% - 77px);
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.with-clear.no-group.no-sort .global-filter-input {
  max-width: calc(100% - 52px);
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .global-filter-input {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 200px;
  height: calc(100% - 4px);
  margin: 2px 2px 2px 0;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .global-filter-reset {
  right: 4px;
  top: 4px;
  border-radius: 3px;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.no-filter .filter-part {
  display: none;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.no-sort .sort-part {
  display: none;
}
.web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter.no-group .group-part {
  display: none;
}
@media only screen and (max-width: 768px) {
  .web-table-container .web-table .web-table-toolbar .web-table-paging {
    float: right;
  }
  .web-table-container .web-table .web-table-toolbar .web-table-buttons {
    width: 100% !important;
  }
  .web-table-container .web-table .web-table-toolbar .web-table-buttons .global-filter .global-filter-input {
    width: 100% !important;
  }
}
.web-table-container .web-table .web-table-counter {
  height: 10px;
  font-size: 10px;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}
.web-table-container .web-table .web-table-counter .content {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: inline-block;
  border-radius: 3px;
  padding: 0;
  background-color: white;
}
.web-table-container .web-table .web-table-counter:hover .content {
  transform: scale(2, 2) translateY(-50%);
}
.web-table-container .web-table .web-table-wrapper {
  height: calc(100% - 40px);
  margin-bottom: 2px;
  margin-top: 5px;
  width: 100%;
  overflow: scroll;
  border: 0.1px solid black;
  border-radius: 3px;
}
.web-table-container.with-title .web-table-wrapper {
  height: calc(100% - 64px);
}

.web-table-container .web-table .web-table-wrapper table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
}
.web-table-container .web-table .web-table-wrapper table:not(.group-table) {
  border-bottom: 0.1px solid black;
}
.web-table-container .web-table .web-table-wrapper table td.info-table-cell, .web-table-container .web-table .web-table-wrapper table td.link-table-cell, .web-table-container .web-table .web-table-wrapper table th.info-table-cell, .web-table-container .web-table .web-table-wrapper table th.link-table-cell {
  white-space: pre;
}
.web-table-container .web-table .web-table-wrapper table td.info-table-cell .row-compound > *, .web-table-container .web-table .web-table-wrapper table td.info-table-cell .row-compound .icon, .web-table-container .web-table .web-table-wrapper table td.info-table-cell .row-compound .text, .web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound > *, .web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound .icon, .web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound .text, .web-table-container .web-table .web-table-wrapper table th.info-table-cell .row-compound > *, .web-table-container .web-table .web-table-wrapper table th.info-table-cell .row-compound .icon, .web-table-container .web-table .web-table-wrapper table th.info-table-cell .row-compound .text, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound > *, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound .icon, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound .text {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.web-table-container .web-table .web-table-wrapper table td.info-table-cell .row-compound.style-Both, .web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound.style-Both, .web-table-container .web-table .web-table-wrapper table th.info-table-cell .row-compound.style-Both, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound.style-Both {
  white-space: nowrap;
  display: block;
}
.web-table-container .web-table .web-table-wrapper table td.info-table-cell .row-compound.style-Both .icon, .web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound.style-Both .icon, .web-table-container .web-table .web-table-wrapper table th.info-table-cell .row-compound.style-Both .icon, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound.style-Both .icon {
  margin-right: 2px;
}
.web-table-container .web-table .web-table-wrapper table td.info-table-cell .row-compound.style-Icon, .web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound.style-Icon, .web-table-container .web-table .web-table-wrapper table th.info-table-cell .row-compound.style-Icon, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound.style-Icon {
  display: inline-block;
}
.web-table-container .web-table .web-table-wrapper table td.info-table-cell .row-compound.style-Text, .web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound.style-Text, .web-table-container .web-table .web-table-wrapper table th.info-table-cell .row-compound.style-Text, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound.style-Text {
  display: block;
}
.web-table-container .web-table .web-table-wrapper table td.info-table-cell .row-compound .icon, .web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound .icon, .web-table-container .web-table .web-table-wrapper table th.info-table-cell .row-compound .icon, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound .icon {
  min-width: 16px;
  height: 16px;
  padding: 0 1px;
  border: 1px solid;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 16px;
}
.web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound svg, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound svg {
  width: 12px;
  height: 12px;
  margin-right: 3px;
}
.web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound .icon, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound .icon {
  padding: 1px 3px;
  width: auto;
  height: auto;
}
.web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound .text, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound .text {
  text-decoration: underline;
  font-weight: normal;
}
.web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound .text:hover, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound .text:hover {
  text-shadow: 0 0 0.8px;
}
.web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound .icon > *,
.web-table-container .web-table .web-table-wrapper table td.link-table-cell .row-compound .text > *, .web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound .icon > *,
.web-table-container .web-table .web-table-wrapper table th.link-table-cell .row-compound .text > * {
  display: inline-block;
  vertical-align: middle;
}
.web-table-container .web-table .web-table-wrapper table .row-marker {
  position: relative;
  cursor: pointer;
  min-width: 40px;
  min-height: 20px;
  width: 100%;
  height: 100%;
}
.web-table-container .web-table .web-table-wrapper table .row-marker:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid black;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
}
.web-table-container .web-table .web-table-wrapper table .row-marker.marked:before {
  background-color: black;
}
.web-table-container .web-table .web-table-wrapper table .row-marker.semi-marked:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  left: calc(50% - 5px);
  top: calc(50% - 5px);
  background-color: black;
}
.web-table-container .web-table .web-table-wrapper table .expand {
  width: 100%;
  height: 100%;
}
.web-table-container .web-table .web-table-wrapper table .no-wrap {
  white-space: nowrap;
}
.web-table-container .web-table .web-table-wrapper table .al-center {
  text-align: center;
}
.web-table-container .web-table .web-table-wrapper table .al-left {
  text-align: left;
}
.web-table-container .web-table .web-table-wrapper table .al-right {
  text-align: right;
}
.web-table-container .web-table .web-table-wrapper table thead {
  font-size: 12px;
  position: sticky;
  z-index: 2;
  top: 0;
}
.web-table-container .web-table .web-table-wrapper table thead tr > * + * {
  border-left: 0.1px solid black;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-category.no-category {
  display: none;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-category th {
  padding: 5px;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-display th {
  padding: 0 5px;
  height: 30px;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-display th[data-units]:not(th[data-units=""]):after {
  content: " [" attr(data-units) "]";
  font-weight: bold;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort {
  display: none;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort.no-sort {
  display: none !important;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort.active {
  display: table-row;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th {
  position: relative;
  height: 20px;
  min-width: 70px;
  vertical-align: middle !important;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th button {
  background: none;
  text-decoration: none;
  -webkit-appearance: none;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  border: none;
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  vertical-align: center;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th button svg {
  position: absolute;
  height: 20px;
  width: 20px;
  left: calc(50% - 10px);
  top: calc(50% - 5px);
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th button.sort-asc {
  left: 0;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th button.sort-asc .descend {
  display: none;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th button.sort-asc.active #SortingIconSvg .ascend {
  fill: orange;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th button.sort-desc {
  right: 0;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th button.sort-desc svg {
  transform: translateY(-10px);
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th button.sort-desc .ascend {
  display: none;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th button.sort-desc.active #SortingIconSvg .descend {
  fill: orange;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th .sort-order[data-sort_type=asc] { /*left*/
  display: block;
  width: calc(100% - 17px);
  text-align: center;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-sort th .sort-order[data-sort_type=desc] { /*right*/
  display: block;
  width: 100%;
  text-align: right;
  padding: 0 5px;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter {
  display: none;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter.no-filter {
  display: none !important;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter.active {
  display: table-row;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-filter th {
  padding: 2px;
  vertical-align: top;
  height: 23px;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-edit th {
  height: 37px;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-edit th.empty > * {
  display: none;
}
.web-table-container .web-table .web-table-wrapper table thead tr.web-table-row-edit th:not(.empty) {
  vertical-align: bottom;
}
.web-table-container .web-table .web-table-wrapper table tbody > * + * > td {
  border-top: 0.1px solid black;
}
.web-table-container .web-table .web-table-wrapper table tbody tr > * + * {
  border-left: 0.1px solid black;
}
.web-table-container .web-table .web-table-wrapper table tbody tr.web-table-row-connected td {
  border-top-style: dashed;
}
.web-table-container .web-table .web-table-wrapper table tbody tr.with-on-row-click, .web-table-container .web-table .web-table-wrapper table tbody tr.with-side-content {
  cursor: pointer;
}
.web-table-container .web-table .web-table-wrapper table tbody tr.web-table-row-connected {
  font-style: italic;
}
.web-table-container .web-table .web-table-wrapper table tbody tr.row-bold td {
  font-weight: bold;
}
.web-table-container .web-table .web-table-wrapper table tbody tr.row-italic td {
  font-style: italic;
}
.web-table-container .web-table .web-table-wrapper table tbody tr.odd {
  background-color: #efefef;
}
.web-table-container .web-table .web-table-wrapper table tbody tr.even {
  background-color: white;
}
.web-table-container .web-table .web-table-wrapper table tbody tr.odd:hover, .web-table-container .web-table .web-table-wrapper table tbody tr.even:hover {
  background-color: #d9e3ed;
}
.web-table-container .web-table .web-table-wrapper table tbody tr.odd.selected, .web-table-container .web-table .web-table-wrapper table tbody tr.even.selected {
  background-color: #cccccc;
  color: white;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td {
  position: relative;
  width: 1px;
  height: 16px;
  vertical-align: middle;
  padding: 5px;
  font-size: 12px;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.message-cell {
  height: 30px;
  padding: 5px;
  text-align: center;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.message-cell:not(.data-loader) {
  background: gray;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.message-cell span {
  position: fixed;
  margin-top: -5px;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td[data-js-id=_row_marker] {
  width: 40px;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.attached-link {
  cursor: pointer;
  text-decoration: underline;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.attached-link:hover {
  text-shadow: 0 0 0.8px;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.editing {
  padding: 0;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.unsaved-changes:after {
  border-right-color: purple;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.cell-required:not(.cell-required-valid)::after {
  border-right-color: red;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.cell-editable, .web-table-container .web-table .web-table-wrapper table tbody tr td.cell-clickable {
  cursor: pointer;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.cell-editable:after {
  opacity: 1;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.curr-not-editable:after {
  opacity: 0.33;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td .color-holder-secondary, .web-table-container .web-table .web-table-wrapper table tbody tr td .color-holder-tertiary {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  bottom: 0;
  width: 15px;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.has-color-secondary, .web-table-container .web-table .web-table-wrapper table tbody tr td.has-color-tertiary {
  padding-right: 20px;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.has-color-secondary.has-color-tertiary {
  padding-right: 35px;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.has-color-secondary.has-color-tertiary .color-holder-secondary {
  width: 30px;
}
.web-table-container .web-table .web-table-wrapper table tbody tr td.editing-in-dialog:before, .web-table-container .web-table .web-table-wrapper table tbody tr.marked td.bulk-editable:before {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: "";
  opacity: 0.33;
}
.web-table-container .web-table .web-table-wrapper table tbody td.no-wrap-text {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}
.web-table-container .web-table .web-table-wrapper table tbody td.no-wrap-text:hover {
  max-width: none;
}
.web-table-container .web-table .web-table-wrapper table tbody td button.issueDetail {
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 3px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.web-table-container .web-table .web-table-wrapper table .loading-tbody-row td {
  padding: 0;
}
.web-table-container .web-table .web-table-wrapper table .loading-tbody-row td progress {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
}
@-webkit-keyframes tbody-loader {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@-moz-keyframes tbody-loader {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@-o-keyframes tbody-loader {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
@keyframes tbody-loader {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
.web-table-container .web-table .web-table-wrapper table .loading-tbody-row td progress::-webkit-progress-bar {
  background-color: rgb(74, 136, 204);
  background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25));
  background-size: 35px 20px, 100% 100%, 100% 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  -webkit-animation: tbody-loader 300s linear infinite;
  -moz-animation: tbody-loader 300s linear infinite;
  -o-animation: tbody-loader 300s linear infinite;
  animation: tbody-loader 300s linear infinite;
}
.web-table-container .web-table .web-table-wrapper table .group-thead-row:first-child {
  border-top: 0.1px solid black;
}
.web-table-container .web-table .web-table-wrapper table .group-thead-row:first-child .group-cell > table {
  border: none;
}
.web-table-container .web-table .web-table-wrapper table .group-tbody-row {
  border-top: 0.1px solid black !important;
}
.web-table-container .web-table .web-table-wrapper table .group-tbody-row .group-by-fill {
  height: 30px;
}
.web-table-container .web-table .web-table-wrapper table .group-row .group-by-fill {
  padding: 0 !important;
  min-width: 0 !important;
  border: none;
  width: 100% !important;
}
.web-table-container .web-table .web-table-wrapper table .group-row .group-cell {
  z-index: 0;
  padding: 0;
}
.web-table-container .web-table .web-table-wrapper table .group-row .group-cell .group-wrap {
  overflow-x: hidden;
}
.web-table-container .web-table .web-table-wrapper table .group-row .group-cell .group-wrap-scrollable {
  overflow-x: scroll;
}
.web-table-container .web-table .web-table-wrapper table .group-row .group-cell .group-wrap .group-table {
  position: static;
}
.web-table-container .web-table .web-table-wrapper table .group-row .group-data-row > th {
  padding: 5px;
  vertical-align: middle;
}
.web-table-container .web-table .group-thead-row {
  display: none !important;
}
.web-table-container .web-table.active-group-header .group-thead-row.active, .web-table-container .web-table.active-group-header .group-thead-row.web-table-row-display {
  display: table-row !important;
}
.web-table-container .show-table {
  display: none;
}
.web-table-container .side-content {
  display: none;
}
.web-table-container.with-side-content > * {
  display: inline-block;
  vertical-align: top;
  max-height: 100%;
}
.web-table-container.with-side-content tbody > tr {
  position: relative;
}
.web-table-container.with-side-content tbody > tr.with-side-content-opened > td:first-child:before {
  position: absolute;
  content: "";
  width: 5px;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 5px solid;
}
.web-table-container.with-side-content .side-content {
  padding: 10px;
  height: 100%;
  position: relative;
}
.web-table-container.with-side-content .side-content-close {
  position: absolute;
  left: 10px;
  top: 12px;
  z-index: 1;
}
.web-table-container.with-side-content .side-content-wrapper {
  position: relative;
  height: calc(100% - 35px);
  margin-top: 35px;
  overflow-y: auto;
}
@media only screen and (min-width: 1171px) {
  .web-table-container.with-side-content .web-table {
    width: 60%;
  }
  .web-table-container.with-side-content .side-content {
    width: 40%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1170px) {
  .web-table-container.with-side-content .web-table {
    width: 50%;
  }
  .web-table-container.with-side-content .side-content {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .web-table-container.with-side-content .web-table {
    display: none;
  }
  .web-table-container.with-side-content .side-content {
    width: 100%;
  }
}

.export-xlsx, .export-csv {
  position: relative;
}

.table-export-popup {
  display: none;
  position: fixed;
  z-index: 6;
  border-radius: 3px;
  border: 0.5px solid;
  text-align: left;
}
.table-export-popup.show {
  display: block;
}
.table-export-popup a {
  cursor: pointer;
  position: relative;
  display: block;
  padding: 5px;
  text-decoration: none;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.table-export-popup a + *:before {
  content: " ";
  position: absolute;
  top: 0;
  width: 90%;
  margin: 0 auto;
  border-top: 0.5px solid;
}

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

.top-image {
    height: 320px;
    padding-top: 0;
}
.top-background {
    padding-top: 0;
    position: absolute;
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
    top: 0;
    width: 80%;
}
.top-background.active {
    opacity: 0;
}
.top-heading {
    font-weight: bold;
    left: calc(50% - 450px);
    line-height: 70px;
    max-width: 900px;
    position: absolute;
    top: 0;
}

.top-subHeading {
    left: calc(50% - 450px);
    max-width: 900px;
    position: absolute;
    top: 190px;
}
.top-paragraph {
    left: 10%;
    position: absolute;
    text-align: center;
    top: 300px;
    width: 80%;
}
@media (max-width: 1100px) {
    .top-subHeading {
        left: 10%;
        max-width: initial;
        width: 80%;
    }
}
@media (max-width: 894px) {
    .top-image {
        height: 410px;
    }
    .top-background {
        width: calc(100% - 120px);
    }
    .top-heading {
        left: 10%;
        max-width: initial;
        width: 80%;
    }
    .top-subHeading {
        left: 10%;
        top: 200px;
    }
}

@media (max-width: 450px) {
    .top-image {
        height: 450px;
    }
    .top-background {
        width: calc(100% - 50px);
    }
    .top-heading {
        left: 10%;
        width: 80%;
    }
    .top-subHeading {
        left: 10%;
        top: 320px;
    }
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98; /* Below the expanded video container */
  display: none;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
.overlay.active {
  display: block;
  pointer-events: all;
}

#configurator.premiumPlan .configuratorBox.sendPlan #testingEnvironmentPrice {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
#configurator.premiumPlan .configuratorBox.sendPlan #testingEnvironmentPrice #testingEnvironmentPriceValue {
  color: rgb(0, 127, 183);
}
@media (max-width: 1020px) {
  #configurator.premiumPlan .configuratorBox.sendPlan #totalValuesWrapper {
    padding-bottom: 0;
  }
}
#configurator.premiumPlan .configuratorBox.sendPlan #currencyAndTotalValuesWrapper {
  background: rgb(230, 250, 255);
  padding: 15px;
}
@media (max-width: 1020px) {
  #configurator.premiumPlan .configuratorBox.sendPlan #currencyAndTotalValuesWrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
#configurator.premiumPlan .configuratorBox.sendPlan #currencyAndTotalValuesWrapper #currencySelection {
  text-align: right;
  margin-bottom: 10px;
}
@media (max-width: 1020px) {
  #configurator.premiumPlan .configuratorBox.sendPlan #currencyAndTotalValuesWrapper #currencySelection {
    margin-bottom: 0;
  }
}
#configurator.premiumPlan .configuratorBox.sendPlan #currencyAndTotalValuesWrapper #currencySelection button {
  border: none;
  background: transparent;
  padding: 0;
}
#configurator.premiumPlan .configuratorBox.sendPlan #currencyAndTotalValuesWrapper #currencySelection button:hover:not(.selected) {
  text-decoration: underline;
  cursor: pointer;
}
#configurator.premiumPlan .configuratorBox.sendPlan #currencyAndTotalValuesWrapper #currencySelection button.selected {
  color: #007fb7;
}
#configurator.premiumPlan .configuratorBox.sendPlan #currencyAndTotalValuesWrapper #currencySelection span {
  font-size: 14px;
}
@media (max-width: 1020px) {
  #configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper {
    margin-top: 0;
  }
}
#configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper {
  font-size: 20px;
}
#configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .testingEnvironment {
  display: flex;
  font-size: 16px;
  margin-top: 25px;
}
#configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .testingEnvironment input {
  bottom: 1px;
}
#configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .testingEnvironment .text {
  margin-left: 10px;
  text-align: left;
}
#configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .testingEnvironment .svgWrapper {
  width: 40px;
  display: flex;
}
#configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .testingEnvironment .svgWrapper svg {
  width: 20px;
  height: 20px;
  align-self: center;
  margin: 0 10px;
  fill: grey;
}
#configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .storeNumberSizeSendButtonWrapper {
  display: flex;
}
@media (max-width: 1020px) {
  #configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .storeNumberSizeSendButtonWrapper {
    flex-direction: column;
  }
}
#configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .storeNumberSizeSendButtonWrapper #storeNumberWrapper {
  display: flex;
  text-align: left;
  align-self: center;
}
@media (max-width: 1020px) {
  #configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .storeNumberSizeSendButtonWrapper #storeNumberWrapper {
    width: 100%;
  }
}
@media (max-width: 1020px) {
  #configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .storeNumberSizeSendButtonWrapper #storeNumberWrapper #sendPlanRequestForMobile {
    display: block;
    text-align: center;
    margin-left: 10px;
  }
}
#configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .storeNumberSizeSendButtonWrapper .sliderContainer {
  display: none;
}
#configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .storeNumberSizeSendButtonWrapper #storeNumberInput {
  width: 63px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  align-self: center;
  color: rgb(0, 127, 183);
  font-size: 16px;
  border: 1px solid rgb(0, 127, 183);
}
#configurator.premiumPlan .configuratorBox.storeSize #storeNumberSizeSendButtonTestingEnvironmentWrapper .storeNumberSizeSendButtonWrapper #sendPlanRequestForMobile {
  display: none;
}
#configurator.premiumPlan .configuratorBox.storeSize #sendPlanDontWorryText {
  margin-top: 55px;
  display: flex;
}
#configurator.premiumPlan .configuratorBox.storeSize #sendPlanDontWorryText #dontWorryText {
  margin-left: 20px;
  text-align: left;
  align-self: center;
}
#configurator.premiumPlan #finalPrice {
  float: right;
  text-align: right;
  font-weight: bold;
  font-size: 25px;
  color: #007FB7;
  margin-left: 5px;
}
#configurator.premiumPlan #finalPriceTextAndPrice {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 10px;
}
#configurator.premiumPlan #finalPriceFinalPricePerMonthAndStore {
  display: flex;
  flex-direction: column;
  width: 60%;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper svg {
  width: 20px;
  height: 20px;
  align-self: center;
  margin: 0 10px;
  fill: grey;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper .svgWrapper {
  width: 40px;
  display: flex;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper .svgWrapper #showHintForStoreNumber,
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper .svgWrapper #showHintForStoreSize {
  display: none;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper .svgWrapper:hover #showHintForStoreNumber, #configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper .svgWrapper:hover #showHintForStoreSize {
  background-color: rgb(118, 120, 127);
  border-radius: 5px;
  color: rgb(254, 254, 254);
  display: block;
  font-size: 13px;
  margin-top: 32px;
  margin-left: 40px;
  padding: 15px;
  max-width: 200px;
  text-align: left;
  position: absolute;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeNumberText,
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeText {
  align-self: center;
  text-align: left;
  display: flex;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeText {
  margin-left: auto;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper > div {
  display: flex;
  flex-direction: row;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper {
  margin-left: 10px;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper .storeSizeSelects {
  display: flex;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper .storeSizeSelects #storeSizeSelect,
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper .storeSizeSelects #storeUnitsSelect {
  margin-right: 0;
  height: 36px;
  color: rgb(0, 127, 183);
  font-size: 16px;
  align-self: center;
  border: 1px solid rgb(0, 127, 183);
  background: white;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper .storeSizeSelects #storeSizeSelect {
  width: 100%;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper .storeSizeSelects #storeUnitsSelect {
  width: fit-content;
  margin-right: 10px;
}
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper span {
  display: inline-block;
  width: 35%;
}
#configurator.basicPlan .rightSide {
  width: 100%;
  padding: 10px 20px 20px 20px;
  box-sizing: border-box;
}
#configurator.basicPlan .rightSide .rightSidePaddingWrapper {
  background: rgb(230, 250, 255);
  padding: 10px;
  height: auto;
}
#configurator.basicPlan .rightSide .rightSidePaddingWrapper #currencySelection {
  text-align: right;
  margin-bottom: 10px;
}
#configurator.basicPlan .rightSide .rightSidePaddingWrapper #currencySelection button {
  border: none;
  background: transparent;
  padding: 0;
}
#configurator.basicPlan .rightSide .rightSidePaddingWrapper #currencySelection button:hover:not(.selected) {
  text-decoration: underline;
  cursor: pointer;
}
#configurator.basicPlan .rightSide .rightSidePaddingWrapper #currencySelection button.selected {
  color: #007fb7;
}
#configurator.basicPlan .rightSide .rightSidePaddingWrapper #currencySelection span {
  font-size: 14px;
}
#configurator.basicPlan .billedAnnuallyTextAndPrice .billedAnnuallyText {
  text-align: left;
}
#configurator.basicPlan .billedAnnuallyTextAndPrice #pricePerYear {
  font-size: 25px;
}
#configurator.basicPlan #configuratorBoxTitle .leftSide,
#configurator.basicPlan #configuratorBoxTitle .rightSide {
  padding: 30px;
}
#configurator.basicPlan #configuratorBoxTitle .leftSide {
  width: 45%;
  display: flex;
}
#configurator.basicPlan #configuratorBoxTitle .leftSide .dontWorryText {
  width: fit-content;
  margin-left: 20px;
  text-align: left;
  align-self: center;
}
#configurator.basicPlan #configuratorBoxTitle .rightSide {
  width: 55%;
  padding: 20px;
}
#configurator.basicPlan #configuratorBoxTitle .rightSide .pricePerUserMonth {
  width: fit-content;
  margin-left: auto;
  margin-top: 10px;
}
#configurator.basicPlan #configuratorBoxTitle .rightSide .billedAnnuallyTextAndPrice {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
  height: 50%;
}
#configurator.basicPlan #configuratorBoxTitle .rightSide .billedAnnuallyTextAndPrice .billedAnnuallyText {
  font-size: 20px;
  align-self: center;
}
#configurator.basicPlan #configuratorBoxTitle .rightSide .billedAnnuallyTextAndPrice #pricePerYear {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #007FB7;
  margin-left: 5px;
}
#configurator.basicPlan #configuratorBoxTitle .sendRequest {
  display: flex;
}
#configurator.basicPlan #configuratorBoxTitle .sendRequest .sendRequest {
  align-self: center;
  background-color: #007FB7;
  color: white;
  padding: 5px 10px;
  border: 1px solid #007FB7;
  font-weight: bold;
}
#configurator.basicPlan #configuratorBoxTitle .sendRequest .sendRequest > div {
  min-width: 150px;
}
#configurator #oneTimePricingItemsSummary {
  display: flex;
  flex-direction: column;
}
#configurator #oneTimePricingItemsSummary:has(div) {
  margin-top: 15px;
}
#configurator #oneTimePricingItemsSummary > div {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
#configurator .onTopPageContainer {
  min-height: 190px;
}
#configurator .onTopPageContainer.withVideo {
  margin-top: 55px;
  padding: 40px 0;
  max-width: 1024px;
  min-height: 158px;
  width: 100%;
  display: grid;
  grid-template-columns: 72% 28%;
}
#configurator .onTopPageContainer.withVideo .pageHeaderWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 0;
  text-align: left;
}
#configurator .onTopPageContainer.withVideo .pageHeaderWrapper h1 {
  margin: 0;
  font-size: 48px;
  font-weight: bold;
  line-height: 55px;
  width: 100%;
}
#configurator .onTopPageContainer.withVideo .pageHeaderWrapper h4 {
  font-size: 28px;
  margin: 0;
}
#configurator .onTopPageContainer.withVideo .videoHeaderWrapper {
  position: relative;
  align-self: center;
  cursor: pointer;
}
#configurator .onTopPageContainer.withVideo .videoHeaderWrapper .closeIcon {
  display: none;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background-color: white;
  -webkit-mask-image: url("../img/utils/clear.svg");
  mask-image: url("../img/utils/clear.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
#configurator .onTopPageContainer.withVideo .videoHeaderWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#configurator .onTopPageContainer.withVideo .videoHeaderWrapper iframe {
  display: none;
  pointer-events: none;
  border: none;
}
#configurator .onTopPageContainer.withVideo .videoHeaderWrapper.expanded {
  z-index: 99;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
}
#configurator .onTopPageContainer.withVideo .videoHeaderWrapper.expanded .closeIcon {
  position: absolute;
  display: block;
  right: -24px;
}
#configurator .onTopPageContainer.withVideo .videoHeaderWrapper.expanded img {
  display: none;
}
#configurator .onTopPageContainer.withVideo .videoHeaderWrapper.expanded iframe {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  border-radius: 20px;
}
#configurator .onTopPageContainer.withVideo .videoHeaderWrapper.expanded .player {
  border-radius: 20px;
}
#configurator .textAndVideoWrapper {
  width: 92%;
  max-width: 1024px;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
}
@media (max-width: 950px) {
  #configurator .textAndVideoWrapper {
    display: none;
  }
}
#configurator .textAndVideoWrapper .text {
  color: white;
  width: 40%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#configurator .textAndVideoWrapper .text .subheading {
  font-size: 32px;
  margin-bottom: 20px;
}
#configurator .textAndVideoWrapper .text .additionalText {
  font-size: 20px;
}
#configurator .textAndVideoWrapper iframe {
  max-width: 55%;
  width: 560px;
  height: 316.384180791px;
  border: none;
  z-index: 2;
  align-self: center;
}
#configurator .configuratorBox .averagePrice {
  font-size: 18px;
  text-align: right;
}
@media (max-width: 1020px) {
  #configurator .configuratorBox .averagePrice {
    text-align: left;
  }
}
@media (max-width: 740px) {
  #configurator .configuratorBox .averagePrice {
    text-align: right;
  }
}
#configurator .configuratorBox.storeSize {
  padding-right: 10px;
  padding-top: 35px;
  display: flex;
  flex-direction: column;
  width: 55%;
}
#configurator .configuratorBox.sendPlan {
  padding-left: 10px;
  width: 45%;
}
#configurator .configuratorBox.sendPlan #priceListAndDiscount #priceList,
#configurator .configuratorBox.sendPlan #priceListAndDiscount #discount {
  display: flex;
  justify-content: space-between;
}
#configurator .configuratorBox.sendPlan #priceListAndDiscount #discount {
  margin-top: 5px;
}
#configurator .configuratorBox.sendPlan #priceListAndDiscount #priceList #priceListText {
  text-align: left;
}
#configurator .configuratorBox.sendPlan #priceListAndDiscount #discountValue,
#configurator .configuratorBox.sendPlan #priceListAndDiscount #pricePerYear {
  color: rgb(0, 127, 183);
}
#configurator .configuratorBox.sendPlan .whiteLine {
  border: 1px solid white;
  margin-top: 15px;
}
#configurator .configuratorBox.itemListBox {
  width: 100%;
  padding: 0;
}
#configurator .configuratorBox:last-child {
  margin: 0;
}
#configurator .onTopSvgElement {
  height: 30vh;
  max-width: none;
  padding-top: 0;
  position: absolute;
  right: 0;
  width: 80vh;
}
#configurator .H1_PageHeader,
#configurator .H4_PageHeader {
  position: relative;
  text-align: center;
  max-width: none;
}
#configurator .onTopSvgClass {
  fill: rgba(255, 255, 255, 0.2);
}
#configurator #configuratorBoxTitle {
  height: auto;
  max-width: 1024px;
  margin: auto;
  display: flex;
  flex-direction: row;
  position: relative;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06);
  /*0 22.3px 17.9px rgba(0, 0, 0, 0.072),*/
  /*0 41.8px 33.4px rgba(0, 0, 0, 0.086),*/
  /*0 100px 80px rgba(0, 0, 0, 0.12);*/
  z-index: 9;
  background-color: white;
  width: 92%;
}
#configurator #configuratorBoxTitle.fixed {
  position: fixed !important;
  left: 50%;
  transform: translate(-50%, 0);
}
#configurator #finalPriceTextAndPrice {
  font-size: 30px;
  text-align: left;
}
#configurator #finalPriceTextAndPrice #finalPriceText {
  padding-top: 10px;
  padding-right: 5px;
  max-width: 30%;
}
#configurator #finalPricePerMonthAndStore {
  font-size: 14px;
  text-align: right;
}
#configurator .premiumLeft,
#configurator .premiumRight,
#configurator .flexibleLeft,
#configurator .flexibleRight {
  position: absolute;
  top: 0;
  width: 65vh;
}
#configurator .flexibleLeft {
  width: 30vh;
}
#configurator .premiumLeft {
  width: 25vh;
}
#configurator .flexibleLeft {
  left: 0;
  top: 5vh;
}
#configurator .premiumRight,
#configurator .flexibleRight {
  right: 0;
}
#configurator .premiumLeft {
  top: 5vh;
  left: 20px;
}
#configurator .premiumRight {
  top: 5vh;
  right: 20px;
  width: 30vh;
}
#configurator #storeSizeWrapper {
  display: flex;
  justify-content: space-between !important;
}
#configurator #storeSizeWrapper #storeSizeSelect,
#configurator #storeSizeWrapper #storeUnitsSelect {
  border: 1px solid grey;
  border-radius: 5px;
  margin-right: 10px;
  max-height: 35px;
}
#configurator.basicPlan #sendPlanRequest, #configurator.premiumPlan #configuratorBoxTitle .configuratorBox.storeSize #sendPlanDontWorryText #sendPlanRequest, #configurator.premiumPlan #configuratorBoxTitle #storeNumberSizeSendButtonTestingEnvironmentWrapper #sendPlanRequestForMobile, #configurator.premiumPlan #configuratorBoxTitle #storeNumberSizeSendButtonTestingEnvironmentWrapper #sendPlanRequestForTablet {
  align-self: center;
  display: none;
  background-color: #007FB7;
  color: white;
  padding: 5px 10px;
  border: 1px solid #007FB7;
  font-weight: bold;
}
#configurator.basicPlan #configuratorBoxTitle .sendRequest .sendRequest:hover, #configurator.basicPlan #sendPlanRequest:hover, #configurator.premiumPlan #configuratorBoxTitle .configuratorBox.storeSize #sendPlanDontWorryText #sendPlanRequest:hover, #configurator.premiumPlan #configuratorBoxTitle #storeNumberSizeSendButtonTestingEnvironmentWrapper #sendPlanRequestForMobile:hover, #configurator.premiumPlan #configuratorBoxTitle #storeNumberSizeSendButtonTestingEnvironmentWrapper #sendPlanRequestForTablet:hover {
  background-color: #056e98;
}
#configurator.basicPlan #sendPlanRequest, #configurator.premiumPlan #configuratorBoxTitle .configuratorBox.storeSize #sendPlanDontWorryText #sendPlanRequest {
  display: inline-block;
}
#configurator input[type=checkbox] {
  position: relative;
  left: 0;
  margin: 0;
  bottom: 5px;
}
#configurator .itemBoxLeftRightSide {
  text-align: left;
  display: flex;
  justify-content: space-between;
  padding-right: 25px;
  padding-left: 25px;
  cursor: pointer;
}
#configurator .itemBoxLeftRightSide.checkboxChecked {
  background-color: rgb(230, 250, 255);
}
#configurator .itemBoxLeftRightSide.checkboxChecked .itemBoxLeftSideLineWrapper.showWhiteLine,
#configurator .itemBoxLeftRightSide.checkboxChecked .itemBoxRightSideLineWrapper.showWhiteLine {
  border-bottom: 2px solid rgb(255, 255, 255);
}
#configurator .itemBoxLeftRightSide .itemBoxLeftSide {
  width: 75%;
  display: flex;
  align-items: flex-end;
  justify-content: left;
  box-sizing: border-box;
  min-height: 40px;
  padding-left: 5px;
}
#configurator .itemBoxLeftRightSide .itemBoxLeftSide .pricePerItemOnLeftSide {
  display: none;
}
#configurator .itemBoxLeftRightSide .itemBoxLeftSideLineWrapper,
#configurator .itemBoxLeftRightSide .itemBoxRightSideLineWrapper {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  width: 100%;
}
#configurator .itemBoxLeftRightSide .itemBoxRightSideLineWrapper {
  width: 100%;
  flex: 1;
}
#configurator .itemBoxLeftRightSide .pngImage {
  margin: 40px 0;
}
#configurator .itemBoxLeftRightSide .pngImage img {
  width: 120px;
  margin-left: 20px;
}
#configurator .itemBoxLeftRightSide .checkBoxImageName {
  display: flex;
  justify-content: space-between;
}
#configurator .itemBoxLeftRightSide .checkBoxImageName span {
  line-height: 25px;
  color: rgb(0, 127, 183);
  font-size: 20px;
}
#configurator .itemBoxLeftRightSide .checkBoxImageName .itemBoxNameDescriptionReadMore {
  margin: 15px 15px 15px 40px;
  width: 100%;
}
#configurator .itemBoxLeftRightSide .checkBoxImageName .itemBoxNameDescriptionReadMore .description {
  margin: 10px 0;
  line-height: 19px;
}
#configurator .itemBoxLeftRightSide .checkBoxImageName .itemBoxNameDescriptionReadMore .readMore a {
  color: rgb(0, 127, 183);
}
#configurator .itemBoxLeftRightSide .checkBoxImage {
  display: flex;
  align-items: center;
}
#configurator .itemBoxLeftRightSide .checkBoxImage .itemNameForTabletResolution {
  display: none;
  margin-left: 10px;
}
#configurator .itemBoxLeftRightSide .pricePerUnitWrapper {
  display: flex;
  position: relative;
  width: fit-content;
}
#configurator .configuratorBox .itemBoxRightSide {
  width: 25%;
  text-align: right;
  font-size: 20px;
  padding-right: 5px;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  flex-direction: column;
}
#configurator .configuratorBox .priceCount {
  margin-bottom: 10px;
  font-weight: bold;
  padding-top: 15px;
  margin-left: 10px;
  text-align: right;
}
#configurator .configuratorBox .lineSeparatorMargin {
  margin-top: 10px;
}
#configurator .configuratorBox .pricePerUnitWrapper {
  justify-content: space-between;
  margin-top: 40px;
  position: relative;
  margin-left: auto;
}
#configurator .itemBoxLeftRightSide:last-child {
  border-bottom: none;
}
#configurator .itemBoxLeftRightSide .itemBoxLeftSideLineWrapper.showBlueLine,
#configurator .itemBoxLeftRightSide .itemBoxRightSideLineWrapper.showBlueLine {
  border-bottom: 2px solid rgb(230, 250, 255);
}
#configurator .itemBoxLeftRightSide .pricePerUnitWrapper .textAndInputWrapper {
  align-self: center;
  text-align: left;
  display: flex;
}
#configurator .itemBoxLeftRightSide .pricePerUnitWrapper .textAndInputWrapper .itemBoxRightSide .textAndInputWrapper {
  margin-left: auto;
}
#configurator .itemBoxLeftRightSide .pricePerUnitWrapper .textAndInputWrapper .svgWrapper {
  width: 40px;
  display: flex;
}
#configurator .itemBoxLeftRightSide .pricePerUnitWrapper .textAndInputWrapper .svgWrapper .showHint {
  display: none;
}
#configurator .itemBoxLeftRightSide .pricePerUnitWrapper .textAndInputWrapper .svgWrapper svg {
  width: 20px;
  height: 20px;
  align-self: center;
  margin: 0 10px;
  fill: grey;
  display: block;
}
#configurator .itemBoxLeftRightSide .pricePerUnitWrapper .svgWrapper:hover .showHint {
  background-color: rgb(118, 120, 127);
  border-radius: 5px;
  color: rgb(254, 254, 254);
  display: block;
  font-size: 13px;
  padding: 15px;
  width: 110px;
  text-align: left;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 1;
  margin: 0;
}
#configurator .itemBoxLeftRightSide .pricePerUnitWrapper input {
  width: 60px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  align-self: center;
  color: rgb(0, 127, 183);
  font-size: 16px;
  border: 1px solid rgb(0, 127, 183);
}

/* style mobile version - basic and premium plan */
@media (max-width: 1120px) {
  #configurator #configuratorBoxTitle,
#configurator .configuratorBoxes {
    width: 100%;
  }
}
@media (min-width: 650px) {
  #configurator .configuratorBoxes {
    max-width: 1024px;
    height: auto;
    display: flex;
    flex-direction: row;
    margin: auto;
  }
}
@media (min-width: 600px) and (max-width: 655px) {
  .H2_text_center {
    font-size: 32px;
  }
}
@media (max-width: 450px) {
  .top-subHeading {
    top: 240px;
  }
}
@media (min-width: 601px) and (max-width: 1200px) {
  #configurator .configuratorBoxes {
    padding-bottom: 0;
  }
  #configurator .configuratorBox {
    width: 50%;
  }
}
@media (max-width: 1100px) {
  .flexibleRight {
    width: 45vh;
  }
  .premiumLeft,
.flexibleLeft {
    display: none;
  }
}
@media (max-width: 799px) {
  .premiumLeft,
.premiumRight,
.flexibleLeft,
.flexibleRight {
    display: none;
  }
}
/* style mobile version - premium plan */
@media (max-width: 1120px) {
  #configurator.premiumPlan .configuratorContent {
    padding-bottom: 0;
  }
}
@media (max-width: 1020px) {
  #configurator .configuratorBox:not(.itemListBox) {
    padding: 10px !important;
  }
  #configurator.premiumPlan #finalPriceTextAndPrice #finalPriceText {
    padding-top: 0;
  }
  #configurator.premiumPlan #finalPriceTextAndPrice #finalPrice {
    font-size: 20px;
    padding-top: 0;
  }
  #configurator.premiumPlan #storeSizeWrapper span {
    line-height: 25px;
  }
  #configurator.premiumPlan #finalPriceTextAndPrice #finalPricePerMonthAndStore {
    margin-left: auto;
  }
  #configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper {
    display: flex;
    justify-content: space-between;
    flex-flow: column;
  }
  #configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeNumberWrapper,
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper {
    justify-content: flex-start;
    width: auto;
  }
  #configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeNumberText,
#configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeText {
    margin-left: 0;
  }
  #configurator.premiumPlan #configuratorBoxTitle {
    flex-direction: column;
  }
  #configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper {
    margin-left: 20px;
  }
  #configurator.premiumPlan #configuratorBoxTitle .configuratorBox.storeSize #sendPlanDontWorryText {
    display: none;
  }
  #configurator.premiumPlan #dontWorryText {
    display: none;
  }
  #configurator.premiumPlan #dontWorryGetOrderWrapper {
    display: none;
  }
  #configurator.premiumPlan #configuratorBoxTitle #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeNumberInput {
    align-self: center;
    margin-right: auto;
  }
  #configurator.premiumPlan #configuratorBoxTitle #storeNumberSizeSendButtonTestingEnvironmentWrapper #sendPlanRequestForMobile,
#configurator.premiumPlan #configuratorBoxTitle #storeNumberSizeSendButtonTestingEnvironmentWrapper #sendPlanRequestForTablet {
    display: block;
    min-height: 23px;
    line-height: 22px;
    max-width: 110px;
  }
  #configurator.premiumPlan #configuratorBoxTitle #storeNumberSizeSendButtonTestingEnvironmentWrapper #sendPlanRequestForTablet {
    margin-left: auto;
  }
  #configurator.premiumPlan #configuratorBoxTitle #storeNumberSizeSendButtonTestingEnvironmentWrapper #sendPlanRequestForMobile {
    display: none;
  }
  #configurator .configuratorBox.sendPlan #finalPriceTextAndPrice {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    width: 45%;
  }
  #configurator .configuratorBox.sendPlan #priceListAndDiscount {
    width: 48%;
  }
  #configurator #finalPriceTextAndPrice #finalPrice {
    font-size: 20px;
    padding-top: 0;
  }
  #configurator .configuratorBox.storeSize {
    width: 100%;
    padding: 20px;
  }
  #configurator .configuratorBox.sendPlan {
    padding-left: 20px;
    display: flex;
    padding-top: 0;
    padding-bottom: 10px;
    background: rgb(230, 250, 255);
    width: 100%;
  }
  #configurator .configuratorBox.sendPlan #totalValuesWrapper {
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
  }
  #configurator .configuratorBox.sendPlan .whiteLine {
    display: none;
  }
  #configurator .configuratorBox {
    width: 100%;
    box-sizing: border-box;
  }
}
@media (min-width: 1100px) {
  #configurator .pricePerStoreMobileVersion {
    display: none;
  }
}
@media (max-width: 1100px) {
  #configurator .itemBoxLeftRightSide {
    flex-direction: column;
    padding-right: 20px;
    padding-left: 20px;
  }
  #configurator .itemBoxLeftRightSide .itemBoxRightSide {
    display: none;
  }
  #configurator .itemBoxLeftRightSide .itemBoxLeftSide {
    width: 100%;
  }
  #configurator .itemBoxLeftRightSide .itemBoxLeftSide .pricePerItemOnLeftSide {
    display: block;
  }
  #configurator .itemBoxLeftRightSide .itemBoxLeftSide .pricePerItemOnLeftSide .pricePerUserAndPricePerYear {
    display: flex;
    justify-content: space-between;
  }
  #configurator .itemBoxLeftRightSide .itemBoxLeftSide .pricePerItemOnLeftSide .pricePerStore {
    margin-bottom: 10px;
    padding-top: 19px;
    font-size: 18px;
  }
  #configurator .itemBoxLeftRightSide .itemBoxLeftSide .pricePerItemOnLeftSide .priceCount {
    font-size: 20px;
  }
}
@media (max-width: 1020px) {
  #configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper {
    margin-left: 0;
    margin-top: 10px;
  }
  #configurator.premiumPlan #configuratorBoxTitle #storeNumberSizeSendButtonTestingEnvironmentWrapper #sendPlanRequestForTablet {
    display: none;
  }
  #configurator.premiumPlan #configuratorBoxTitle #storeNumberSizeSendButtonTestingEnvironmentWrapper #sendPlanRequestForMobile {
    display: block;
  }
  #configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper {
    flex-direction: column;
  }
  #configurator.premiumPlan #finalPriceText {
    width: 50%;
  }
  #configurator .onTopPageContainer {
    min-height: 55px;
  }
  #configurator .onTopPageContainer.withVideo {
    min-height: 0;
    padding: 0;
  }
  #configurator .onTopPageContainer.withVideo .pageHeaderWrapper,
#configurator .onTopPageContainer.withVideo .videoHeaderWrapper {
    display: none;
  }
  #configurator .H1_PageHeader,
#configurator .H4_PageHeader {
    display: none;
  }
  #configurator .configuratorBox.sendPlan #totalValuesWrapper {
    flex-direction: column;
  }
  #configurator .configuratorBox.sendPlan #priceListAndDiscount {
    width: 100%;
  }
  #configurator .configuratorBox.sendPlan .whiteLine {
    display: block;
  }
  #configurator .configuratorBox.sendPlan #finalPriceTextAndPrice {
    margin-top: 20px;
    width: 100%;
  }
}
@media (max-width: 600px) {
  #configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper {
    justify-content: space-between;
    display: flex;
  }
  #configurator.premiumPlan #finalPriceText {
    font-size: 16px;
    align-self: center;
  }
  #configurator.premiumPlan #finalPriceTextAndPrice {
    font-size: 20px;
    display: flex;
    flex-direction: row;
    margin-top: 10px;
  }
  #configurator .itemBoxLeftRightSide .itemBoxLeftSide .pricePerItemOnLeftSide {
    display: none;
  }
  #configurator .configuratorBox .itemBoxRightSide {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 0;
  }
  #configurator .configuratorBox .itemBoxRightSide .itemBoxRightSideLineWrapper {
    display: block;
  }
  #configurator .configuratorBox .itemBoxRightSide .itemBoxRightSideLineWrapper .pricePerUserAndPricePerYear {
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
  #configurator .configuratorBox .itemBoxRightSide .itemBoxRightSideLineWrapper .pricePerStore {
    padding-left: 0;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left;
  }
  #configurator .configuratorBox .itemBoxRightSide .pricePerUnitWrapper {
    justify-content: flex-start;
    margin: 5px 0 15px 0;
    width: fit-content;
  }
  #configurator .configuratorBox .itemBoxRightSide .priceCount {
    margin-bottom: 15px;
    margin-left: 0;
  }
  #configurator .configuratorBox .itemBoxLeftSide .checkBoxImage {
    margin-top: 15px;
    align-items: baseline;
  }
  #configurator .configuratorBox .itemBoxLeftSide .checkBoxImage input[type=checkbox] {
    bottom: -2px;
  }
  #configurator .configuratorBox .itemBoxLeftSide .checkBoxImage span {
    display: initial;
  }
  #configurator .configuratorBox .itemBoxLeftSide .itemBoxNameDescriptionReadMore {
    margin: 0 0 15px 0;
  }
  #configurator .configuratorBox .itemBoxLeftSide .itemBoxNameDescriptionReadMore span {
    display: none;
  }
  #configurator .configuratorBox .itemBoxLeftSide img {
    display: none;
  }
  #configurator .configuratorBox .itemBoxLeftSide,
#configurator .configuratorBox .itemBoxRightSide {
    width: 100%;
    padding: 0;
  }
  #configurator .configuratorBox .itemBoxLeftSide .itemBoxLeftSideLineWrapper,
#configurator .configuratorBox .itemBoxRightSide {
    border-bottom: none !important;
  }
  #configurator .configuratorBox .itemBoxLeftSide .checkBoxImageName,
#configurator .configuratorBox .itemBoxRightSide .priceCount {
    margin-bottom: 0;
    flex-direction: column;
    padding-top: 0;
    text-align: left;
  }
  #configurator .pricePerStore {
    display: none;
  }
}
@media (max-width: 390px) {
  #configurator.premiumPlan #storeSizeWrapper #storeSizeSelect {
    width: 100%;
  }
  #configurator.premiumPlan #storeNumberSizeSendButtonTestingEnvironmentWrapper #sendPlanRequestForMobile {
    margin-left: 5px;
  }
  #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper {
    flex-direction: column;
    align-items: start;
  }
  #storeNumberSizeSendButtonTestingEnvironmentWrapper #storeSizeWrapper #storeSizeText {
    width: 100%;
    margin-bottom: 10px;
  }
}
/* Style mobile / desktop for page /basic-plan */
@media (max-width: 910px) {
  #configurator.basicPlan #configuratorBoxTitle {
    flex-direction: column;
  }
  #configurator.basicPlan #configuratorBoxTitle .rightSide {
    width: 100%;
    padding: 10px 20px 20px 20px;
    box-sizing: border-box;
  }
  #configurator.basicPlan #configuratorBoxTitle .leftSide {
    width: 100%;
    padding: 20px 20px 10px 20px;
    box-sizing: border-box;
    flex-direction: row-reverse;
  }
  #configurator.basicPlan #configuratorBoxTitle .leftSide .dontWorryText {
    margin-left: 0;
    margin-right: auto;
    padding-right: 20px;
  }
}
@media (max-width: 450px) {
  #configurator.basicPlan #configuratorBoxTitle .leftSide .dontWorryText {
    display: none;
  }
  #configurator.basicPlan #configuratorBoxTitle .rightSide .billedAnnuallyTextAndPrice #pricePerYear {
    font-size: 20px;
  }
  #configurator.basicPlan #configuratorBoxTitle .rightSide .billedAnnuallyTextAndPrice .billedAnnuallyText {
    text-align: left;
    margin-right: 10px;
  }
}
@media (max-width: 400px) {
  #configurator.basicPlan #configuratorBoxTitle .rightSide .rightSidePaddingWrapper {
    height: 100%;
  }
}

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