.xCore {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.xCfg {
  font-size: 12px;
  background-color: #fff;
  color: #000;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.xCfg > .xCompareBody,
.xCfg > .xQVNotice {
  /* top: 40px;
     */
  top: 50px;
}
.xCfg > .xTb,
.xCfg > .xTbMask,
.xCfg > .xMsgTb {
  /* height: 40px;
     */
  height: 45px;
  background-color: #404041;
  border: none;
}
.xCfg > .xTb,
.xCfg > .xMsgTb {
  /* background-color: #e7f1fb;
     */
}
.xCfg > .xTbMask {
  background-image: linear-gradient(
    to right,
    rgba(231, 241, 251, 0.7),
    rgba(231, 241, 251, 0.5) 100%
  );
}
.xCfg > .xTbMask.xTbPostback {
  background-image: linear-gradient(
    to right,
    rgba(231, 241, 251, 1) 75px,
    rgba(231, 241, 251, 0.9) 350px,
    rgba(231, 241, 251, 0.5) 100%
  );
}
.xCfg > .xCbFilter {
  /* background-color: #fdfdfd;
     top: 40px;
     */
  background-color: #fff;
  border-bottom: solid 1px #e7f1fb;
  width: 156px;
  top: 66px;
  height: 23px;
  display: none;
}
.xMainCfg > .xCbFilter,
.xChildCfg > .xCbFilter {
  top: 90px;
}
.xCfg > .xCbFilter > input[type="text"] {
  background-color: #fdfdfd;
  border-style: none !important;
  width: 150px;
  padding-left: 3px;
  padding-right: 1px;
}
.xCfg > .xCbFilter > input[type="text"]:hover {
  border-style: none !important;
}
.xCfg > .xCbFilter + .xCb {
  /* top: 63px;
     */
  top: 66px;
}
.xMainCfg > .xCbFilter + .xCb,
.xChildCfg > .xCbFilter + .xCb {
  /* top: 112px;
     */
  top: 66px;
  left: 16px;
  background-color: #fff;
  width: 220px;
  display: inline;
  border-right: none;
}
.xCfg > .xCbFilter[withResults] + .xCb {
  top: 134px;
}
.xCfg > .xBody {
  /* left: 161px;
     */
  left: 0px;
  top: 45px;
  background-color: #fafafa;
}
.xBody > .mCSB_inside > .mCSB_container {
  margin-right: 20px;
}
.xPopOutLargeText {
  color: #ccc;
}
.xPage {
  background-color: #fff;
}
.xPage .expPageTitle,
.xTitle {
  font-size: 30px;
  font-weight: lighter;
  line-height: 40px;
  color: #000;
  margin-bottom: 12px;
  margin-top: 6px;
  margin-left: 10px;
}
.xTb img {
  padding-top: 10px;
}
.xTb > .xTbBtns > a > img,
.xMsgTb > .xTbBtns > a > img {
  float: left;
  /* padding-top: 10px;
     */
  padding-top: 15px;
}
.xRgnTb > .xTbBtns span,
.xRgnTb > .xTbBtns > a > img {
  padding-top: 6px;
}
.xCfg > .xTb > .xTbBtns,
.xCfg > .xMsgTb > .xTbBtns {
  white-space: nowrap;
}
.xCfg > .xSb {
  height: 24px;
  color: #262626;
  background-color: #f8f8f8;
  border-top-color: #d6d6d6;
  font-size: 14px;
}
.xTbBtns > a:hover {
  border: none;
  padding: 1px;
  /* background-color: #d7ebf9;
     */
}
.xTbBtns > a:hover span {
  /* color: #0078d7;
     */
  color: #f36f21;
  transition-delay: 0s;
  transition-duration: 0.167s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0, 0, 1, 1);
}
.xTbBtns > a#b24:hover span {
  color: #000;
  transition-delay: 0;
  transition-duration: 0.167s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0, 0, 1, 1);
}
.xTb > .xTbBtns {
  left: 0;
  top: 0;
  bottom: 0;
}
.xTbBtns span {
  /* padding: 10px 0 0 4px;
     */
  padding: 15px 0 0 4px;
}
.xTb > .xTbBtns > a,
.xTb > .xTbBtns > span,
.xRgnTb > .xTbBtns > a,
.xMsgTb > .xTbBtns > a {
  text-transform: uppercase;
  /* color: #000;
     height: 40px;
     padding: 0 7px 0 7px;
     */
  color: #fafafa;
  height: 50px;
  padding: 0 3px 0 3px;
  font-size: 14px;
  float: left;
  display: inline-block;
}
.xLookupTb > .xTbBtns > a.xSel:hover,
.xLookupTb > .xTbBtns > a.xSel,
.xLookupTb > .xTbBtns > a {
  padding: 4px 6px 4px 7px;
  font-weight: normal;
}
.xLookupTb > .xTbBtns > a.xSel {
  background-color: #d7ebf9;
}
.xLookupTb .xTbBtns img {
  padding-top: 2px;
}
.xLookupTb .xTbBtns span {
  padding: 2px 2px 0 2px;
  color: #000;
}
.xLookupTb .xTbBtns > a:hover span {
  color: #0078d7;
  transition-delay: 0s;
  transition-duration: 0.167s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0, 0, 1, 1);
}
.xLookupTb .xTbBtns > a#b24[err]:hover span {
  color: #000;
  transition-delay: 0;
  transition-duration: 0.167s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0, 0, 1, 1);
}
.xTbBtns > a.xSel {
  border-style: none;
  background-color: #d7ebf9;
}
.xTbBtns > a.xSel:hover {
  border-style: none;
  background-color: #d7ebf9;
}
.xTbBtns > a#b6:hover,
.xTbBtns > a#b24[err]:hover,
.xTbBtns > a#b14[err]:hover {
  background-color: #ea7b82;
  color: black;
}
.xTbBtns > a#b14 > div {
  height: 26px;
  background-position: bottom;
  background-image: url("btnHelp.png");
}
.xTbBtns > .xTbMsg {
  padding-top: 6px;
}
.xTbBtns > .xTbLock,
.xTbBtns > .xTbLock:hover {
  background-image: url(btnLock3.png);
  background-repeat: no-repeat;
}
.xCb a {
  color: #000;
  border-color: transparent;
  padding: 6px 4px 6px 10px;
}
.xCb a[hasSel="1"] {
  font-weight: bolder;
}
.xCbBtns > a:hover {
  background-color: #eaeaea;
  border-style: none;
  padding: 6px 4px 6px 10px;
}
.xCbBtns > a.xCbErr {
  background-color: #f00;
  color: #fff;
}
.xCbBtns > a.xCbErr:hover {
  background-color: #ea7b82;
}
.xCb > .mCSB_scrollTools .mCSB_buttonUp,
.xCb > .mCSB_scrollTools .mCSB_buttonDown {
  height: 14px;
}
.xCb > .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -86px;
}
.xCfg > .xMsgBody,
.xCfg > .xWebUploaderBody {
  /* bottom: 40px;
     */
  bottom: 50px;
}
.xMsgBody .xRgn .xRgnHdr,
.xMsgBody .xRgn .xRgnHdrGL {
  border: none;
  margin-top: auto;
}
.xMsgBody .xRgn .xRgnHdr > span,
.xMsgBody .xRgn .xRgnHdrGL > span {
  cursor: default;
}
.xRgn {
  background-color: #fff;
}
.xRgn .xRgnNav {
  border-style: none;
  background-color: #fff;
}
.xRgn .xRgnNav[placement="Bottom"] {
  border-top: solid 1px #eee;
}
.xRgn .xRgnNav > input[type="text"] {
  height: 20px;
  margin-top: 1px;
  border: solid 1px #eee;
}
.xRgn .xRgnNav > input[type="text"]:hover {
  border-style: solid;
}
.xRgn .xInner td > div.xOB,
.xRgn .xInner td > div.xOBErr,
.xRgn .xInner td > div.xOBDis {
  margin-left: 15px;
  width: auto;
}
.xRgn .xInner td > div.xComboBox,
.xRgn .xInner td > div.xCalendar {
  margin-left: 0;
  width: auto;
}
.xRgn .xRgnHdr {
  /* border-top: solid 1px #0078d7;
     */
  border-top: solid 2px #fff;
  height: auto;
  background-color: #757575;
  height: auto;
}
.xRgn .xRgnHdrGL {
  height: auto;
}
.xRgn .xRgnHdr > span,
.xRgn .xRgnHdrGL > span,
.xStg > .xRgnHdr > span {
  font-size: 18px;
  line-height: 30px;
  /* color: #0078d7;
     */
  color: #fff;
  font-weight: 400;
  cursor: pointer;
  margin-left: 10px;
  padding: 0;
}
.xRgn .xRgnTb {
  background-color: #fff;
  height: 32px;
  padding-left: 10px;
}
.xRgnTb > .xRgnTbCaption,
.xRgnTb > .xTbBtns > a {
  color: #000;
}
.xRgn tr.xSubHdr {
  /* font-size: 12px;
     */
  font-size: 15px;
  color: #212121;
  text-transform: uppercase;
  /* font-weight: 700;
     line-height: 15px;
     */
  font-weight: 500;
  line-height: 25px;
}
.xRgn tr.xSubHdr > td {
  border-style: none;
}
.xRgn[err] {
  background-color: #ffa8a8 !important;
}
.xRgn[joinerr] {
  background-color: #ffd4d4;
}
.xRgn[err] .xRgnHdr,
.xRgn[err] .xRgnHdrGL {
  background-color: #f00;
}
.xRgn[err] .xRgnHdr > span,
.xRgn[err] .xRgnHdrGL > span {
  color: #fff;
}
.xRgn[err] .xRgnTb {
  background-color: #f00 !important;
  color: #fff;
}
.xRgn[joinerr] .xRgnTb {
  background-color: #ffd4d4;
  color: #fff;
}
.xRgn[err] .xRgnTb > .xTbBtns > a:hover {
  background-color: #ea7b82;
}
.xRgn[err] .xRgnTb > .xRgnTbCaption,
.xRgn[err] .xRgnTb > .xTbBtns > a {
  color: #fff;
}
.xRgn[joinerr] .xRgnHdr,
.xRgn[joinerr] .xRgnHdrGL {
  background-color: #f00;
}
.xRgn[joinerr] .xRgnHdr > span,
.xRgn[joinerr] .xRgnHdrGL > span {
  color: #fff;
}
.xRgnHdrBtns > a#help {
  background-image: url(btnHelp.png);
}
.xRgnHdrBtns > a,
.xRgnHdrBtns a {
  height: 25px;
}
.xRgn a[display="button"],
.xSelectedGL {
  text-transform: uppercase;
  color: #444;
  padding: 4px 6px 4px 7px;
}
.xRgn a[display="button"][showImage],
.xSelectedGL {
  padding: 4px 6px 4px 22px;
}
.xRgn a[display="button"]:hover {
  background-color: #d7ebf9;
  color: #000;
  transition-delay: 0;
  transition-duration: 0.167s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0, 0, 1, 1);
}
.xSelectedGL:hover {
  background-color: #d7ebf9;
}
.xSelectedGL[sel] {
  background-color: #d7ebf9;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA61pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RDI1MEQwREJDNUY5REUxMThFMjg5Rjg3OTZGNkQ3MzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZEMDhGNjEyMjMzMTFFMzg1MUNBNDFCODNBMkM1RUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZEMDhGNjAyMjMzMTFFMzg1MUNBNDFCODNBMkM1RUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTNCNTg0MDUzMTIyRTMxMTlDMUVCNTEyRjRENEE3NzMiIHN0UmVmOmRvY3VtZW50SUQ9InV1aWQ6RDI1MEQwREJDNUY5REUxMThFMjg5Rjg3OTZGNkQ3MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yZCm8AAABDUlEQVR42mL8//8/AyWABUT4Fa5FFosF4mQg1gdifqjYRyC+CMRzgXgxTOGm/mCIAUhgCRAHATEnmrgAENsDsRkQuwNxDIoLkDSHAjEbHhdzQtUwwAxhQnJ2EAHNMMAGVRuLbEAyFmejgARfXYYp5a7ILklGNkCfkGYTLQmGHcfuIQvrIxvAjywDssnHVhlD85bDd5GV8aMHIhyAFHtYKTGICHDh0syAHgsfoVEFBjDFIEPwaP6IbMBFaDwzoBuCy2aoHngYgFLYd3QVeDR/h+qBGwBKnuuA+BcR6eAXVO1i9ECEJc8gPGniO1QzPCkzoSkASaQD8UEg/gDE/6H4A1QsHVkzCDBSmp0BAgwAHE5Nvp2aXZsAAAAASUVORK5CYII=") !important;
}
.xOB,
.xOBDis,
.xOBErr {
  padding-bottom: 5px;
}
.xOBErr {
  color: #f00 !important;
}
.xOB img[oi],
.xOBDis img[oi],
.xOBErr img[oi] {
  /* margin: 4px;
     */
  height: auto;
}
.xOB a {
  color: #000080;
}
.xOB a:hover {
  color: #5050fa;
}
.xP tr {
  height: 26px;
}
.xP .err {
  color: #f00 !important;
}
.xP td[ct="c"] {
  color: #767676;
  font-weight: 400;
}
.xP td[b] {
  font-weight: bold;
}
.xP td[req]:after {
  color: #e32;
  content: " *";
  display: inline;
}
.xP td[max] {
  padding-right: 0;
}
input,
textarea,
.xInputPlaceholder,
.xP input,
.xP textarea {
  font-family: Segoe UI, Tahoma, sans-serif;
  font-size: 12px;
  color: #000;
}
.xP input[type="text"] {
  width: 131px;
}
.xP div.xHelper {
  width: 131px;
}
.xP div.xHelper > input[type="text"] {
  width: 116px;
  height: 19px;
}
input[type="text"],
textarea {
  border: solid 1px #000;
  background-color: #fff;
  padding-left: 2px;
  padding-right: 1px;
}
input[type="text"]:hover,
textarea:hover {
  border: solid 1px #000;
  padding-left: 2px;
  padding-right: 1px;
}
.xP div.xHelper > input[type="text"] + div,
.xP div.xHelper > div + div,
.xP div.xHelper > textarea + div {
  border-color: #000;
  height: 17px;
  background-image: url(cboBrowseImg.png);
}
.xP div.xHelper > input[type="text"] + div:hover {
  border-color: #000;
  background-image: url(cboBrowseHot.png);
}
/* 07/15/2020 (JB): Added line for reset after combobox */
.xP div.xHelper[helper='reset'] > div.xComboBox+div,
.xP div.xHelper[helper="reset"] > input[type="text"] + div,
.xP div.xHelper[helper="revert"] > input + div,
.xP div.xHelper[helper="revert"] > textarea + div,
.xP div.xHelper[helper="revert"] > div + div {
  background-image: url("cboRevert.png");
}
.xP div.xHelper[helper="revert"] > textarea[overridden] {
  width: 116px;
}
/* 07/15/2020 (JB): Added line for reset after combobox */
.xP div.xHelper[helper='reset'] > div.xComboBox+div:hover,
.xP div.xHelper[helper="reset"] > input[type="text"] + div:hover,
.xP div.xHelper[helper="revert"] > input + div:hover,
.xP div.xHelper[helper="revert"] > textarea + div:hover,
.xP div.xHelper[helper="revert"] > div + div:hover {
  background-image: url("cboRevertHot.png");
}
.xP div.xHelper > input + div,
.xP div.xHelper > textarea + div,
.xP div.xHelper > div + div {
  border-left-color: transparent !important;
}
.xP div.xHelper[helper="menu"] > input[type="text"] + div {
  background-image: url("cboImg.png");
}
.xP div.xHelper[helper="menu"] > input[type="text"] + div:hover {
  background-image: url("cboHot.png");
}
div.xEdit {
  font-family: Segoe UI, Tahoma, sans-serif;
  font-size: 12px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.xActiveFilter .xComboEdit input.xEdit {
  font-family: Segoe UI, Tahoma, sans-serif;
  font-size: 12px;
  width: calc(100% - 4px);
}
.xCb a.xCbGrpHdr {
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
}
.xCb a.xCbGrpHdr[barstyle="Default"][barError],
.xCb a.xCbGrpHdr[barstyle="Modern"][barError],
.xCb a.xCbGrpHdr[barstyle="Tree"][barError] {
  background-color: #ffa8a8;
  color: #000;
}
.xCb a.xCbGrpHdr[barstyle="Default"][barError]:hover,
.xCb a.xCbGrpHdr[barstyle="Modern"][barError]:hover,
.xCb a.xCbGrpHdr[barstyle="Tree"][barError]:hover {
  background-color: #ea7b82;
}
.xCb a.xCbGrpHdr[barstyle="Modern"] {
  padding-left: 18px;
}
.xCb a.xCbGrpHdr[barstyle="Modern"][barstate="open"] {
  background-image: url(catHdrModernOpen.png);
  background-repeat: no-repeat;
}
.xCb a.xCbGrpHdr[barstyle="Modern"][barstate="closed"] {
  background-image: url(catHdrModernClosed.png);
  background-repeat: no-repeat;
}
.xCbBtns[barstyle="Modern"][grp] > a {
  /* padding-left: 14px;
     */
  padding-left: 22px;
}
.xCb a.xCbGrpHdr[barstyle="Tree"] {
  padding-left: 18px;
}
.xCb a.xCbGrpHdr[barstyle="Tree"][barstate="open"] {
  background-image: url(catHdrTreeMinus.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.xCb a.xCbGrpHdr[barstyle="Tree"][barstate="closed"] {
  background-image: url(catHdrTreePlus.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.xCbBtns[barstyle="Tree"][grp] > a {
  padding-left: 19px;
}
table.xCatGrid,
table.xCatGrid table.xCatGridInner {
  background-color: #fff;
}
table.xCatGrid[banded="false"] tr[error],
table.xCatGrid[banded="false"] tr[error] > td,
table.xCatGrid[banded="false"] tr[error] > td > input[type="text"],
table.xCatGrid[banded="false"] tr[error] > td > textarea,
table.xCatGrid[banded="false"]
  tr[error]
  > td
  > div.xComboBox
  > div.xComboEdit
  > div.xEdit,
table.xCatGrid[banded="false"] tr[error] > td > div.xCalendar > input,
table.xCatGrid[banded="false"] .xCatGridInner td[error] > input[type="text"],
table.xCatGrid[banded="false"] .xCatGridInner td[error] > textarea,
table.xCatGrid[banded="false"]
  .xCatGridInner
  td[error]
  > div.xComboBox
  > div.xComboEdit
  > div.xEdit,
table.xCatGrid[banded="false"] .xCatGridInner td[error] > div.xCalendar > input,
table.xCatGrid[banded="false"] .xCatGridInner td[error],
table.xCatGrid[banded="false"] tr > td[err],
table.xCatGrid[banded="false"] tr > td[err] > input[type="text"],
table.xCatGrid[banded="false"] tr > td[err] > textarea,
table.xCatGrid[banded="true"] tr[error]:nth-child(odd),
table.xCatGrid[banded="true"] tr[error]:nth-child(odd) > td,
table.xCatGrid[banded="true"]
  tr[error]:nth-child(odd)
  > td
  > input[type="text"]:not(:focus),
table.xCatGrid[banded="true"] tr[error]:nth-child(odd) > td > textarea,
table.xCatGrid[banded="true"]
  tr[error]:nth-child(odd)
  > td
  > div.xComboBox
  > div.xComboEdit
  > div.xEdit,
table.xCatGrid[banded="true"]
  tr[error]:nth-child(odd)
  > td
  > div.xCalendar
  > input,
table.xCatGrid[banded="true"]
  .xCatGridInner
  td[error]:nth-child(even)
  > input[type="text"]:not(:focus),
table.xCatGrid[banded="true"]
  .xCatGridInner
  td[error]:nth-child(even)
  > textarea,
table.xCatGrid[banded="true"]
  .xCatGridInner
  td[error]:nth-child(even)
  > div.xComboBox
  > div.xComboEdit
  > div.xEdit,
table.xCatGrid[banded="true"]
  .xCatGridInner
  td[error]:nth-child(even)
  > div.xCalendar
  > input,
table.xCatGrid[banded="true"] .xCatGridInner td[error]:nth-child(even),
table.xCatGrid[banded="true"] tr:nth-child(odd) > td[err],
table.xCatGrid[banded="true"]
  tr:nth-child(odd)
  > td[err]
  > input[type="text"]:not(:focus),
table.xCatGrid[banded="true"] tr:nth-child(odd) > td[err] > textarea {
  color: #fff !important;
  background-color: #ffa8a8 !important;
}
table.xCatGrid[banded="true"] tr[error]:nth-child(even),
table.xCatGrid[banded="true"] tr[error]:nth-child(even) > td,
table.xCatGrid[banded="true"]
  tr[error]:nth-child(even)
  > td
  > input[type="text"]:not(:focus),
table.xCatGrid[banded="true"] tr[error]:nth-child(even) > td > textarea,
table.xCatGrid[banded="true"]
  tr[error]:nth-child(even)
  > td
  > div.xComboBox
  > div.xComboEdit
  > div.xEdit,
table.xCatGrid[banded="true"]
  tr[error]:nth-child(even)
  > td
  > div.xCalendar
  > input,
table.xCatGrid[banded="true"]
  .xCatGridInner
  td[error]:nth-child(odd)
  > input[type="text"]:not(:focus),
table.xCatGrid[banded="true"]
  .xCatGridInner
  td[error]:nth-child(odd)
  > textarea,
table.xCatGrid[banded="true"]
  .xCatGridInner
  td[error]:nth-child(odd)
  > div.xComboBox
  > div.xComboEdit
  > div.xEdit,
table.xCatGrid[banded="true"]
  .xCatGridInner
  td[error]:nth-child(odd)
  > div.xCalendar
  > input,
table.xCatGrid[banded="true"] .xCatGridInner td[error]:nth-child(odd),
table.xCatGrid[banded="true"] tr:nth-child(even) > td[err],
table.xCatGrid[banded="true"]
  tr:nth-child(even)
  > td[err]
  > input[type="text"]:not(:focus),
table.xCatGrid[banded="true"] tr:nth-child(even) > td[err] > textarea {
  color: #fff !important;
  background-color: #f99 !important;
}
table.xCatGrid tr > th {
  border-bottom-color: #d6d6d6;
  color: #767676;
  font-size: 11px;
  font-weight: 600;
  line-height: 30px;
}
.xStickyColHdr table.xCatGrid tr > th {
  border-bottom: none;
}
.xStickyColHdr {
  background-color: #fff;
  border-bottom: solid 1px #d6d6d6;
}
table.xCatGrid tr.totalPrice {
  border-top: 1px solid #d6d6d6;
}
table.xCatGrid[orientation="horizontal"][sortable]
  thead
  th[sortdir="1"]:before {
  content: url("hdrAsc.gif") " ";
  white-space: nowrap;
  display: inline;
}
table.xCatGrid[orientation="horizontal"][sortable]
  thead
  th[sortdir="2"]:before {
  content: url("hdrDsc.gif") " ";
  white-space: nowrap;
  display: inline;
}
table.xCatGrid[orientation="horizontal"][sortable] thead th[cid]:hover {
  background-color: #d7ebf9;
}
table.xCatGrid[orientation="horizontal"] tr > th {
  background-color: #fff;
  height: 30px;
  border-left-style: hidden;
  border-right-style: hidden;
}
table.xCatGrid tr > th.xTableHdr,
div.xTableHdr {
  text-transform: uppercase;
  font-weight: bold;
  border-bottom-style: none;
  border-top-style: none;
  padding-top: 5px;
}
table.xCatGrid[orientation="horizontal"] tr > td {
  height: 28px;
  /* border-bottom-style: none;
     border-bottom-color: #d6d6d6;
     */
  border-bottom: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
table.xCatGrid[orientation="horizontal"]
  tbody:not([data-grouptype="header"])
  tr:hover
  td,
table.xCatGrid[orientation="horizontal"]
  tbody:not([data-grouptype="header"])
  tr.hovered
  td,
table.xCatGrid[orientation="horizontal"]
  tbody:not([data-grouptype="header"])
  tr:hover
  td
  input[type="text"],
table.xCatGrid[orientation="horizontal"]
  tbody:not([data-grouptype="header"])
  tr.hovered
  td
  input[type="text"],
table.xCatGrid[orientation="horizontal"]
  tbody:not([data-grouptype="header"])
  tr:hover
  td
  textarea,
table.xCatGrid[orientation="horizontal"]
  tbody:not([data-grouptype="header"])
  tr.hovered
  td
  textarea {
  background-color: #eaeaea !important;
}
table.xCatGrid[orientation="horizontal"][banded="false"] tr[error] td,
table.xCatGrid[orientation="horizontal"][banded="false"]
  tr[error]
  td
  input[type="text"],
table.xCatGrid[orientation="horizontal"][banded="false"] tr[error] td textarea,
table.xCatGrid[orientation="vertical"][banded="false"]
  table.xCatGridInner
  tr
  > td[error],
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr[error]:nth-child(odd)
  td,
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr[error]:nth-child(odd)
  td
  input[type="text"],
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr[error]:nth-child(odd)
  td
  textarea,
table.xCatGrid[orientation="vertical"][banded="true"]
  table.xCatGridInner
  tr
  > td[error]:nth-child(even) {
  background-color: #ffa8a8 !important;
  color: #fff !important;
}
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr[error]:nth-child(even)
  td,
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr[error]:nth-child(even)
  td
  input[type="text"],
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr[error]:nth-child(even)
  td
  textarea,
table.xCatGrid[orientation="vertical"][banded="true"]
  table.xCatGridInner
  tr
  > td[error]:nth-child(odd) {
  background-color: #f99 !important;
  color: #fff !important;
}
table.xCatGrid[orientation="horizontal"][banded="false"] tr:hover td[err],
table.xCatGrid[orientation="horizontal"][banded="false"] tr.hovered td[err],
table.xCatGrid[orientation="horizontal"][banded="false"]
  tr:hover
  td[err]
  input[type="text"]:not(:focus),
table.xCatGrid[orientation="horizontal"][banded="false"]
  tr.hovered
  td[err]
  input[type="text"]:not(:focus),
table.xCatGrid[orientation="horizontal"][banded="false"]
  tr:hover
  td[err]
  textarea,
table.xCatGrid[orientation="horizontal"][banded="false"]
  tr.hovered
  td[err]
  textarea,
table.xCatGrid[orientation="horizontal"][banded="false"] tr[error]:hover td,
table.xCatGrid[orientation="horizontal"][banded="false"] tr[error].hovered td,
table.xCatGrid[orientation="horizontal"][banded="false"]
  tr[error]:hover
  td
  input[type="text"]:not(:focus),
table.xCatGrid[orientation="horizontal"][banded="false"]
  tr[error].hovered
  td
  input[type="text"]:not(:focus),
table.xCatGrid[orientation="horizontal"][banded="false"]
  tr[error]:hover
  td
  textarea,
table.xCatGrid[orientation="horizontal"][banded="false"]
  tr[error].hovered
  td
  textarea,
table.xCatGrid[orientation="horizontal"][banded="true"] tr:hover td[err],
table.xCatGrid[orientation="horizontal"][banded="true"] tr.hovered td[err],
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr:hover
  td[err]
  input[type="text"]:not(:focus),
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr.hovered
  td[err]
  input[type="text"]:not(:focus),
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr:hover
  td[err]
  textarea,
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr.hovered
  td[err]
  textarea,
table.xCatGrid[orientation="horizontal"][banded="true"] tr[error]:hover td,
table.xCatGrid[orientation="horizontal"][banded="true"] tr[error].hovered td,
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr[error]:hover
  td
  input[type="text"]:not(:focus),
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr[error].hovered
  td
  input[type="text"]:not(:focus),
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr[error]:hover
  td
  textarea,
table.xCatGrid[orientation="horizontal"][banded="true"]
  tr[error].hovered
  td
  textarea {
  background-color: #ea7b82 !important;
}
table.xCatGrid[orientation="horizontal"] tr[error] td,
table.xCatGrid[orientation="vertical"] table.xCatGridInner tr > td[error] {
  color: #f00;
}
table.xCatGrid[orientation="horizontal"] tr > td.xSubCat,
table.xCatGrid[orientation="vertical"] tr > td.xSubCat {
  font-weight: bold;
  background-color: #f5f5f5;
  border-bottom: solid 1px #d6d6d6;
  border-top: solid 1px #d6d6d6;
  height: 28px;
  border-collapse: collapse;
}
.xHGOuter .xHGLeft tbody[data-grouptype="header"] td:last-of-type {
  border-right: 1px solid #f5f5f5;
}
table.xCatGrid[orientation="vertical"] table.xCatGridInner tr > td {
  height: 28px;
  border-right-style: none;
  border-right-color: #d6d6d6;
}
table.xCatGrid a.expNewOptionButton {
  background-image: url("btnNewOption.png");
}
table.xCatGrid a.expCloneOptionButton {
  background-image: url("btnCloneOption.min.svg");
}
table.xCatGrid a.expCloneOptionButton_before {
  background-image: url("btnCloneOption_before.min.svg");
}
table.xCatGrid a.expCloneOptionButton_after {
  background-image: url("btnCloneOption_after.min.svg");
}
/*
a.xSort-retain > .xSort-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 16 16'%3E%3Cpath d='M15.3 9.94l.7.7L10.65 16 7.8 13.14l.7-.7 2.15 2.14z' fill='%23327cd4'%2F%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Cpath d='M4 0h12v1H4zM0 0h2v1H0zm4 4h12v1H4zM0 4h2v1H0zm4 4h11v1H4zM0 8h2v1H0zm4 4h3v1H4zm-4 0h2v1H0z' fill='%23666'%2F%3E%3Cpath d='M0 0h16v16H0z' fill='none'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
a.xSort-revert > .xSort-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 16 16'%3E%3Cpath d='M15.82 12.33a2.85 2.85 0 0 0-.56-.85 2.67 2.67 0 0 0-.85-.56 2.53 2.53 0 0 0-1-.21H9.93l1.93-1.94-.76-.67-3.27 3.27 3.27 3.28.75-.75-2.2-2.17h3.83c2.134 0 2.134 3.2 0 3.2h-.1V16a2.53 2.53 0 0 0 1-.21c.317-.13.606-.32.85-.56a2.85 2.85 0 0 0 .56-.85 2.61 2.61 0 0 0 0-2.05z' fill='%23327cd4'%2F%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M4 0h12v1H4zM0 0h2v1H0zm4 4h12v1H4zM0 4h2v1H0zm4 4h5v1H4zm9 0h3v1h-3zM0 8h2v1H0zm4 4h3v1H4zm-4 0h2v1H0z' fill='%23666' data-name='Layer 1'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
*/
.xRgnTb > .xTbBtns > a.xSort-retain > .xSort-img,
.xRgnTb > .xTbBtns > a.xSort-revert > .xSort-img {
  margin-top: 5px;
}
table.xCatGrid tr > td.xCtl > input[type="text"],
table.xCatGrid tr > td.xCtl > textarea {
  border: solid 1px transparent;
  background-color: transparent;
  margin-top: 4px;
  margin-bottom: 4px;
  border-left-style: none;
  padding-left: 3px;
  padding-right: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}
table.xCatGrid tr > td.xCtl > input[type="text"]:hover,
table.xCatGrid tr > td.xCtl > .xInputPlaceholder:hover,
table.xCatGrid tr > td.xCtl > .xHelper > .xInputPlaceholder:hover,
table.xCatGrid tr > td.xCtl > textarea:hover {
  border: solid 1px #000;
  background-color: #f3f1f1;
  padding-left: 2px;
  padding-right: 1px;
}
table.xCatGrid tr > td.xCtl > .xInputPlaceholder:hover,
table.xCatGrid tr > td.xCtl > .xHelper > .xInputPlaceholder:hover {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
}
table.xCatGrid tr > td.xCtl > .xInputPlaceholder,
table.xCatGrid tr > td.xCtl > .xHelper > .xInputPlaceholder {
  height: 20px;
  padding: 2px 0 0 3px;
  margin-right: 14px;
}
table.xCatGrid tr > td.xCtl > input[type="text"]:focus,
table.xCatGrid tr > td.xCtl > textarea:focus {
  border: solid 1px #000;
  background-color: #fff;
  padding-left: 2px;
  padding-right: 1px;
}
table.xCatGrid tr > td.xCtl > .xHelper > input[type="text"]:focus {
  border: solid 1px #000;
  background-color: #fff;
  padding-top: 0;
  padding-left: 3px;
}
.xComboBox > .xComboEdit {
  border-color: #000;
  border-right-style: none;
}
.xComboBox > .xImage {
  border-color: #000;
}
.xComboBox:hover .xComboEdit,
.xComboBox:hover .xImage {
  background-color: #f3f1f1;
}
div.xComboBox[overridden] {
  width: 116px;
}
div.xComboBox[overridden] > div.xComboEdit {
  width: 101px;
}
div.xImage[displayMode="Dropdown"] {
  background-image: url(cboImg.png) !important;
}
div.xImage[displayMode="Dropdown"][hot] {
  background-image: url(cboHot.png) !important;
}
div.xImage[displayMode="Picker"] {
  background-image: url(cboBrowseImg.png) !important;
}
div.xImage[displayMode="Picker"][hot] {
  background-image: url(cboBrowseHot.png) !important;
}
input.xCal {
  font-family: Segoe UI, Tahoma, sans-serif;
  font-size: 12px;
}
.xCfg > .xLookupBody {
  /* top: 40px;
     right: 190px;
     left: 0;
     */
  top: 50px;
  left: 15px;
  right: 0px;
  bottom: 57px;
  width: calc(100% - 205px) !important;
}
.xCfg > .xLookupPreview {
  /* top: 40px;
     right: 0;
     */
  top: 50px;
  right: 15px;
  bottom: 57px;
}
.xCfg > .xLookupPreview > span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom-color: #ccc;
}
#expSelOptions > div {
  margin-top: 5px;
  margin-bottom: 15px;
  border-style: none;
}
#expSelOptions > div > div.props {
  margin-top: 5px;
  margin-bottom: 5px;
}
#expSelOptions > div > div.props > div > span {
  padding-top: 3px;
  padding-right: 3px;
}
table.xLookup th.xFilterHdr {
  background-image: url(btnFilter.png);
}
table.xLookup th {
  border-bottom: none;
  color: #767676;
  font-size: 11px;
  font-weight: 600;
  line-height: 30px;
}
table.xLookup #PickerTHEAD tr {
  border-bottom: solid 1px #d6d6d6;
}
table.xLookup tr.xSel,
table.xLookup tr.xHoverSel,
table.xLookup tr.xHoverSel td {
  background-color: #c7e0f4;
}
table.xLookup tr.xHover,
table.xLookup tr.xHover td {
  background-color: #eaeaea;
}
table.xLookup td.xNoData {
  background-color: #fff;
  font-size: 27px;
  color: #d6d6d6;
}
.xLookupBody > .xPage {
  margin: 0 15px 0 0;
}
table.xLookup tr.xActiveFilter > td {
  height: auto;
  border-bottom: none;
  padding-top: 6px;
  padding-bottom: 6px;
}
table.xLookup tr.xActiveFilter > td > input {
  font-family: Segoe UI, Tahoma, sans-serif;
  font-size: 12px;
  color: #000;
  width: 90%;
  border: solid 1px;
}
table.xLookup tr > td {
  height: 28px;
  border-bottom-style: none;
}
table.xLookupQuickBar {
  height: 24px;
}
.xCfg > .xLookupTb {
  bottom: 24px;
  height: 32px;
}
.xCfg > .xLookupTb > .xTbBtns {
  top: 2px;
}
.xCfg > .xLookupTb > .xTbText {
  padding-top: 9px;
}
table.xCompare tr.cat > td {
  border-color: transparent;
  background-color: transparent;
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
}
table.xCompare tr.opt > td.rowHdr {
  background-color: transparent;
}
table.xCompare tr.opt > td[expandButton].rowHdr {
  font-weight: normal;
  color: #000080;
}
table.xCompare tr.opt > td[expandButton].rowHdr:hover {
  color: #5050fa;
}
table.xCompare tr.optProp > td {
  border-color: transparent;
}
table.xCompare tr.optPropAlt > td {
  background-color: #efefef;
  border-color: #efefef;
}
table.xCompare tr.opt > td.empty {
  text-align: center;
}
table.xCompare tr.opt > td.sel {
  text-align: center;
}
div.xWuSection table tr > th {
  border-bottom-color: #d6d6d6;
  border-right: solid 1px #fff;
}
.xMainCfg > .xTb,
.xChildCfg > .xTb {
  /* top: 50px;
     height: 40px;
     */
  top: 0px;
  height: 50px;
}
.xMainCfg > .xTbMask,
.xChildCfg > .xTbMask {
  /* height: 90px;
     */
  height: 50px;
}
.xTb > .xTbText {
  font-size: 12px;
  text-transform: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #000;
  color: #fff;
  text-align: right;
  margin-top: -50px;
  height: 24px;
  padding-top: 16px;
  padding-bottom: 10px;
  padding-right: 10px;
}
.xTb > .xTbText > b {
  font-weight: 600;
  text-transform: uppercase;
}
.xTb .xTbBranding {
  /* position: absolute;
     top: 0;
     left: 0;
     background-color: #0078d7;
     margin-top: -50px;
     */
  padding: 5px 10px 5px 10px;
  z-index: 98;
  text-align: center;
  float: right;
}
.xTb .xTbBranding:hover {
  /* background-color: #0d62aa;
     */
}
.xTb > .xTbBranding img {
  width: 195.3px;
  height: 40px;
  float: inherit;
}
.xCfg > .xBody,
.xCfg > .xCb {
  /* top: 40px;
     */
  top: 66px;
}
.xMainCfg > .xBody,
.xMainCfg > .xCb,
.xChildCfg > .xBody,
.xChildCfg > .xCb {
  /* top: 90px;
     */
  top: 50px;
  border-top: none;
  bottom: 30px;
}
.xCfg > .xCb {
  left: 0;
  /* background-color: #fff;
     */
  background-color: #fafcfe;
  border-top: none;
  display: none;
  border-style: none;
  width: 156px;
}
table.xCatGrid[orientation="horizontal"][banded="true"]
  tbody
  tr:nth-child(even),
table.xCatGrid[orientation="vertical"][banded="true"] tbody col:nth-child(even),
table.xCatGrid[orientation="horizontal"][banded="true"]
  tbody
  tr:nth-child(even)
  > td,
table.xCatGrid[orientation="vertical"][banded="true"]
  tbody
  col:nth-child(even)
  > td {
  background-color: #e9f4fc;
}
table.xCatGrid[orientation="horizontal"][banded="true"] tbody tr:nth-child(odd),
table.xCatGrid[orientation="vertical"][banded="true"] tbody col:nth-child(odd),
table.xCatGrid[orientation="horizontal"][banded="true"]
  tbody
  tr:nth-child(odd)
  > td,
table.xCatGrid[orientation="vertical"][banded="true"]
  tbody
  col:nth-child(odd)
  > td {
  background-color: #fff;
}
table.xCatGrid tr > td > div.xHelper > input[type="text"] {
  margin-left: 1px;
  margin-top: 1px;
  padding-right: 0;
}
table.xCatGrid tr > td > div.xHelper > div.xIHBtn {
  background-image: url(cboBrowseImg.png);
}
table.xCatGrid tr > td > div.xHelper > div.xIHBtn:hover {
  border-color: #000;
  background-image: url(cboBrowseHot.png);
}
table.xCatGrid tr > td > div.xHelper[helper="reset"] > div.xIHBtn,
table.xCatGrid tr > td > div.xHelper[helper="revert"] > div.xIHBtn {
  background-image: url("cboRevert.png");
}
table.xCatGrid tr > td > div.xHelper[helper="reset"] > div.xIHBtn:hover,
table.xCatGrid tr > td > div.xHelper[helper="revert"] > div.xIHBtn:hover {
  background-image: url("cboRevertHot.png");
}
table.xCatGrid
  tr
  > td
  > div.xHelper[helper="menu"]
  > div:not(.xInputPlaceholder) {
  background-image: url("cboImg.png");
}
table.xCatGrid
  tr
  > td
  > div.xHelper[helper="menu"]
  > div:not(.xInputPlaceholder):hover {
  background-image: url("cboHot.png");
}
table.xCatGrid tr > td > div.xHelper > div.xIHBtn {
  height: 17px;
  margin-top: 1px;
}
div.xSearchBox {
  height: 26px;
  width: 400px;
}
div.xSearchBox > input {
  font-size: 14px;
  margin-top: 3px;
  width: 375px;
}
div.xSearchBox[optionSelector] > input {
  /* font-size: 12px;
     */
  font-size: 14px;
  font-weight: normal;
  margin-top: 0;
}
div.xSearchBox[optionSelector] {
  height: 25px;
}
div.xSearchBox > input:hover,
div.xSearchBox > input:focus {
  border-style: none;
  background-color: #fff;
}
.xRgnHdrBtns > div.xSearchBox {
  margin-top: 1px;
}
div.xSearchBoxDropDown > div.xItem:hover {
  background-color: #d7ebf9;
}
div.xSearchBoxDropDown > div.xItem[sel]:hover {
  background-color: #b1d6f0;
}
div.xSearchBoxDropDown > div.xItem[sel] {
  background-color: #d7ebf9;
}
.tab-item {
  font-size: 14px;
  text-transform: uppercase;
}
.tab-item.tab-item-top.selected {
  border-bottom: #fff solid 1px;
}
.action-panels {
  font-family: Segoe UI, Tahoma, sans-serif;
  font-size: 12px;
}
.action-panel > .action-panel-titlebar {
  background-color: #000;
  height: 50px;
}
.action-panel > .action-panel-titlebar > .action-panel-titlebar-text {
  color: #fff;
  margin-top: 14px;
}
.search-result:hover {
  background-color: #eaeaea;
  border-style: none;
  padding: 6px 4px 6px 10px;
}
.action-panel .close-button {
  margin: 16px;
}
.button-bar {
  background-color: #e7f1fb;
  height: 40px;
  padding: 0;
}
.button-bar .btn {
  text-transform: uppercase;
  color: #000;
  height: 40px;
  padding: 0 7px;
}
.button-bar .btn:hover {
  border: none;
  background-color: #d7ebf9;
}
.button-bar .btn.toggled {
  border-style: none;
  background-color: #d7ebf9;
}
.xCfg > .xQAB {
  top: 90px;
  right: 0;
  left: 0;
  height: 36px;
  line-height: 36px;
  background-color: #e7f1fb;
  border-bottom: 1px solid #0078d7;
  border-top: 1px solid #0078d7;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
}
.xCfg > .xCbFilter.xQAB_CBFilter {
  top: 130px;
}
.xCfg > .xCb.xQAB_CategoryBar {
  top: 152px;
}
.xCfg > .xCbFilter.xQAB_CBFilter[withresults] + .xCb.xQAB_CategoryBar {
  top: 172px;
}
.xCfg > .xBody.xQAB_Body {
  top: 137px;
}
.xCfg > .xQAB_ToolBarMask {
  height: 128px;
}
.xQABBtns > div.xQABButton:hover {
  color: #0078d7;
  background-color: #d7ebf9;
}
.xQABBtns > div.xQABButtonWithImage:hover {
  color: #0078d7;
  background-color: #d7ebf9;
}
.xCfg > .xTbMask.xTbPostback > .content > .spinner {
  left: 22px;
  top: 10px;
}
.xCfg > .xTbMask.xTbPostback > .content > .spinner:before {
  height: 28px;
  width: 28px;
  border-width: 5px;
}
.xCfg > .xTbMask.xTbPostback > .content > .text {
  left: 68px;
  top: 10px;
  font-size: 31px;
}
.xSliderTrack {
  border: 1px solid #000;
}
.xSliderFill {
  border: 1px solid #000;
  background: #f3f1f1;
}
.xSliderThumb {
  background-color: #f3f1f1;
  border: 1px solid #000;
}
.xRecalcLines {
  top: 155px;
}
.xCfg .xQVBody {
  top: 40px;
}
.xQV .modelHeader {
  color: #0078d7;
}
.xQV .cat {
  color: #0078d7;
  font-weight: bold;
  border-top: 1px solid #0078d7;
}
@media print {
  .xQV .cat {
    color: inherit;
  }
}
.xQV .optDsc {
  color: #000;
}
.xQV .opt .optDsc.hasProps:hover,
.xQV .opt .child-config:hover {
  background-color: #d7ebf9;
}
.xQV .opt .optDsc.active,
.xQV .opt .child-config.active {
  background-color: #d7ebf9;
  border: 1px solid #999;
  border-top: 2px solid #999;
  border-bottom: 1px solid #d7ebf9;
}
.xQV .props-section,
.xQV .child-section {
  border: 1px solid #999;
}
.xQV .total {
  border-top: 1px solid #d6d6d6;
}
.xOverviewIcon {
  width: 14px;
  height: 14px;
  cursor: pointer;
  float: right;
  margin-top: -18px;
  margin-right: 0;
}
.xOverviewIFrame {
  width: calc(100% + 4px) !important;
  height: calc(100% - 41px) !important;
  position: absolute;
  top: 41px;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: -3px;
}
.xSelectedOptionRow {
  background-color: #e8f1fb;
  border-top: 1px solid #0077d7;
  border-bottom: 1px solid #0077d7;
}
table#dataTable.xLookup thead#PickerTHEAD tr.xSelectedOptionRow th {
  background-image: url("iconDotCheck.png");
  background-repeat: no-repeat;
  background-position: center;
}
.xStg {
  font-family: Segoe UI, Tahoma, sans-serif;
  font-size: 12px;
}
.xStg > .xRgnHdr {
  border-bottom: solid 1px #0078d7;
  padding-top: 3px;
  padding-bottom: 8px;
}
.xStg > .xControls > div.xBtn {
  background-image: url("cboRevert.png");
}
.xStg > .xControls > div.xBtn:hover {
  background-image: url("cboRevertHot.png");
}
.xTbBtns > div.xSrcCtl {
  margin-top: 2px;
  padding: 4px;
  font-family: Segoe UI Semibold, "Segoe UI", Segoe, Tahoma, Helvetica, Arial,
    sans-serif;
  font-size: 12px;
  color: #444;
}
.xTbBtns > div.xSrcCtl > .xSrcLabel {
  margin-top: 2px;
  text-transform: uppercase;
}
.xTbBtns > div.xSrcCtl > .xComboBox {
  margin-top: 2px;
}
.xTbBtns > a#b6:hover,
.xTbBtns > a#b24[err]:hover,
.xTbBtns > a#b14[err]:hover {
  background-color: #bf0000;
}
.xTbBtns > a#b14 > div {
  background-image: url("btnHelp.png");
}
.xTbBtns > a#b14[err] > div {
  background-image: url("btnHelp_Error.png");
}
.xTbBtns > .xTbMsg {
  padding-top: 6px;
}
.xTbBtns > .xTbLock,
.xTbBtns > .xTbLock:hover {
  background-image: url(btnLock3.png);
  background-repeat: no-repeat;
}
.xTbBtns > a#b6,
.xTbBtns > a#b24[err],
.xTbBtns > a#b14[err] {
  background-color: #ea4b35;
}
/* Allegion adds */
.xRgn > .xRgnHdr,
.xRgn > .xRgnHdrGL {
  /* padding: 5px;
     */
}
.xRgnHdrBtns > a#hs {
  background: url(btnExpand.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.xRgnHdrBtns > a#hs:hover {
  background: url(btnExpand2.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.xPage[notitle] {
  top: 2px;
  left: 2px;
  right: 2px;
}
.xOptCatDesc {
  display: flex;
  float: left;
  width: 35%;
  min-height: 1px;
  align-self: center;
  text-align: right;
  padding-right: 10px;
  font-size: 15px;
  justify-content: flex-end;
}
.xMultiOptDesc {
  display: flex;
  float: left;
  width: 35%;
  min-height: 1px;
  align-self: center;
  text-align: right;
  padding-right: 10px;
  font-size: 15px;
  justify-content: flex-end;
}
.xOptSelector {
  display: flex;
  float: left;
  align-items: center;
  /* display: table-cell;
     */
}
.xDropDownOpt {
  display: flex;
}
.xMultiSelectOpt {
  display: flex;
}
.xDialog > .xDialogTitlebar {
  background-color: #757575;
}
@media screen and (max-width: 1024px) {
  .xMainCfg > .xCbFilter + .xCb {
    display: none;
  }
  .xCfg > .xCbFilter ~ .xBody {
    left: 0px;
  }
}
@media screen and (max-width: 800px) {
  .xOptSelector {
    float: right;
    margin-right: 15px;
  }
  .xOptCatDesc {
    float: right;
    width: auto;
  }
  .xDropDownOpt {
    justify-content: flex-end;
  }
  .xMultiOptDesc {
    width: calc(100% - 430px);
  }
}
/* Added to flex option grid with images */
.xRgn .xInner td[style*="width:100%;"],
.xRgn .xInner td[style*="width: 100%;"] {
  display: flex;
  flex-flow: wrap;
}
.xOBDis:not([allow]) {
  text-decoration: line-through;
}
.xOptPropGridBelow {
  display: flex;
}
/* Added below to set Quick View icon to blue for line item screen a[title="Quick View"]{
     background-image: url(/experlogix/site/styles/ALLENEXTV4/btnQuickView_blue.png)!important;
}
 */
/* Disables scrollbar causing display distortion for debugging tools */
#mCSB_1_scrollbar_vertical {
  display: none !important;
  min-height: 0px;
}
img#import {
  display: none;
}
@media (-webkit-device-pixel-ratio: 1.5) {
  .xCfgRoot {
    zoom: 0.75;
  }
}
@media (-webkit-device-pixel-ratio: 1.25) {
  .xCfgRoot {
    zoom: 0.9;
  }
}
div.xHelper[helperfixedwidth] {
	width:auto !important;
	}