body .dx-checkbox-icon {
  border-color: #898888;
}
body .udc-form {
  margin: 0 15px 15px 20px;
  display: flex;
  flex-direction: column;
}
body .udc-form .dx-field-label {
  overflow: visible;
  white-space: normal;
  font-weight: bold;
  width: 200px;
}
body .udc-form .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
body .udc-form .dx-field-value-static {
  float: left;
}
body .udc-form .dx-field-value > .dx-checkbox {
  float: left;
}
body .udc-form .udc-description {
  margin-left: 200px;
  float: left;
  clear: both;
  width: 60%;
}
body .udc-form .udc-description .udc-field-required {
  display: inline-block;
  width: 6px;
}
body .udc-form .udc-description .udc-field-description {
  display: inline;
}
body .udc-form .udc-captcha {
  display: flex;
  border: #ababab solid 1px;
  flex-direction: row;
  justify-items: flex-end;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 35px;
}
body .udc-form .udc-captcha img.CptImage {
  height: 50px;
  margin-top: -6px;
}
body .udc-form .udc-captcha div#btn-refresh-captcha {
  align-self: flex-end;
  margin: 0;
  display: block;
  padding: 0;
  width: 34px;
  height: 34px;
}
@media (max-width: 700px) {
  body .udc-form .udc-description {
    width: 60%;
  }
}
@media (max-width: 600px) {
  body .udc-form .udc-description {
    float: left;
    width: 100%;
    margin-left: 0;
  }
  body .udc-form .dx-field-label {
    clear: both;
    width: 100%;
  }
  body .udc-form .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
  body .udc-form .dx-field-value-static {
    width: 100%;
  }
}
body .udc-form .udc-buttons {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}
body .udc-form .udc-buttons .udc-buttons-left {
  float: left;
}
body .udc-form .udc-buttons .udc-buttons-left .dx-button {
  margin-right: 10px;
}
body .udc-form .udc-buttons .udc-buttons-right {
  float: right;
}
body .udc-form .udc-buttons .udc-buttons-right .dx-button {
  margin-left: 10px;
}
body .udc-form .udc-term .udc-term-html {
  width: 100%;
  border: 1px solid silver;
  padding: 10px;
  font-size: 80%;
  overflow-y: scroll;
  height: 200px;
}
body .udc-form .udc-term .udc-term-download {
  float: right;
  margin-bottom: 10px;
}
body .udc-dlg-content {
  margin-bottom: 20px;
}
input,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  border: solid 1px silver;
}
@media (max-width: 600px) {
  .ContentContainer {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 400px) {
  table.ContentTable > tbody > tr > td.TdRightTitle {
    visibility: hidden;
  }
}
@media (max-width: 970px) {
  .CpContent {
    min-width: unset;
    width: 100%;
    box-sizing: border-box;
  }
  table.ContentTable > tbody > tr > td.TdRightTitle {
    padding-right: 7px;
  }
  #Content {
    margin: 0;
    width: auto;
  }
  #Content > table {
    /*width: auto;*/
  }
}
@media (min-width: 320px) {
  /* smartphones, iPhone, portrait 480×320 phones */
}
@media (min-width: 481px) {
  /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}
@media (min-width: 641px) {
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800×480 or 854×480 phones */
}
@media (min-width: 961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
}
@media (min-width: 1025px) {
  /* big landscape tablets, laptops, and desktops */
}
@media (min-width: 1281px) {
  /* hi-res laptops and desktops */
}
.cisDx .grdFilter {
  display: grid;
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(0, 350px));
  justify-content: start;
  margin-bottom: 20px;
}
.cisDx .grdFilter .grdFilterCell .grdFilterLabel {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 2px;
  padding-left: 3px;
}
.CpContent .dx-tabs {
  text-align: left;
}
.CpContent .tabPages {
  display: block;
  min-height: 250px;
  background: white;
  padding: 10px 20px 20px 20px;
  box-sizing: border-box;
  border-radius: 7px;
  border: solid 1px #c2c2c2;
  max-width: 1000px;
}
.CpContent .tabPage {
  box-sizing: border-box;
}
.CpContent .tabPage.tabMembership {
  padding: 20px;
}
.CpContent .tabPage.tabMembership .pq-field-label {
  font-weight: bold;
  margin-bottom: 15px;
}
.CpContent .dx-tab {
  background: #e8e8e8;
  display: block;
  padding: 5px 15px 5px 15px;
  float: left;
  margin: 0 5px 0 5px;
  border-radius: 7px 7px 0 0;
  border-top: solid 1px #c2c2c2;
  border-right: solid 1px #c2c2c2;
  border-left: solid 1px #c2c2c2;
}
.CpContent .dx-tab.dx-state-focused:after {
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
}
.CpContent .tabHidden {
  z-index: 0;
  position: absolute;
  display: none;
}
.CpContent .dx-tab.dx-tab-selected {
  background-color: white;
  font-weight: bold;
  overflow: visible;
  border-bottom: none;
  border-radius: 7px 7px 0 0;
  border-top: solid 1px #c2c2c2;
  border-right: solid 1px #c2c2c2;
  border-left: solid 1px #c2c2c2;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 0px 1px white;
  -moz-box-shadow: 0px 1px 0px 1px white;
  box-shadow: 0px 1px 0px 1px white;
}
.dx-tabs-scrollable .dx-tabs-wrapper {
  border: none;
}
.dx-tabs {
  text-align: left;
  margin-left: 5px;
  box-sizing: border-box;
  border-top: none;
  border: none;
}
.vpViewPopup .dx-popup-content,
.vpCartPopup .dx-popup-content {
  margin-left: 20px;
}
.vpViewPopup .dx-popup-content .vpLabelTop,
.vpCartPopup .dx-popup-content .vpLabelTop {
  margin-bottom: 15px;
}
.vpViewPopup .dx-popup-content .vnOptions,
.vpCartPopup .dx-popup-content .vnOptions {
  width: 500px;
}
.vpViewPopup .dx-popup-content .vnOptions .vpOptionText,
.vpCartPopup .dx-popup-content .vnOptions .vpOptionText {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
}
.vpViewPopup .dx-popup-content .vnOptions .vpOption,
.vpCartPopup .dx-popup-content .vnOptions .vpOption {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
}
.msMailPopup .dx-popup-content .msRow2 {
  /*height: 500px;*/
}
.msMailPopup .dx-popup-content .msRow2 .msBody {
  height: 577px;
}
.dx-quill-container {
  border-style: solid;
  border-width: thin;
  border-color: #ddd;
}
.EvButtonRow {
  margin-top: 2px;
}
.EvButtonRow .EvButton {
  display: inline-block;
  margin-right: 6px;
}
body div#pqFooter {
  height: auto;
  z-index: 9;
  bottom: 0;
  width: 100%;
  font-size: 13px;
  align-self: end;
}
body div#pqFooter .shFooter .shFooterTop .shShare {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  align-content: center;
}
body div#pqFooter .shFooter .shFooterTop .shShare .shShareText {
  font-size: 17px;
  padding-left: 10px;
  padding-right: 10px;
}
body div#pqFooter .shFooter .shFooterTop .shShare .share-btn {
  font-size: 22px;
  float: left;
}
body div#pqFooter .shFooter .shFooterTop .shShare .share-btn > a:hover {
  color: var(--main-color-2);
}
body div#pqFooter .shFooter .shFooterTop .shShare .share-btn > a {
  padding: 7px;
}
body div#pqFooter .shFooter .shFooterTop .shVideoTutorial {
  align-self: center;
  font-size: 27px;
  text-align: center;
}
body div#pqFooter .shFooter .shFooterTop .shVideoTutorial .shVideoTutorialLabel {
  font-size: 17px;
}
body div#pqFooter .shFooter .shFooterTop .shVideoTutorial:hover {
  color: var(--main-color-2);
  cursor: pointer;
}
body div#pqFooter .shFooter .shFooterTop .shEu {
  display: grid;
  grid-template-columns: auto 328px;
  font-size: 12px;
  justify-self: end;
}
body div#pqFooter .shFooter .shFooterTop .shEu .shEuFlag {
  align-content: center;
  display: grid;
}
body div#pqFooter .shFooter .shFooterTop .shEu .shEuFlag img {
  height: 52px;
}
body div#pqFooter .shFooter .shFooterTop .shEu .shEuText {
  white-space: normal;
  padding: 15px;
}
body div#pqFooter .shFooter .shFooterBottom {
  background-color: var(--main-color-dark);
  display: -ms-grid;
  display: grid;
  color: var(--main-color-5);
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
  grid-gap: 7px;
  z-index: 9;
  padding: 12px;
  box-sizing: border-box;
}
body div#pqFooter .shFooter .shFooterBottom div.FooterCopyRight a:link,
body div#pqFooter .shFooter .shFooterBottom div.FooterCopyRight a:hover {
  color: white;
}
body div#pqFooter .shFooter .shFooterBottom .FooterVersion {
  -ms-grid-column-align: end;
  justify-self: end;
  padding-right: 39px;
}
body div#pqFooter .shFooter .shFooterBottom .FooterVersion span.shPrivacy a:link {
  color: white;
}
body div#pqFooter .shFooter .shFooterBottom .FooterPowerdBy {
  -ms-grid-column-align: center;
  justify-self: center;
}
/*IE*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .dx-widget {
    max-width: 1800px;
  }
}
@media (max-width: 600px) {
  .LgbBox {
    position: relative;
    padding: 0;
    box-sizing: border-box;
    top: auto;
    left: auto;
    background: rgba(255, 255, 255, 0.6);
    justify-self: center;
    align-self: center;
    margin: 0;
  }
  body form div#pqFooter .shFooter .shFooterTop .shEu {
    display: grid;
    grid-template-columns: auto auto;
  }
  body form div#pqFooter .shFooter .shFooterTop .shEu .shEuFlag {
    grid-area: 1 span 2;
  }
  body form div#pqFooter .shFooter .shFooterTop .shEu .shEuFlag img {
    margin-left: 10px;
  }
  body form div#pqFooter .shFooter .shFooterTop .shEu .shEuText {
    padding: 0 15px 0 15px;
  }
  body form div#pqFooter .shFooter .shFooterBottom {
    padding: 5px 0 5px 10px;
    justify-content: right;
    font-size: 10px;
  }
  body form div#pqFooter .shFooter .shFooterBottom .FooterVersion {
    padding-right: 0;
  }
  body form div#pqFooter .shFooter .shFooterBottom .FooterVersion .shPrivacy {
    padding-right: 0;
  }
}
div.art-content-layout {
  background-image: none;
}
.grdFilterBox {
  width: 300px;
}
.grdSearchButton {
  position: relative;
  left: -27px;
}
.no-smil .grdSearchButton {
  top: -12px;
  display: inline-block;
}
.dx-command-select {
  width: 20px !important;
  min-width: 20px !important;
}
.CmdBtn {
  vertical-align: super;
  margin-bottom: 4px;
}
.rowSel:hover,
.colKey:hover {
  text-decoration: underline;
  cursor: pointer;
}
.ClmStatus {
  white-space: nowrap;
  text-align: left;
}
.staGreen {
  color: green;
}
.staOrange {
  color: orange;
}
.staRed {
  color: red;
}
.BtnMore {
  height: 100%;
}
.BtnMore:hover {
  visibility: hidden;
}
.BtnMoreButtons:hover {
  position: absolute;
  top: -6px;
  width: 200px;
}
ul.SfList {
  margin: 0;
  padding-left: 18px;
  list-style: disc;
}
table.dlgContent {
  width: 100%;
}
table.dlgContent > tbody > tr > td {
  vertical-align: top;
}
table.dlgContent > tbody > tr > td:first-child {
  width: 135px;
  padding-top: 7px;
}
.dlgTdComment {
  height: 200px;
}
body.VDMA .grdSearchButton,
body.FS .grdSearchButton {
  left: -29px;
  top: -1px;
}