/* Default theme imported */
/* Default theme imported */
/*	Icon Colors */
/* Loading theme in configuration */
/* Themes of components */
/* Loading custom themes */
/* import theme overrides */
/* import custom css */
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
.lyte-svg {
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
}
lyte-alert {
  display: none;
}
.alertWrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1060;
}
.alertPopup {
  text-align: center;
  padding: 49px 26px 17px 26px;
  background: var(--dialogBg);
  border: 1px solid var(--body-bg);
  border-radius: 3px;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.35);
  display: inline-block;
  text-align: left;
  min-width: 350px;
  max-width: 550px;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  position: relative;
  z-index: 10;
}
.alertPopup .ui-msg-content {
  max-width: 350px;
}
.alertPopup.lyteAlertSlideDown {
  top: -100%;
  transition-property: top;
}
.alertPopup.lyteAlertZoomIn {
  transition-property: opacity, transform;
  opacity: 0;
  transform: scale(0);
}
.alertPopup.lyteAlertZoomIn.alertOpened {
  opacity: 1;
  transform: scale(1);
}
lyte-alert-header,
.alertHeader,
.alertPrimaryMsg {
  font-weight: 800;
  font-family: var(--ff-base);
  font-size: 18px;
  color: var(--clr-df);
  margin-bottom: 15px;
  font-weight: normal;
  display: block;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.alertPrimaryMsg {
  margin-bottom: 5px;
  font-size: 15px;
}
lyte-alert-content,
.alertSecondaryMsg {
  font-family: var(--ff-base);
  font-size: 14px;
  color: var(--clr-df);
}
lyte-alert-footer,
.alertFooter {
  text-align: right;
  padding-top: 25px;
  display: block;
}
.alertFooter lyte-button {
  margin-left: 7px;
}
.alertFooter lyte-button:first-of-type {
  margin-left: 0;
}
lyte-alert-footer.left,
.alertFooter.left {
  text-align: left;
}
lyte-alert-footer.center,
.alertFooter.center,
.alertPopup.lyteAlertCenterContent {
  text-align: center;
}
.alertPopup .alertContent {
  display: flex;
  align-items: center;
}
.lyteAlertCenterContent .alertContent {
  justify-content: center;
}
.alertFreezeLayer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: var(--dialogOverlayBg) !important;
  opacity: 1 !important;
}
.lyteStatusIcon {
  background: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  width: 28px;
  height: 28px;
  margin-right: 10px;
  display: block;
}
.successAlertIcon {
  background-position: -91px -154px;
}
.errorAlertIcon {
  background-position: -131px -154px;
}
.warningAlertIcon {
  background-position: -210px -154px;
}
.infoAlertIcon {
  background-position: -170px -154px;
}
.confirmAlertIcon {
  background-position: -250px -154px;
}
.alertClose {
  background-position: -52px 0px;
  width: 13px;
  height: 13px;
  opacity: 0.5;
  cursor: pointer;
  position: absolute;
  top: 27px;
  right: 23px;
  display: inline-block;
  transform: scale(1.3);
}
.alertClose:hover {
  opacity: 1;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/alert.less file
 */
.alertPopup {
  text-align: center;
}
.alertPopup .ui-msg-content {
  max-width: 350px;
}
lyte-alert-header,
.alertHeader,
.alertPrimaryMsg {
  font-weight: 800;
}
lyte-alert-footer {
  --buttonPadLR: 10px;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
lyte-accordion {
  display: block;
  position: relative;
}
lyte-accordion-item {
  margin: 0;
  border-bottom: 0;
  display: block;
  background: transparent;
}
lyte-accordion-item:hover {
  border-bottom-color: #ccc;
}
.lyteAccordionNested lyte-accordion:last-child lyte-accordion-item:last-child {
  border-bottom: 0;
}
.lyteAccordionNested .lyteAccordionActive lyte-accordion-header,
lyte-accordion-header {
  font-weight: 700;
  padding: 0;
  font-family: var(--ff-base);
  color: var(--themeColor);
  font-size: var(--fs-base-widget);
  text-align: left;
  outline: 0;
  position: relative;
  display: block;
  cursor: pointer;
}
.lyteAccordionNested .lyteAccordionActive lyte-accordion-header:hover,
lyte-accordion-header:hover {
  color: var(--themeColor);
}
.lyteAccordionActive {
  border-bottom-color: #aaa;
}
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-header:hover,
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-header,
.lyteAccordionActive lyte-accordion-header {
  color: var(--themeColor);
}
lyte-accordion-body {
  box-sizing: border-box;
  width: 360px;
  padding: 0;
  color: var(--clr-df);
  font-family: var(--ff-base);
  font-size: var(--fs-base-widget);
  text-align: left;
  display: block;
  overflow: hidden;
  transition: height ease-out 0.3s, padding ease-out 0.3s;
}
.lyteAccordionNested lyte-accordion-body {
  width: 100%;
  box-sizing: border-box;
}
.lyteAccordionNested .lyteAccordionActive lyte-accordion-body {
  padding-bottom: 0;
}
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-body,
.lyteAccordionActive lyte-accordion-body {
  padding-bottom: 10px;
}
.lyteAccordionNested .lyteAccordionActive lyte-icon.lyteAccordionArrow,
lyte-icon.lyteAccordionArrow {
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -42px 0;
  width: 6px;
  height: 10px;
  position: absolute;
  left: 0;
  margin-top: 7px;
  display: inline-block;
}
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-header lyte-icon.lyteAccordionArrow,
.lyteAccordionActive lyte-icon.lyteAccordionArrow {
  background-position: -28px 0px;
  width: 9px;
  height: 7px;
}
.lyteAccordionBodyHide {
  display: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/accordion.less file
 */
.ui-zw-sortbl-collaps lyte-accordion-header {
  width: 280px;
  margin-left: auto;
}
.ui-zw-sortbl-collaps .lyteAccordionActive .zcollapsiblepanel__icon {
  transform: rotate(90deg);
}
.ui-date-field-dialog lyte-accordion lyte-yield {
  flex: 1;
}
.ui-date-field-dialog lyte-accordion .ui-dropdown-icon {
  top: 0;
}
.ui-date-field-dialog lyte-accordion .lyteAccordionActive .ui-dropdown-icon {
  transform: rotate(0);
}
.ui-accordian-subpanel lyte-accordion-header {
  font-size: 15px;
  color: var(--leftPanelTitleClr);
  font-weight: 900;
  line-height: calc(16px + 2px);
}
.ui-accordian-subpanel lyte-accordion-body {
  width: auto;
}
.lyteAccordionActive .zcollapsiblepanel__icon {
  transform: rotate(0);
}
.ui-access-widget-right-panel lyte-accordion-header {
  font-weight: 400;
  line-height: 15px;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  color: var(--clr-df);
  text-transform: uppercase;
  background: var(--headerGrad2);
}
.ui-access-widget-right-panel lyte-accordion-header:hover {
  --headerGrad2: var(--buttonActiveClr);
}
.ui-access-widget-right-panel lyte-accordion-header:hover .lyteIconTriangleArrow {
  --iconBrClr: var(--themeColor);
}
.ui-access-widget-right-panel .lyteAccordionActive lyte-accordion-header {
  position: sticky;
  top: 0;
  box-shadow: inset 4px 0 0 0 var(--themeColor);
  z-index: 10;
}
.ui-access-widget-right-panel .lyteAccordionActive lyte-accordion-header .lyteIconTriangleArrow {
  --iconBrClr: var(--themeColor);
}
.ui-access-widget-right-panel lyte-accordion-body {
  width: 100%;
  padding: 16px 16px 0;
}
.ui-access-widget-right-panel lyte-accordion-item {
  border-bottom: 1px solid var(--separatorClr);
}
.ui-access-widget-right-panel lyte-icon.lyteAccordionArrow {
  left: auto;
  right: 20px;
  margin-top: 0;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/* BUTTON STYLES BEGINS   */
lyte-button {
  display: inline-block;
}
lyte-button button {
  line-height: 1.24;
  position: relative;
  border-radius: var(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);
  font-size: var(--fs-base-widget);
  padding: var(--buttonPadTB) var(--buttonPadLR);
  font-family: var(--ff-base);
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  border-width: 1px;
  border-style: solid;
}
lyte-button button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
/*Specific type*/
.lyteDefaultBtn {
  background: var(--buttonBgClr);
  color: var(--clr-df);
  border: 1px solid var(--buttonBrClr);
}
.lyteDefaultBtn:hover {
  background: var(--buttonHoverBgClr);
  color: var(--clr-df);
  box-shadow: var(--buttonBoxshadow);
  z-index: 1;
  border: 1px solid var(--buttonHoverBrClr);
}
.lytePrimaryBtn {
  background: var(--themeColor);
  color: #fff;
  border: 1px solid var(--themeColor);
}
.lytePrimaryBtn:hover {
  background: var(--themeColor);
  color: #fff;
  border: 1px solid var(--themeColor);
}
.lyte-button.lyteSecondary {
  background: #555;
  color: #fff;
  border: 1px solid #555;
}
.lyte-button.lyteSecondary:hover {
  background: #474747;
  color: #fff;
  border: 1px solid #444;
}
.lyteSuccess {
  background: #19bc7d;
  color: #fff;
  border: 1px solid #19bc7d;
}
.lyteSuccess:hover {
  background: #10ab6f;
  border: 1px solid #10ab6f;
}
.lyteDefaultBtn.lyteSuccess {
  background: #fff;
  color: #19bc7d;
  border: 1px solid #19bc7d;
}
.lyteDefaultBtn.lyteSuccess:hover {
  background: #19bc7d;
  color: #fff;
  border: 1px solid #19bc7d;
}
.lyteFailure {
  background: #ec4844;
  color: #fff;
  border: 1px solid #ec4844;
}
.lyteFailure:hover {
  background: #da3e3e;
  border: 1px solid #da3e3e;
}
.lyteDefaultBtn.lyteFailure {
  background: #fff;
  color: #ec4844;
  border: 1px solid #ec4844;
}
.lyteDefaultBtn.lyteFailure:hover {
  background: #ec4844;
  color: #fff;
  border: 1px solid #ec4844;
}
.lyteWarningBtn {
  background: #FF9318;
  color: #fff;
  border: 1px solid #FF9318;
}
.lyteWarningBtn:hover {
  background: #FF8800;
  border: 1px solid #FF8800;
}
.lyteDefaultBtn.lyteWarningBtn {
  background: #fff;
  color: #FF9318;
  border: 1px solid #FF9318;
}
.lyteDefaultBtn.lyteWarningBtn:hover {
  background: #FF9318;
  color: #fff;
  border: 1px solid #FF9318;
}
.lyteLg {
  padding: 7px 20px;
  font-size: 15px;
}
.lyteSm {
  border-radius: 2px;
  text-transform: none;
  padding: 5px 10px;
  font-size: 13px;
}
.lyteExsm {
  padding: 2px 8px;
  font-size: 12px;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/button.less file
 */
/* BUTTON STYLES ENDS   */
.lytebutton_icononly.lyte-button {
  padding: 0;
  border: 0;
  background: transparent;
}
.lytebutton__icon {
  /*position: relative;*/
  z-index: 1;
  margin-right: 8px;
}
.lytebutton__icon {
  display: block;
  width: 16px;
  height: 16px;
}
.lytebutton--icononly .lytebutton__icon {
  margin-right: 0;
  margin-left: 0;
}
.lytebutton__icon.iconalign-right {
  position: absolute;
  right: 5px;
  margin-right: 0;
}
.lyte-button.lyte-button-trans {
  --buttonBgClr: transparent;
  --buttonHoverBgClr: transparent;
  border: 0 !important;
  padding: 0;
}
.lytebutton__svg {
  width: inherit;
  height: inherit;
}
.ui-search-group-btn button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid transparent !important;
}
.lytebutton__arrow {
  fill: var(--arrowColor);
  transition: transform 200ms ease-in-out;
}
.lytebutton__icon.h-floatright {
  transition: transform 200ms ease-in-out;
}
.ui-headinglist-btn.lyteDropButtonDown .zbutton__icon.h-floatright {
  transform: translateY(-50%) rotate(180deg);
}
.lyteMenuSelected .lytebutton--vbtn .lytebutton__icon.h-floatright,
.lyteMenuSelected .lytebutton--hbtn .lytebutton__icon.h-floatright {
  transform: translateY(-50%) rotate(180deg);
}
.lyteMenuSelected .lytelabeledmenubutton .lytebutton__icon.h-floatright {
  transform: translateY(-50%) rotate(180deg);
}
.lyteMenuSelected .lytebutton__arrow,
.lyteMenuSelection .lytebutton__arrow,
.lyteDropButtonUp .lytebutton__arrow,
.lyteDropButtonDown .lytebutton__arrow,
.is-selected-search-grpBtn .lytebutton__arrow,
.lyteDropButtonRight .lytebutton__arrow {
  transform: rotate(180deg);
}
.lyteMenuSelected .lytebutton__icon.h-floatright,
.lyteDropButtonDown .lytebutton__icon.h-floatright {
  transform: rotate(180deg);
}
.ui-font-color-set .lytemenu__arrow {
  transition: transform 200ms ease-in-out;
}
.ui-font-color-set .lyteMenuSelected .lytemenu__arrow {
  transform: rotate(180deg);
}
.ui-ctxmen-pin-blk .lyteDefaultBtn:hover {
  border: none;
  z-index: 0;
}
.ui-contextual-menu .lyteDefaultBtn {
  --buttonBgClr: var(--bg-white);
  --buttonBrClr: transparent;
}
.ui-contextual-menu .lyteDefaultBtn:hover {
  --buttonBgClr: var(--bg-white);
  --buttonBrClr: transparent;
}
.ui-contextual-menu .ui-custom-font-combo.lyteDefaultBtn {
  --buttonBgClr: var(--menubutton-bg);
}
.ui-smart-para-opt .lyteDefaultBtn {
  --buttonBgClr: transparent;
}
.ui-smart-para-opt .lyteDefaultBtn :hover {
  --buttonHoverBgClr: transparent;
}
.ui-classic-toolbar.ui-contextual-menu .lyteDefaultBtn {
  --buttonBrClr: #cccccc;
}
.ui-classic-toolbar.ui-contextual-menu .ui-search-group-btn lyte-grouper .zw-splitbtn-arrow .lyte-button {
  --buttonBgClr: var(--bg-white);
}
.ui-classic-toolbar lyte-dropdown lyte-drop-button:hover {
  --buttonHoverBgClr: var(--bg-white);
}
lyte-modal-footer {
  --buttonPadTB: 5px;
  --buttonPadLR: 10px;
}
lyte-modal-footer lyte-button:first-of-type button {
  margin-left: 0;
}
lyte-modal-footer lyte-button button {
  min-width: 68px;
  font-size: 13px;
  margin-left: 5px;
}
.ui-lyte-dialog lyte-modal-header .lyteDefaultBtn {
  --buttonBgClr: transparent;
  --buttonBrClr: transparent;
  padding: 0;
}
.ui-lyte-dialog lyte-modal-header .lyteDefaultBtn:hover {
  --buttonHoverBgClr: transparent;
  --buttonHoverBrClr: transparent;
}
.ui-lyte-dialog lyte-modal-header .lyteDefaultBtn:hover .lytebutton__svg {
  fill: #666;
}
.ui-lyte-dialog lyte-modal-header .lyteDefaultBtn .lytebutton__svg {
  fill: var(--dialogCloseSvgClr);
}
.flex-row-grp .ui-clr-blue.lyteDefaultBtn {
  --buttonBgClr: transparent;
  --buttonBrClr: transparent;
  padding: 0;
}
.flex-row-grp .ui-clr-blue.lyteDefaultBtn:hover {
  --buttonHoverBgClr: transparent;
  --buttonHoverBrClr: transparent;
}
.ui-custom-font-combo.lyteDefaultBtn lyte-yield {
  display: flex;
}
.ui-font-search-box ~ .lytebutton__icon {
  right: 5px;
}
.ui-para-bdr-selection-popover lyte-button-group .lyteBtnGroupWrap {
  flex-direction: column;
}
.lytebutton__icon + .lytebutton__text {
  width: calc(100% - (16px + (16px / 2)));
  overflow: hidden;
  float: left;
  text-align: left;
  white-space: nowrap;
  line-height: 1.24;
}
.lytebutton__icon + .lytebutton__text {
  white-space: nowrap;
  text-overflow: ellipsis;
}
lyte-button-group lyte-button {
  /*flex-grow: 0 !important;*/
}
.ui-zw-btn-group-flex lyte-button .lyteDefaultBtn {
  flex-grow: 1;
  border-radius: 0;
  margin: -1px -1px 0 0;
}
.ui-zw-btn-group-flex lyte-button:first-child .lyteDefaultBtn {
  border-top-left-radius: var(--bdrRadius);
  border-bottom-left-radius: var(--bdrRadius);
}
.ui-zw-btn-group-flex lyte-button:first-child:nth-last-child(4) .lyteDefaultBtn,
.ui-zw-btn-group-flex lyte-button:first-child:nth-last-child(3) .lyteDefaultBtn,
.ui-zw-btn-group-flex lyte-button:first-child:nth-last-child(2) .lyteDefaultBtn {
  flex-grow: 0;
  border-radius: var(--bdrRadius) 0 0 var(--bdrRadius);
}
.ui-zw-btn-group-flex lyte-button:first-child:last-child .lyteDefaultBtn {
  flex-grow: 0;
  border-radius: var(--bdrRadius);
}
.ui-zw-btn-group-flex lyte-button:nth-child(4) .lyteDefaultBtn {
  border-top-right-radius: var(--bdrRadius);
  border-bottom-right-radius: var(--bdrRadius);
}
.ui-zw-btn-group-flex lyte-button:nth-child(5) .lyteDefaultBtn {
  border-top-left-radius: var(--bdrRadius);
  margin-top: 5px;
}
.ui-zw-btn-group-flex lyte-button:nth-child(6) .lyteDefaultBtn {
  border-top-right-radius: var(--bdrRadius);
  margin-top: 5px;
}
.ui-zw-btn-group-flex lyte-button:nth-child(9) .lyteDefaultBtn {
  border-bottom-left-radius: var(--bdrRadius);
}
.ui-zw-btn-group-flex lyte-button:nth-child(10) .lyteDefaultBtn {
  border-bottom-right-radius: var(--bdrRadius);
}
.ui-zw-btn-group-flex lyte-button:last-child:nth-child(odd) .lyteDefaultBtn {
  border-radius: 0 0 var(--bdrRadius) var(--bdrRadius);
}
.ui-zw-btn-group-flex lyte-button:last-child:nth-child(even) .lyteDefaultBtn {
  border-bottom-right-radius: var(--bdrRadius);
}
.ui-zw-btn-group-flex lyte-button:last-child:nth-child(2) .lyteDefaultBtn,
.ui-zw-btn-group-flex lyte-button:last-child:nth-child(3) .lyteDefaultBtn,
.ui-zw-btn-group-flex lyte-button:last-child:nth-child(4) .lyteDefaultBtn {
  flex-grow: 0;
  border-radius: 0 var(--bdrRadius) var(--bdrRadius) 0;
}
.ui-zw-btn-group-flex lyte-button:nth-last-child(2):nth-child(odd) .lyteDefaultBtn {
  border-bottom-left-radius: var(--bdrRadius);
}
.ui-zw-btn-group-flex lyte-button:first-child:nth-last-child(4) ~ .zbutton:not(:last-child) {
  border-radius: 0;
}
.ui-zw-btn-group-flex lyte-button:first-child:nth-last-child(3) ~ .zbutton:not(:last-child) {
  flex-grow: 0;
  border-radius: 0;
}
.ui-zw-btn-group-flex lyte-button:nth-child(11) .lyteDefaultBtn {
  border-radius: var(--bdrRadius) !important;
}
.ui-zw-btn-group-flex lyte-button:nth-child(-n + 4) {
  width: 25%;
}
.ui-zw-btn-group-flex lyte-button:nth-child(-n + 4) .lyteDefaultBtn {
  height: 65px;
  width: 25%;
  height: 63px;
  text-align: center;
  margin-top: 0;
  padding: 9px 1px 5px;
}
.ui-zw-btn-group-flex lyte-button:nth-child(-n + 4) .lyteDefaultBtn:nth-child(2) .lyteDefaultBtn {
  width: calc(25% - 1px);
}
.ui-zw-btn-group-flex lyte-button:nth-child(-n + 4) .lyteDefaultBtn lyte-yield {
  flex-direction: column;
  align-items: center;
}
.ui-zw-btn-group-flex lyte-button:nth-child(-n + 4) .lyteDefaultBtn .lytebutton__icon {
  width: 24px;
  height: 24px;
  float: none;
  display: block;
  margin: 0 auto 7px;
  margin: 0;
  display: inline-block;
  --svgIconStrokeWidth: 1;
}
.ui-zw-btn-group-flex lyte-button:nth-child(-n + 4) .lyteDefaultBtn .lytebutton__icon.h-floatright {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 23px;
}
.ui-zw-btn-group-flex lyte-button:nth-child(-n + 4) .lyteDefaultBtn .lytebutton__text {
  float: none;
  display: block;
  width: 100%;
  @include ui-ellipsis();
  text-align: center;
}
.ui-zw-btn-group-flex lyte-button:nth-child(n + 5) {
  width: 50%;
}
.ui-zw-btn-group-flex lyte-button:nth-child(n + 5) .lyteDefaultBtn {
  width: 50%;
  height: 33px;
  height: 32px;
}
.ui-zw-btn-group-flex lyte-button:nth-child(n + 5) .lyteDefaultBtn:nth-child(odd) {
  width: calc(50% - 1px);
}
.ui-zw-btn-group-flex lyte-button:nth-child(n + 5) .lyteDefaultBtn .lytebutton__icon.h-floatright {
  position: unset;
}
.ui-zw-btn-group-flex lyte-button:nth-child(n + 5) .lyteDefaultBtn lyte-yield {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ui-zw-btn-group-flex lyte-button:nth-child(n + 5):nth-child(odd) {
  width: calc(50% - 1px);
}
.ui-zw-split-btn-group-combo .lyte-button {
  height: 32px;
}
.ui-zw-split-btn-group-combo lyte-button-group lyte-button:last-child .lyteDefaultBtn {
  padding: 5px 2px;
}
.ui-insert-pnl-signdiv lyte-button-group lyte-button:first-child {
  flex-grow: 1 !important;
}
.ui-zw-btn-group-vhcombo .ui-zw-btn-group-vh-hcombo lyte-button:first-child button {
  border-radius: 0 2px 0 0;
}
.ui-zw-btn-group-vhcombo lyte-button button {
  border-radius: 0;
  margin: -1px -1px 0 0;
}
.ui-zw-btn-group-vhcombo lyte-button:first-child button {
  border-top-left-radius: var(--bdrRadius);
  border-bottom-left-radius: var(--bdrRadius);
}
.ui-zw-btn-group-hcombo lyte-button button {
  width: 50%;
  height: 32px;
  flex-grow: 1;
  border-radius: 0;
  margin: -1px -1px 0 0;
}
.ui-zw-btn-group-hcombo lyte-button:first-child button {
  border-top-left-radius: 2px;
}
.ui-zw-btn-group-hcombo lyte-button:nth-child(odd) button {
  width: calc(50% - 1px);
}
.ui-zw-btn-group-hcombo lyte-button:nth-child(2) button {
  border-top-right-radius: 2px;
}
.ui-width-lock-unlock.lyteDefaultBtn {
  position: relative;
}
.lyte-button .lytebutton__svg,
lyte-drop-button .lytebutton__svg {
  fill: var(--arrowColor);
}
.lyte-button .lytebutton__svg.ui-fill-darkgray,
lyte-drop-button .lytebutton__svg.ui-fill-darkgray {
  --arrowColor: var(--svgIconColor);
}
.lytebutton--hbtn.ui-dline .lytebutton__text {
  line-height: 11px;
  padding-right: 6px;
  white-space: normal;
  margin-top: -2px;
}
.lytebutton--hbtn .lytebutton__text {
  display: block;
  line-height: 16px;
}
.ui-borderopt-container .lyte-button {
  background-color: var(--bgV2);
  border-color: var(--border-clr-sec);
}
.ui-borderopt-container .lyte-button:hover {
  --border-clr-sec: var(--buttonHoverBrClr);
}
.ui-zw-btn-group-hcombo lyte-button:nth-last-child(2) .lyte-button {
  border-bottom-left-radius: var(--bdrRadius);
}
.ui-zw-btn-group-hcombo lyte-button:last-child .lyte-button {
  border-bottom-right-radius: var(--bdrRadius);
}
/*.lytebutton--menu {
	.lytebutton__text {
		width: calc(100% - ((16px * 2) + (16px * .5)));
	}
}*/
.hbtn-large .lytebutton__text {
  line-height: 24px;
  width: calc(100% - (24px + (16px / 2)));
}
lyte-button button.ui-fontset-with-icon,
lyte-button button.ui-design-thmclrcombo {
  padding: 6px 10px;
}
.lytebutton--vbtn .lytebutton__icon {
  width: 24px;
  height: 24px;
  float: none;
  display: block;
  margin: 0 auto 7px;
  --svgIconStrokeWidth: 1;
}
.lytebutton--vbtn .lytebutton__text {
  display: block;
  width: 100%;
  text-align: center;
}
.lytelabeledmenubutton {
  height: 49px;
  padding-left: 9px;
  padding-right: 9px;
}
.lytelabeledmenubutton .ui-zlblbtn-lbl {
  color: var(--placeHolderClr);
}
.lytelabeledmenubutton .ui-zlblbtn-desc {
  color: var(--clr-df);
  font-size: 13px;
  font-weight: 600;
}
.ui-dots-extn:after,
.ui-btn-text-extn .lytebutton__text:after {
  content: '...';
}
lyte-button .ui-themefont div:nth-child(1),
lyte-button .ui-themefont div:nth-child(2) {
  font-weight: 600;
}
.ui-borderopt-container .ui-bdr-settings-container .lyte-button {
  background-color: var(--bg-white-sec);
}
.ui-pagelayout .lyte-button {
  background-color: var(--bg-white-sec);
}
.lytebuttonset__groupdesc {
  width: calc(100% - 75px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-page-lpnl-default .lytebutton__text {
  text-align: center;
}
.ui-insert-fields-lock-button .lytebutton__text {
  line-height: 24px;
  width: auto;
  text-align: left;
}
.hbtn-large-combo .lytebutton__icon {
  width: 24px;
  height: 24px;
}
.hbtn-large-combo .lytebutton__text {
  line-height: 14px;
  width: calc(100% - (24px + (16px / 2)));
  white-space: normal;
}
.hbtn-large-combo-with-smicon .lytebutton__icon {
  width: 16px;
  height: 16px;
  margin: 4px;
}
.hbtn-large-combo-with-smicon .lytebutton__text {
  margin-left: 8px;
}
.lytebutton__medium__icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.lytebutton--vbtn.ui-dline .lytebutton__icon {
  margin-bottom: 3px;
}
.lytebutton--vbtn.ui-dline .lytebutton__text {
  line-height: 13px;
  white-space: normal;
}
.ui-zw-btn-group-hcombo lyte-button:nth-child(odd) {
  width: calc(50% - 1px);
}
.mm-csvnamecont-btn.lyteDefaultBtn {
  border: 1px dashed var(--dashBrClr);
  background: var(--buttonBgClr);
  border-radius: 0;
  margin-right: -1px;
}
.lytebutton--menu .lytebutton__icon.h-floatright {
  margin: 0 -5px 0 5px;
}
.lytebutton--vbtn .lytebutton__icon.h-floatright,
.lytebutton--hbtn .lytebutton__icon.h-floatright {
  position: absolute;
  top: 50%;
  right: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  margin: 0;
}
.lytebutton--icononly .lytebutton__icon.h-floatright,
.lytebutton--icononly .lytebutton__icon .zbutton__svg {
  width: 15px !important;
  height: 16px !important;
}
.ui-icon-dropdown-with-bg .lytebutton__icon.h-floatright {
  position: absolute;
  top: 10px;
  right: 6px;
}
.lytebutton__icon.h-floatright {
  float: right;
  margin-left: 8px;
}
lyte-button .lytebutton-active {
  background: var(--buttonActiveClr) !important;
  border-color: var(--themeColor) !important;
  color: var(--themeColor) !important;
}
.ui-flex-btn-group lyte-button:first-of-type button {
  margin-right: 5px;
}
.ui-btn-with-icononly .lyte-button {
  width: 37px;
  height: 33px;
  padding: 4px 6px;
}
.ui-splitbtn-50 lyte-button:first-of-type {
  width: calc(100% - 16px);
}
.ui-splitbtn-50 lyte-button:first-of-type .lyte-button {
  width: 100%;
}
.ui-splitbtn-50 lyte-button:last-of-type .lyte-button {
  margin-left: -1px;
}
.ui-image-panel .ui-pagelayout lyte-drop-button,
.ui-barcodeqrcode-panel .ui-pagelayout lyte-drop-button {
  background-color: var(--bg-white-sec);
  border-color: var(--border-page-layout);
}
.ui-btn-with-icononly.ui-btn-with-icononly-medium-icon lyte-button button {
  width: 39.33px;
  height: 39.33px;
  margin-bottom: 0;
}
.ui-btn-with-icononly.ui-btn-with-icononly-medium-icon lyte-button button .lytebutton__icon {
  width: 24px;
  height: 24px;
}
.ui-pbtn-with-ddown .lytebutton__icon.h-floatright {
  margin: 2px 0 0 -3px;
  transform: none !important;
}
.ui-pbtn-with-ddown .lytebutton__icon.h-floatright:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 8px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #000;
  transition: all 0.3s ease-in;
}
.lyteMenuSelected .lytebutton__icon.h-floatright:after {
  transform: rotate(180deg);
}
.ui-header-footer-panel .ui-zw-btn-group-vhcombo lyte-button {
  width: 33.33%;
}
.ui-menubtn-spl .lytebutton__text {
  width: calc(100% - 16px);
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-find-footer-btn-grp lyte-button button {
  min-width: 80px;
}
.ui-find-popup-header .lyteDefaultBtn {
  --buttonBgClr: transparent;
  --buttonBrClr: transparent;
  padding: 0;
}
.ui-find-popup-header .lyteDefaultBtn:hover {
  --buttonHoverBgClr: transparent;
  --buttonHoverBrClr: transparent;
}
.ui-find-popup-header .lyteDefaultBtn:hover .lytebutton__svg {
  fill: #666;
}
.ui-find-popup-header .lyteDefaultBtn .lytebutton__svg {
  fill: var(--dialogCloseSvgClr);
}
.ui-txt-show-active .lyte-button .lytebutton__icon {
  margin-right: 0;
}
.ui-txt-show-active .lyte-button .lytebutton__text {
  display: none;
}
.ui-txt-show-active .lyte-button.lyteBtnGroupSelectedBtn .lytebutton__icon {
  margin-right: 8px;
}
.ui-txt-show-active .lyte-button.lyteBtnGroupSelectedBtn .lytebutton__text {
  display: block;
}
.lytebutton--vbtn .lytebutton__icon.h-floatright,
.lytebutton--hbtn .lytebutton__icon.h-floatright,
.ui-headinglist-btn .lytebutton__icon.h-floatright,
.lytelabeledmenubutton .lytebutton__icon.h-floatright {
  position: absolute;
  top: 50%;
  right: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  margin: 0;
}
.ui-btn-arrow-only .lytebutton__icon.h-floatright {
  margin: 3px;
  height: 0;
  width: 0;
  float: none;
}
.hbtn-large .lytebutton__icon {
  width: 24px;
  height: 24px;
}
.hbtn-left.ui-dline .lytebutton__text {
  line-height: 13px;
}
.ui-zw-adn-pagelayout .lyte-button,
.ui-zw-adn-pagelayout lyte-drop-button {
  background: var(--bg-white);
  border: 1px solid var(--border-clr-df);
  color: var(--themeColor) !important;
}
.ui-mailmerge-email-dialog .lyte-button .lytebutton__text {
  color: var(--themeColor);
}
.ui-mm-docsloc-container lyte-button .ui-folder-icon-sm {
  margin: 0;
}
.ui-pagelayout .lyte-button.lytePrimaryBtn {
  background: var(--themeColor);
}
lyte-button .ui-btn-bg-green {
  background: #00a79d;
  border-color: #00a79d;
}
lyte-button .ui-btn-bg-green:hover {
  background-color: #00a79d;
}
lyte-button .ui-btn-bg-green .lytebutton__text {
  color: #FFF;
}
lyte-button .ui-btn-bg-green .lytebutton__svg {
  fill: #fff;
}
.ui-mm-function-container button.ui-ffefill-enter-icon:hover {
  background: var(--themeColor);
  box-shadow: inset 0 0 0 1px var(--bg-white);
}
.lyte-button.ui-fld-del-icon {
  width: 30px;
  height: 28px;
}
.lyte-button.ui-fld-del-icon .ui-fld-delete-icon {
  position: unset;
  transform: unset;
}
lyte-button .lytebutton-green {
  background: #78c974;
  border-color: #78c974;
  color: #FFFFFF;
}
.lytebutton-green .ui-icon-add-textselection-sm {
  background-color: #fff;
}
.lytebutton-green .ui-icon-add-textselection-sm:after,
.lytebutton-green .ui-icon-add-textselection-sm:before {
  background-color: #50bb41;
}
.ui-fbtn-with-arrow .lytebutton__text {
  padding-right: 30px;
}
.ui-zwbutton-bg .lyte-button {
  background: var(--bgV2);
}
.ui-btn-medium .lytebutton__icon {
  width: 24px;
  height: 24px;
}
.ui-img-wrap-btnset-cont lyte-grouper {
  width: 100% !important;
}
.ui-img-wrap-btnset-cont lyte-button {
  width: calc(100% / 6);
  flex-grow: 1 !important;
}
lyte-button .lytebutton--normal-gradient {
  float: left;
  position: relative;
  /*border-radius: 0;*/
  background: var(--buttonGradBg) !important;
}
.ui-review-toolbar lyte-button {
  display: block;
}
.ui-sign-signer-cont-optns lyte-button .lyte-button {
  border: 0;
  height: 26px;
}
.ui-user-profile-vpanel-div .lytebutton__svg {
  width: 16px;
  height: 16px;
  top: 12px;
  right: 12px;
}
.ui-hpanel-footer lyte-button {
  width: calc(50% - 18px);
}
.lytePrimaryBtn .lytebutton__svg {
  fill: #FFFFFF;
}
.ui-topband-file {
  padding: 0 2px;
}
.ui-topband-file .lytebutton__text {
  width: auto;
  font-size: 11px;
  line-height: 20px;
  display: inline-block;
}
.ui-topband-file .lytebutton__icon.h-floatright {
  margin: 2px 0px 0 0px;
}
.ui-wf-btn-with-pencil-ready .lyte-button,
.ui-wf-btn-with-pencil-ready .lyte-button:hover,
.ui-wf-btn-with-pencil-ready .lyte-button:focus,
.ui-wf-btn-with-pencil-ready .lyte-button:active {
  border-color: var(--wf-prim-clr) !important;
  background: var(--wf-prim-clr) !important;
  color: #fff !important;
}
.ui-wf-btn-with-pencil-ready .lyte-button .lytebutton__menuarrow {
  fill: #FFFFFF;
}
.ui-wf-btn .lyte-button {
  height: 22px;
  padding: 0 7px;
  font-size: 11px;
  line-height: 20px;
  text-transform: uppercase;
}
.ui-wf-trans-btn .lyte-button {
  background: transparent !important;
  color: var(--themeColor) !important;
  border-color: var(--themeColor) !important;
}
.ui-wf-btn-with-pencil .lytebutton--menu .lytebutton__icon {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}
.ui-wf-btn-with-pencil lyte-button:last-child .lytebutton__icon {
  width: 10px;
  height: 12px;
  margin-top: -7px;
}
.ui-share-btn-cont .lyte-button {
  font-size: 11px;
  line-height: 16px;
  height: var(--buttonHeight);
}
.ui-splitbutton-with-text lyte-button button {
  border-color: var(--activeBorderClr);
  color: var(--themeColor);
  background: transparent;
}
lyte-button .ui-zia-btn {
  background: var(--ziaBtnBg) !important;
  border-color: var(--ziaBtnBg) !important;
  --buttonBgClr: var(--ziaBtnBg);
  --buttonBrClr: var(--ziaBtnBg);
}
.ui-btn-with-bluetext .lytebutton__text {
  color: var(--themeColor) !important;
}
.ui-icon-backtoeditor-sm + .lytebutton__text {
  width: calc(100% - 22px);
}
.ui-writer-topblueband-container lyte-button button {
  background: #4f96ee !important;
  border-color: transparent !important;
  box-shadow: none !important;
  height: 28px;
  max-width: 165px;
  border-radius: 0;
}
.ui-writer-topblueband-container lyte-button button .lytebutton__text {
  color: #fff;
}
.ui-writer-topblueband-container lyte-button:not(:last-of-type) {
  margin-right: 1px;
}
.ui-writer-topblueband-container lyte-button .lyte-button:first-child,
.ui-writer-topblueband-container lyte-button .ui-toblueband-tswitch-cont:first-child {
  border-radius: 2px 0 0 2px;
}
.ui-writer-topblueband-container lyte-button button:hover,
.ui-writer-topblueband-container lyte-button button-has-focus,
.ui-writer-topblueband-container lyte-button button:focus,
.ui-writer-topblueband-container lyte-button button:active {
  background: #6ea9f4 !important;
}
.ui-footer .lyte-button,
.ui-footer lyte-drop-button {
  position: relative;
  height: 28px;
  border-bottom: 0 !important;
  border-radius: 0;
  border-color: var(--footerBrClr);
}
.ui-footer .lyte-button:hover,
.ui-footer lyte-drop-button:hover {
  border-color: var(--buttonHoverBrClr);
  z-index: 1;
}
.ui-btn-text-extn .lyte-button:after {
  content: '...';
}
.ui-bookmark-btns lyte-button .lyteDefaultBtn {
  height: 33px;
}
.ui-add-autocorrect-btn lyte-yield {
  justify-content: center;
}
.ui-add-autocorrect-btn .lyte-button {
  min-width: 45px;
  height: calc(100% - -2px);
}
.lyte-button-trans {
  --buttonActiveClr: transparent;
  --clr-df: var(--placeHolderClr);
}
.lyte-button-trans lyte-button {
  flex: 1;
}
.lyte-button-trans lyte-button:first-child .lyte-button {
  text-align: left;
}
.lyte-button-trans lyte-button:last-child .lyte-button {
  text-align: right;
}
.lyte-button-trans .lyteBtnGroupSelectedBtn {
  --placeHolderClr: var(--themeColor);
  font-weight: 700;
}
.lyte-button-trans:hover {
  color: var(--clrBlkInvrs);
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-button-group {
  display: block;
}
lyte-button-group .lyteBtnGroupWrap {
  display: flex;
}
lyte-button-group .lyteGroupVertical .lyteBtnGroupWrap {
  flex-direction: column;
}
lyte-button-group lyte-button {
  flex-grow: 1;
}
lyte-button-group lyte-button button {
  border-radius: 0;
  width: 100%;
}
lyte-button-group .lyteGroupHorizontal lyte-button:first-child button {
  border-radius: 2px 0 0 2px;
}
lyte-button-group .lyteGroupHorizontal lyte-button:last-child button {
  border-radius: 0 2px 2px 0;
}
lyte-button-group .lyteGroupVertical lyte-button:first-child button {
  border-radius: 2px 2px 0 0;
}
lyte-button-group .lyteGroupVertical lyte-button:last-child button {
  border-radius: 0 0 2px 2px;
}
lyte-button-group .fillType lyte-button button.lyteDefaultBtn {
  border: 0;
  background: #e0e1e2;
}
lyte-button-group .fillType lyte-button button.lyteDefaultBtn:hover {
  border: 0;
  background: #cacbcd;
}
lyte-button-group .fillType lyte-button button.lyteBtnGroupSelectedBtn:hover,
lyte-button-group .fillType lyte-button button.lyteBtnGroupSelectedBtn {
  background: #c0c1c2;
  color: var(--clr-df);
}
lyte-button-group .lineType lyte-button button.lyteDefaultBtn {
  border: 1px solid var(--buttonBrClr);
  background: var(--buttonBgClr);
}
lyte-button-group .lineType.lyteGroupHorizontal lyte-button button.lyteDefaultBtn {
  border-right: 0;
}
lyte-button-group .lineType.lyteGroupVertical lyte-button button.lyteDefaultBtn {
  border-bottom: 0;
}
lyte-button-group .lineType lyte-button button.lyteDefaultBtn:hover {
  box-shadow: var(--buttonBoxshadow);
  z-index: 1;
  border-color: var(--buttonHoverBrClr);
  background: var(--buttonBgClr);
}
lyte-button-group .lineType.lyteGroupHorizontal lyte-button:last-child button.lyteDefaultBtn {
  border-right: 1px solid var(--buttonBrClr);
}
lyte-button-group .lineType.lyteGroupVertical lyte-button:last-child button.lyteDefaultBtn {
  border-bottom: 1px solid var(--buttonBrClr);
}
lyte-button-group .lineType lyte-button button.lyteBtnGroupSelectedBtn:hover,
lyte-button-group .lineType lyte-button button.lyteBtnGroupSelectedBtn {
  border-color: var(--buttonActiveBrClr);
  z-index: 1;
  background: var(--buttonActiveClr) !important;
  color: var(--clr-df);
}
/* import theme overrides - styles */
lyte-button-group .lineType.lyteGroupHorizontal lyte-button button.lyteDefaultBtn {
  border-right: 1px solid var(--buttonBrClr);
}
.lyteBtnGroupWrap lyte-button {
  margin-left: -1px;
}
.lyteBtnGroupWrap lyte-button:first-child {
  margin-left: 0;
}
.lyteBtnGroupWrap zw-split-button:last-child lyte-button:first-child,
.lyteBtnGroupWrap zw-color-split-btn:last-child lyte-button:first-child {
  margin-left: -1px;
}
.lyteBtnGroupWrap zw-split-button:first-child {
  margin-left: 0;
}
lyte-button-group zw-color-split-btn:first-child,
lyte-button-group zw-split-button:first-child {
  margin-right: -1px;
}
lyte-button-group lyte-drop-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
lyte-button-group lyte-button-group lyte-button:last-child button.lyteDefaultBtn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
lyte-button-group .lineType.lyteGroupHorizontal zw-split-button:first-child lyte-button:last-child button.lyteDefaultBtn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
lyte-button-group .lineType.lyteGroupHorizontal zw-split-button:first-child lyte-button:last-child button.lyteDefaultBtn:hover {
  border-right: 1px solid var(--buttonHoverBrClr);
}
lyte-button-group .lineType.lyteGroupHorizontal zw-split-button:last-child lyte-button:first-child button.lyteDefaultBtn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
lyte-button-group .lineType.lyteGroupHorizontal lyte-button button.lyteDefaultBtn:hover {
  /*border-right: 1px solid var(--buttonHoverBrClr);
							border-left-color: var(--buttonHoverBrClr) !important;*/
  border-color: var(--buttonHoverBrClr) !important;
  z-index: 2;
}
lyte-button-group .lineType.lyteGroupHorizontal lyte-button button.lyteDefaultBtn.lyteBtnGroupSelectedBtn {
  border-color: var(--buttonActiveBrClr) !important;
}
.is-selected-search-grpBtn .lyteBtnGroupWrap lyte-button:last-child .lyteDefaultBtn {
  background-color: var(--buttonActiveClr);
  border: 1px solid var(--buttonActiveBrClr) !important;
  border-radius: 0 var(--bdrRadius) var(--bdrRadius) 0;
  box-shadow: var(--buttonBoxshadow);
  z-index: 1;
}
.ui-ctxmenu-col lyte-button-group .lyteBtnGroupWrap {
  display: flex;
  flex-direction: column;
}
.ui-contextual-menu .ui-search-group-btn lyte-grouper {
  --buttonBrClr: transparent;
}
.ui-contextual-menu .ui-search-group-btn lyte-grouper .zw-splitbtn-arrow .lyte-button {
  --buttonBgClr: #f5f5f5;
}
.ui-classic-toolbar .ui-search-group-btn lyte-grouper {
  --buttonBrClr: #cccccc;
}
.lytelabeledbutton--group {
  border: 1px solid var(--buttonBrClr);
  border-radius: var(--bdrRadius);
  background: var(--buttonBgClr);
  padding: 5px 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.ui-pagelayout lyte-button-group .lineType lyte-button button.lyteDefaultBtn {
  background-color: var(--bg-white-sec);
  border-color: var(--border-page-layout);
}
lyte-button-group.ui-search-with-dropdown lyte-grouper lyte-drop-button {
  border-right-color: transparent;
}
lyte-button-group.ui-search-with-dropdown lyte-grouper lyte-drop-button.lyteDropButtonDown {
  border-color: var(--themeColor);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
lyte-button-group.ui-search-with-dropdown lyte-grouper .lyte-button {
  border-left-color: transparent !important;
  padding: 0;
  height: 100%;
}
lyte-button-group.ui-search-with-dropdown lyte-grouper:hover lyte-drop-button,
lyte-button-group.ui-search-with-dropdown lyte-grouper:hover .lyte-button {
  border-color: var(--themeColor) !important;
  border-right-color: var(--themeColor) !important;
}
lyte-button-group.ui-search-with-dropdown.ui-search-with-dd-selected lyte-grouper .lyte-button {
  border-color: var(--themeColor);
  border-right-color: var(--themeColor) !important;
  background: var(--buttonActiveClr);
}
lyte-button-group.ui-wf-btn-with-pencil .lineType lyte-button button.lyteDefaultBtn {
  height: 22px;
  padding: 0 5px;
  border-color: #fe9130;
  background: #fe9130;
  color: #fff !important;
  font-size: 11px;
  line-height: 20px;
}
lyte-button-group.ui-wf-btn-with-pencil .lineType lyte-button button.lyteDefaultBtn:hover {
  background: #fe9130;
  border-color: #fe9130;
  border-right-color: rgba(225, 225, 255, 0.5);
}
lyte-button-group.ui-wf-btn-with-pencil .lineType lyte-button:last-child button.lyteDefaultBtn {
  border-left-color: rgba(225, 225, 255, 0.5) !important;
  border-right-color: transparent;
}
lyte-button-group.ui-wf-btn-with-pencil .lineType lyte-button:last-child button.lyteDefaultBtn:hover {
  border-right-color: transparent;
}
lyte-button-group.ui-search-with-dropdown-button .lineType.lyteGroupHorizontal lyte-drop-button {
  border-color: transparent;
}
lyte-button-group.ui-search-with-dropdown-button .lineType.lyteGroupHorizontal lyte-drop-button.lyteDropButtonDown {
  border-color: var(--buttonActiveBrClr);
}
lyte-button-group.ui-search-with-dropdown-button .lineType.lyteGroupHorizontal lyte-button:last-child button.lyteDefaultBtn {
  border-color: transparent;
}
lyte-button-group.ui-search-with-dropdown-button .lineType.lyteGroupHorizontal.lyteGrouperFocused lyte-button button.lyteDefaultBtn {
  border-color: var(--themeColor);
}
lyte-button-group.ui-search-with-dropdown-button:hover .lineType.lyteGroupHorizontal lyte-drop-button,
lyte-button-group.ui-search-with-dropdown-button:hover .lineType.lyteGroupHorizontal lyte-button:last-child button.lyteDefaultBtn {
  border-color: var(--buttonActiveBrClr);
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/*  Dropdown related style BEGINS   */
lyte-dropdown,
lyte-drop-box {
  font-family: var(--ff-base);
  font-size: 13px;
  color: var(--clr-df);
  display: inline-block;
  max-width: 430px;
}
lyte-dropdown {
  max-width: unset;
}
lyte-drop-button {
  line-height: 16px;
  z-index: 1;
  border: 1px solid var(--buttonBrClr);
  border-radius: var(--dropBdrRadius);
  cursor: pointer;
  text-align: left;
  position: relative;
  display: inline-block;
  padding: var(--buttonPadTB) var(--buttonPadLR);
  width: 100%;
  box-sizing: border-box;
  color: var(--clr-df);
  background: var(--buttonBgClr);
}
lyte-dropdown lyte-drop-button:hover {
  color: var(--clr-df);
  background: var(--buttonHoverBgClr);
  box-shadow: var(--buttonBoxshadow);
  z-index: 2;
  border-right-color: var(--buttonHoverBrClr) !important;
  border: 1px solid var(--buttonHoverBrClr);
}
lyte-drop-button.lyteDropButtonUp {
  border-radius: 0 0 var(--dropBdrRadius) var(--dropBdrRadius);
  box-shadow: none;
}
lyte-drop-button.lyteDropButtonDown {
  background-color: var(--buttonActiveClr) !important;
  border: 1px solid var(--buttonActiveBrClr);
  z-index: 2;
  border-radius: var(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);
  box-shadow: var(--buttonBoxshadow);
}
.lyteMultiSearchDropButtonFocused:hover,
.lyteMultiSearchDropButtonFocused,
lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button,
lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:hover {
  z-index: 2;
  border: 1px solid var(--buttonActiveBrClr) !important;
  box-shadow: var(--buttonBoxshadow);
}
lyte-drop-button.lyteDropButtonUp:hover,
lyte-drop-button.lyteDropButtonDown:hover {
  line-height: 16px;
  z-index: 1;
  border: 1px solid var(--buttonBrClr);
}
lyte-dropdown.calloutDrop lyte-drop-button {
  box-shadow: none;
  border-radius: var(--dropBdrRadius);
}
.lyteDropPlaceholderNormal,
.lyteDropdownLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.lyteDummyEventContainer {
  outline: none;
}
lyte-drop-item {
  border-radius: var(--dropBdrRadius);
  line-height: normal;
  /*	background-color: var(--menuBg);*/
  position: relative;
  cursor: pointer;
  display: block;
  text-align: left;
  color: var(--clr-df);
  padding: var(--menuItemPaddingTB) var(--menuItemPaddingLR) var(--menuItemPaddingTB) var(--menuItemPaddingLR);
  font-size: 13px;
  max-width: 100%;
  -ms-word-wrap: break-word;
  overflow-wrap: break-word;
}
lyte-drop-item.lyteDropdownActive,
lyte-drop-item.lyteSearchHidden {
  display: none;
}
.lyteDropdownSelection {
  background: var(--menuActiveBg);
}
lyte-drop-item[selected="true"]::before {
  display: none;
  content: '';
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -33px -15px;
  width: 9px;
  height: 7px;
  position: absolute;
  left: 10px;
  top: 15px;
}
lyte-dropdown lyte-icon.dropdown {
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -1px -2px;
  width: 8px;
  height: 4px;
  top: calc(50% - 2px);
  display: inline-block;
  opacity: 0.5;
  position: absolute;
  right: 10px;
}
/*  Multi select releated CSS--BEGINS   */
lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button,
lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button {
  padding-right: 17px;
  min-height: 25px;
  white-space: normal;
}
lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button::after,
lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button::after {
  content: none !important;
  content: '';
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -1px -2px;
  width: 8px;
  height: 4px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 15px;
  opacity: 0.5;
}
lyte-dropdown lyte-drop-button.ltDropdownIconNodePresent::after {
  content: none;
}
.lyteMultipleSelect li {
  background: var(--separatorClr);
  color: var(--clr-df);
  border: 1px solid transparent;
  margin: 0 4px 4px 0;
  border-radius: var(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);
  font-size: 13px;
  padding: 2px 23px 2px 10px;
  display: inline-block;
  position: relative;
  cursor: default;
  max-width: 100%;
  box-sizing: border-box;
}
.lyteMultipleSelect .lyteDropdownVisible {
  display: block;
  max-width: 100%;
  -ms-word-wrap: break-word;
  overflow-wrap: break-word;
}
lyte-dropdown[lt-prop-remove-multiple="true"] .lyteMultipleSelect li {
  cursor: pointer;
}
lyte-dropdown[lt-prop-type="multisearch"] .lyteMultipleSelect li.lyteMultiselectInput {
  background: var(--buttonBgClr);
  border: 0;
  padding: 0;
  margin: 0;
  width: 150px;
}
lyte-dropdown[lt-prop-type="multisearch"] .lyteMultipleSelect .lyteMultiselectInput:only-of-type {
  width: 100%;
}
.lyteDropPlaceholderMultiple {
  padding-left: 0;
  font-size: 14px;
  color: #999;
  vertical-align: top;
}
.lyteMultipleSelect .lyteCloseIcon {
  position: absolute;
  cursor: pointer;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 18px;
  border-radius: 0 var(--dropBdrRadius) var(--dropBdrRadius) 0;
}
.lyteMultipleSelect li:hover .lyteCloseIcon {
  background: #e8e8e8;
}
.lyteMultipleSelect .lyteCloseIcon::before {
  content: '';
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -54px -2px;
  width: 8px;
  height: 8px;
  top: calc(50% - 4px);
  right: 5px;
  opacity: 0.7;
  display: inline-block;
  position: absolute;
  cursor: pointer;
}
.lyteMultipleSelect .lyteCloseIcon:hover::before {
  opacity: 1;
}
.lyteDropdownNoResult {
  padding: 5px 15px 15px;
  text-align: center;
  font-size: 14px;
  color: #8a8a8a;
}
lyte-drop-button input {
  width: 100%;
  border: none;
  background: transparent;
  font-size: 14px;
  color: var(--clr-df);
  padding: 0;
  box-sizing: border-box;
}
lyte-drop-button input:focus {
  outline: none;
}
.lyte-dropdown-filtered {
  display: none !important;
}
.lyteMultiSelectDropdown lyte-drop-item {
  padding: 7px 10px;
}
/*  Multi select releated CSS--ENDS   */
/*lyte-list-box dropbox related css--BEGINS     */
lyte-drop-box {
  margin-top: 1px;
  background: var(--buttonBgClr);
  box-sizing: border-box;
  border: 0;
  box-shadow: var(--menuBoxShadow);
  z-index: 1060000;
  position: absolute;
  border-radius: 0;
  display: block;
  width: auto;
  transform: none;
}
lyte-drop-box[lyte-hidden] {
  visibility: hidden;
}
lyte-drop-box.lyteDropdownCurve {
  border-radius: var(--dropBdrRadius);
}
lyte-drop-box.lyteDropdownDown {
  transform: translateY(-1px);
}
lyte-drop-box.lyteDropdownUp {
  border-radius: var(--dropBdrRadius) var(--dropBdrRadius) 0 0;
  box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.15);
  transform: translateY(1px);
}
lyte-drop-box.lyteDropdownRight,
lyte-drop-box.lyteDropdownLeft {
  transform: none;
}
lyte-drop-box.lyteDropBodyCallout {
  border-radius: var(--dropBdrRadius);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
}
lyte-drop-box:not(.lyteDropBodyCallout) .lyteArrow {
  background: transparent;
  width: 328px;
  height: 1px;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
}
.lyteDropdownUp:not(.lyteDropBodyCallout) .lyteArrow {
  top: unset;
  bottom: -1px;
}
.lyteDropdownUp.lyteDropdownCurve {
  border-radius: var(--dropBdrRadius) var(--dropBdrRadius) var(--dropBdrRadius) 0;
}
lyte-drop-box lyte-input.lyteInput .lyteSearch {
  padding-left: 35px;
}
lyte-drop-box.lyteDropdownUp lyte-input.lyteInput .lyteSearch {
  border-radius: var(--dropBdrRadius) var(--dropBdrRadius) 0 0;
}
lyte-drop-box.lyteDropdownHidden {
  display: none;
  transform: translate(-1000px, -1000px);
}
lyte-drop-footer,
lyte-drop-header {
  display: block;
}
lyte-drop-footer {
  border-top: 1px solid #ddd;
  text-align: center;
}
lyte-drop-body {
  background-color: var(--menuBg);
  padding: var(--menuPaddingTB) var(--menuPaddingLR);
  display: block;
  max-height: 100%;
  overflow-y: auto;
  position: relative;
}
lyte-drop-header lyte-search .searchIcon {
  top: 10px;
  left: 10px;
}
lyte-drop-box .lyteDropdownFooter {
  border-top: 1px solid #ddd;
}
lyte-drop-box .lyteDropdownFooter .lyteDropdownAction {
  padding: 7px 10px;
  font-size: 14px;
}
lyte-drop-label {
  background-color: transparent;
  display: block;
  height: auto;
  padding: 10px 10px 3px;
  text-align: left;
  font-size: 13px;
  font-family: var(--ff-base);
  overflow-wrap: break-word;
}
lyte-drop-label:first-child {
  padding-top: 0;
}
/*lyte-list-box dropbox related css--ENDS     */
.lyteDropdownFiltered {
  display: none!important;
}
#lytedropdownfreezelayer {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.1;
  position: fixed;
  overflow: hidden;
  display: none;
}
.lyteDropdownZIndex {
  z-index: calc(1060000 - 5);
}
/*Dropdown element disabled option -- BEGINS*/
.lyteDropdown-disabled lyte-drop-button {
  background: #f3f3f3;
  color: #999;
  cursor: not-allowed;
}
.lyteDropdownDisabled lyte-drop-button:hover {
  border: 1px solid var(--buttonBrClr);
}
.lyteDropdownDisabled .lyteDummyEventContainer:focus lyte-drop-button:hover,
.lyteDropdownDisabled .lyteDummyEventContainer:focus lyte-drop-button {
  box-shadow: none;
  border: 1px solid var(--buttonBrClr);
}
.lyteDropdownDisabled .lyteMultipleSelect li {
  background: #ebe9e9;
  border: 1px solid #d3d3d3;
  cursor: not-allowed;
}
.lyteDropdownDisabled .lyteCloseIcon {
  pointer-events: none;
}
.lyteDropdownDisabled .lyteMultipleSelect li:hover .lyteCloseIcon {
  background: transparent;
}
lyte-dropdown .lyteDropdown-disabled lyte-icon.dropdown {
  opacity: 0.3;
}
/*Dropdown element disabled option -- ENDS*/
/*  Dropdown item disabled CSS -- BEGINS    */
lyte-drop-item.lyteDropdown-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
/*  Dropdown item disabled CSS -- ENDS    */
.lyteDropPlaceholderNormal {
  margin-right: 20px;
  color: #828282;
}
.lyteMultipleSelect li.lyteDropMark {
  background: #eef5fa;
  border: 1px solid #3ea7fc;
}
.lyteMultipleSelect li.lyteDropMark:hover .lyteCloseIcon {
  background: #daebf7;
}
/*  Callout hook related CSS -- BEGINS    */
/*Dropdown with arrow */
lyte-drop-box .lyteArrowIcon {
  width: 0;
  height: 0;
  border-bottom: 8px solid var(--buttonBgClr);
  position: absolute;
}
lyte-drop-box .lyteArrowTop::after,
lyte-drop-box .lyteArrowTop::before,
lyte-drop-box .lyteArrowBottom::after,
lyte-drop-box .lyteArrowBottom::before,
lyte-drop-box .lyteArrowRight::after,
lyte-drop-box .lyteArrowRight::before,
lyte-drop-box .lyteArrowLeft::after,
lyte-drop-box .lyteArrowLeft::before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 8px solid transparent;
}
/*Arrow Top*/
lyte-drop-box .lyteArrowTop {
  top: 0;
}
lyte-drop-box .lyteArrowTop::after,
lyte-drop-box .lyteArrowTop::before {
  bottom: 0;
  left: 0;
}
lyte-drop-box .lyteArrowTop::after {
  border-bottom-color: var(--buttonBgClr);
  margin-left: -8px;
}
lyte-drop-box .lyteArrowTop::before {
  border-bottom-color: var(--buttonBrClr);
  border-width: 10px;
  margin-left: -10px;
}
/*Arrow bottom*/
lyte-drop-box .lyteArrowBottom {
  bottom: -8px;
  top: unset;
}
lyte-drop-box .lyteArrowBottom::after,
lyte-drop-box .lyteArrowBottom::before {
  top: 0;
  left: 0;
}
lyte-drop-box .lyteArrowBottom::after {
  border-top-color: var(--buttonBgClr);
  margin-left: -8px;
}
lyte-drop-box .lyteArrowBottom::before {
  border-top-color: var(--buttonBrClr);
  border-width: 10px;
  margin-left: -10px;
}
/*Arrow Right*/
lyte-drop-box .lyteArrowRight {
  right: 0;
}
lyte-drop-box .lyteArrowRight::after,
lyte-drop-box .lyteArrowRight::before {
  left: 0;
  top: 0;
}
lyte-drop-box .lyteArrowRight::after {
  border-left-color: var(--buttonBgClr);
  margin-top: -8px;
}
lyte-drop-box .lyteArrowRight::before {
  border-left-color: var(--buttonBrClr);
  border-width: 10px;
  margin-top: -10px;
}
/*Arrow Left*/
lyte-drop-box .lyteArrowLeft {
  left: 0;
}
lyte-drop-box .lyteArrowLeft::after,
lyte-drop-box .lyteArrowLeft::before {
  right: 0;
  top: 0;
}
lyte-drop-box .lyteArrowLeft::after {
  border-right-color: var(--buttonBgClr);
  margin-top: -8px;
}
lyte-drop-box .lyteArrowLeft::before {
  border-right-color: var(--buttonBrClr);
  border-width: 10px;
  margin-top: -10px;
}
/*  Callout hook related CSS -- ENDS    */
lyte-drop-box.lyteAnimate {
  transition: top 0.4s ease;
}
lyte-drop-box.lyteDropBoxAnimate {
  transition-property: top, height;
  overflow: hidden;
}
lyte-drop-box.lyteAnimate lyte-drop-body {
  transition: height 0.4s ease;
  overflow: hidden;
}
.lyteBodyWrapper {
  overflow: hidden;
}
.lyteDropdownFFScroll {
  overflow-y: scroll;
}
.lyteDropdownFFZeroScroll {
  overflow-y: hidden;
}
.lyteDropdownHideGroup {
  display: none;
}
.lyteDropdownWithDeselectIcon lyte-drop-button {
  padding-right: 70px;
}
.lyteDropdownDeselectIcon {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.lyteDropdownDeselectIcon:hover {
  background: #eee;
}
.lyteDropdownDeselectIcon::after {
  content: '';
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -54px -2px;
  width: 8px;
  height: 8px;
  display: inline-block;
}
.lyteDropdownFieldLabel {
  margin-bottom: 10px;
  color: #555;
}
.lyteDropdownHorizontal {
  display: inline-flex;
  align-items: center;
}
.lyteDropdownHorizontal .lyteDropdownFieldLabel {
  margin-bottom: 0;
  margin-right: 10px;
}
@media only screen and (max-device-width: 650px) {
  lyte-drop-body {
    max-height: 70px;
  }
}
/* import theme overrides - styles */
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/dropdown.less file
 */
/*  Dropdown related style ENDS   */
/*lyte-drop-item:hover {
	background: #d7e9ff;
}*/
.lyteDummyEventContainer {
  display: flex;
}
.ui-lt-dropfown-lg lyte-drop-button {
  padding: 9px 25px 9px 10px;
}
lyte-drop-item[selected="true"] {
  background: var(--activeBgClr);
}
lyte-drop-button.lyte-trans-dropdown,
.lyte-trans-dropdown lyte-drop-button {
  padding: 0 25px 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--themeColor) !important;
  text-decoration: underline;
  line-height: normal;
  border: 0 !important;
}
.lyteDummyEventContainer:focus lyte-drop-button.lyte-trans-dropdown,
.lyteDummyEventContainer:focus .lyte-trans-dropdown lyte-drop-button,
.lyteDummyEventContainer:focus lyte-drop-button.lyte-trans-dropdown:hover,
.lyteDummyEventContainer:focus .lyte-trans-dropdown lyte-drop-button:hover {
  border: 0 !important;
}
.lyte-trans-dropdown lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button,
.lyte-trans-dropdown lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:hover {
  border: 0 !important;
}
lyte-dateselect.fs-18 {
  top: -1px;
}
lyte-dateselect.fs-18 lyte-dropdown {
  font-size: 18px;
}
.ui-lp-team-prod-select {
  max-width: 400px;
}
.ui-lp-team-prod-select .lytemenu__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Menu CSS BEGINS  */
lyte-menu-box {
  box-sizing: border-box;
  z-index: 1060000;
  vertical-align: middle;
  width: auto;
  position: absolute;
  top: -9999px;
  left: -9999px;
  outline: none;
  font-family: var(--ff-base);
  box-shadow: 0 0 10px 0 rgba(154, 175, 201, 0.2);
  border-radius: 2px;
}
lyte-menu-body {
  overflow: auto;
  display: block;
  outline: none;
  background: var(--menuBg);
  border: none;
  border-radius: 2px;
  padding: 5px 0;
}
lyte-menu-item {
  position: relative;
  cursor: pointer;
  display: flex;
  white-space: nowrap;
  text-align: left;
  font-size: 14px;
  padding: 5px 15px;
  z-index: 1;
  color: var(--clr-df);
}
.lyteMenuSelection {
  background: var(--menuActiveBg);
}
lyte-menu-label {
  font-size: 14px;
  color: var(--clr-df);
  margin-right: 30px;
  white-space: normal;
  word-break: break-word;
}
lyte-menu-header {
  display: block;
  height: auto;
  color: var(--clr-df);
  font-family: var(--ff-base);
  font-size: 14px;
  text-align: left;
  cursor: default;
  padding: 3px 15px 4px 15px;
}
lyte-menu-description {
  font-size: 14px;
  margin-left: auto;
  opacity: 1;
  color: #425769;
}
lyte-menu-group {
  border-bottom: 1px solid var(--separatorClr);
  display: block;
  padding: 5px 0;
}
lyte-menu-group:first-of-type {
  border-top: 0;
  padding-top: 0;
}
lyte-menu-group:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
lyte-menu-group:last-of-type + lyte-menu-item {
  border-top: 1px solid var(--separatorClr);
}
lyte-menu {
  display: none;
}
.lytemenufreezelayer {
  opacity: 0.1;
  background: var(--menuBg);
  position: fixed;
  z-index: calc(1060000 - 5);
}
.lytemenufreezelayer.top {
  top: 0;
  width: 100%;
}
.lytemenufreezelayer.bottom {
  bottom: 0;
  width: 100%;
}
.lytemenufreezelayer.left {
  left: 0;
}
.lytemenufreezelayer.right {
  right: 0;
  width: 100%;
}
.lytemenufreezelayer.nogroup {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.lyteMenuWrapperDiv {
  overflow: auto;
}
lyte-menu-box .lyteArrow {
  width: 11px;
  height: 11px;
  position: absolute;
  background: var(--menuBg);
  transform: rotate(45deg);
}
lyte-menu-box .lyteArrow::after,
lyte-menu-box .lyteArrow::before {
  content: none;
}
lyte-menu-box .lyteArrow.lyteArrowTop {
  box-shadow: -1px -1px 0 0 var(--menuBrClr);
  top: -4px;
}
lyte-menu-box .lyteArrow.lyteArrowBottom {
  box-shadow: 1px 1px 0 0 var(--menuBrClr);
  bottom: -4px;
}
lyte-menu-box .lyteArrow.lyteArrowLeft {
  box-shadow: -1px 1px 0 0 var(--menuBrClr);
  left: -4px;
}
lyte-menu-box .lyteArrow.lyteArrowRight {
  box-shadow: 1px -1px 0 0 var(--menuBrClr);
  right: -4px;
  left: unset;
}
.lyteMenuHidden {
  display: none !important;
}
lyte-menu-box.lyteAnimate {
  transition: top 0.4s ease;
}
lyte-menu-box.lyteAnimate lyte-menu-body {
  transition: height 0.4s ease;
  overflow: hidden;
}
.lyteHoverMenu lyte-menu-body::before {
  content: '';
  position: absolute;
}
.lyteHoverMenu.topPlace lyte-menu-body::before,
.lyteHoverMenu.bottomPlace lyte-menu-body::before {
  height: 10px;
  left: 0;
  right: 0;
}
.lyteHoverMenu.leftPlace lyte-menu-body::before,
.lyteHoverMenu.rightPlace lyte-menu-body::before {
  width: 10px;
  top: 0;
  bottom: 0;
}
.lyteHoverMenu.bottomPlace lyte-menu-body::before {
  top: -10px;
}
.lyteHoverMenu.topPlace lyte-menu-body::before {
  bottom: -10px;
}
.lyteHoverMenu.leftPlace lyte-menu-body::before {
  right: -10px;
}
.lyteHoverMenu.rightPlace lyte-menu-body::before {
  left: -10px;
}
.lyteBodyWrapper {
  overflow: hidden;
}
.lyteMenuItemDisabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.lyteMenuAccordionContainer {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.lyteMenuAccordionItem {
  transition: height 0.5s linear;
  overflow: hidden;
}
.lyteMenuAccordionItem lyte-menu-item {
  padding-left: 25px;
}
.lyteMenuAccordionClosed .lyteMenuAccordionItem {
  height: 0;
}
.lyteMenuAccordionContainer.lyteMenuSelection {
  background: transparent;
}
.lyteMenuAccordionContainer > lyte-menu-label {
  padding: 5px 15px;
  margin-right: 0;
  position: relative;
}
.lyteMenuAccordionContainer.lyteMenuSelection > lyte-menu-label {
  background: #ebebeb;
}
.lyteMenuAccordionContainer > lyte-menu-label::after {
  content: '';
  display: inline-block;
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -1px -2px;
  width: 8px;
  height: 4px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(360deg);
  transition: transform 0.3s ease;
}
.lyteMenuAccordionOpened.lyteMenuAccordionContainer > lyte-menu-label::after {
  transform: translate(0%, -50%) rotate(180deg);
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/menu.less file
 */
/* Menu CSS ENDS  */
/*lyte-menu-box lyte-menu-body.ui-createnew-dropdown-menu lyte-menu-item.ui-create-automation{
	background: #3A3B93;
    color: #fff!important;
    margin: 5px 15px;
    border-radius: 6px;
	font-family: lato-bold;
}
lyte-menu-box lyte-menu-body.ui-createnew-dropdown-menu{ 
    width: 250px;
    overflow: hidden;
}
lyte-menu-box lyte-menu-body.ui-createnew-dropdown-menu lyte-menu-item{
    font-family: lato-regular;
}
	
lyte-menu-box lyte-menu-body lyte-menu-item lyte-menu-label.ui-create-menu-list-txt{
	margin-left: 30px;  	
}
.ui-ddown-menu-withouticon lyte-menu-item.lytemenu-withouticon-selection lyte-menu-label::before {
    content: '';
    background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
    background-position: -33px -15px;
    width: 9px;
    height: 7px;
    position: absolute;
    left: 10px;
    top: 18px;
}
.subMenuPresent::after {
    content: '';
    background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
    width: 12px;
    height: 8px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 5px);
    right: 10px;
    transform: rotate(-90deg);
    opacity: 0.6;
}*/
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* modal Styles BEGINS */
.lyteModal {
  background: var(--dialogBg);
  box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 10;
  opacity: 0;
  box-sizing: border-box;
  font-family: var(--ff-base);
  border-radius: var(--modalBdrRadius);
  border: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.bodyWrapper {
  overflow: hidden;
}
.modalWrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  position: fixed;
  overflow: auto;
}
.modalWrapper.noFreeze {
  pointer-events: none;
}
.modalWrapper.noFreeze .lyteModal {
  pointer-events: auto;
}
lyte-modal-header {
  box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.1);
  background: var(--dialogHeaderBg);
  line-height: 1.3;
  min-height: 30px;
  border: 0 solid var(--themeColor);
  border-width: 0 0 0 5px;
  box-sizing: border-box;
  position: relative;
  font-weight: 900;
  text-transform: var(--modalHeadTxtTrans);
  font-size: var(--modalHeadFontSize);
  color: var(--clr-df);
  font-family: var(--ff-base);
  padding: var(--modalHeadPad);
  overflow-wrap: break-word;
}
lyte-modal-content {
  border: 0 solid var(--dialogBrLeftClr);
  overflow: auto;
  border-width: 0 0 0 5px;
  padding: 15px 25px 20px;
  box-sizing: border-box;
  font-size: 13px;
  color: var(--clr-df);
}
lyte-modal-footer {
  border: 0 solid var(--dialogBrLeftClr);
  border-width: 0 0 0 5px;
  background: transparent;
  text-align: right;
  box-sizing: border-box;
  font-size: 13px;
  padding: 0 25px 25px 25px;
}
lyte-modal-header,
lyte-modal-content,
lyte-modal-footer {
  display: block;
  box-sizing: border-box;
}
.modalWrapper.scrollable {
  overflow: hidden;
}
.modalWrapper.scrollable lyte-modal-content {
  overflow: auto;
}
.lyteModalHidden lyte-modal-freeze {
  pointer-events: none;
  opacity: 0;
}
lyte-modal-freeze {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: var(--dialogOverlayBg);
  display: block;
  opacity: 1;
  transition: opacity ease 0.15s;
  transform: translate3d(0, 0, 0);
}
.lyteModalClose {
  background-image: none;
  background-position: -52px 0px;
  width: 13px;
  height: 13px;
  opacity: 1;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-block;
  transform: scale(1.3);
  z-index: 5;
  outline: none;
}
.lyteModalClose:hover {
  opacity: 1;
}
lyte-modal-footer.left {
  text-align: left;
}
lyte-modal-footer.center {
  text-align: center;
}
lyte-modal-footer.right {
  text-align: right;
}
lyte-modal-footer lyte-button {
  margin-left: 0;
}
lyte-modal-footer lyte-button:first-child {
  margin-left: 0;
}
.lyteModalFromLeft,
.lyteModalFromRight,
.lyteModalFromTop,
.lyteModalFromBottom,
.lyteModalFadeIn {
  opacity: 1;
}
.lyteModalHeaderDraggable {
  cursor: move;
  touch-action: none;
}
.lyteModal.lyteZoom {
  transform-origin: center;
}
.lyteModal.lyteModalFromRight {
  left: 100%;
}
.lyteModalYieldWithPadding {
  display: flex;
  flex-direction: column;
  max-height: inherit;
  height: inherit;
  padding: var(--lyte-modal-yield-padding);
  box-sizing: border-box;
}
.lyteModalDisplayNone {
  display: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/modal.less file
 */
/* modal Styles ENDS */
.lyteModalClose,
.lytePopoverClose {
  background-color: var(--dialogCloseSvgClr);
  mask: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16" width="100%" height="100%"><rect x="1.5" y="7.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.3137 8)" class="st0" width="13" height="1.1"></rect><rect x="1.5" y="7.4" transform="matrix(0.7071 0.7071 -0.7071 0.7071 8 -3.3137)" class="st0" width="13" height="1.1"></rect></svg>');
}
.ui-chat-members-search lyte-dropdown lyte-drop-button .lyteCloseIcon {
  background-image: none;
}
.ui-lyte-dialog fieldset {
  border: 1px solid var(--btnGradLight);
}
.ui-lyte-dialog legend {
  padding: 0 5px 0 3px;
  margin: 0;
  font-size: 13px;
  border-bottom: 0 solid;
  width: auto;
  text-transform: uppercase;
  color: var(--placeHolderClr);
  font-weight: 600;
}
.ui-date-format-adj-width .lyteModal {
  width: 700px !important;
}
.ui-lyte-dialog .ui-input-wd-full {
  padding: 3px 30px 3px 10px;
  height: 28px;
}
.ui-lyte-dialog .ui-insert-img-clear {
  right: 10px;
  top: 5px;
  font-size: 12px;
}
.ui-mailmerge-dialog-container lyte-modal-content {
  padding-left: 0;
  padding-right: 0;
}
.ui-zsign-func-dlg lyte-modal-content {
  padding: 20px 20px 25px 0;
  min-height: 611px;
  height: auto !important;
}
.ui-lyte-plain-tab lyte-tab-head {
  border-bottom: 1px solid var(--border-clr-sec);
  margin: 0 9px 0 15px;
  width: auto;
}
.ui-zw-extn-dialog lyte-modal-content {
  background: var(--ziaPanelBg);
  padding-bottom: 0;
}
.ui-zw-extn-dialog lyte-modal-footer {
  padding-top: 25px;
  box-shadow: 0px 1px 1px 0px var(--border-clr-sec);
  box-sizing: border-box;
}
.ui-publish-advanced-settings-dlg lyte-modal-content {
  height: 340px;
}
.ui-email-exceed-dlg lyte-modal-content {
  padding: 44px 30px 40px 30px;
  border-width: 0;
}
.ui-mmhistory lyte-modal-content {
  padding-left: 0;
}
.ui-dlg-with-cont-no-pad lyte-modal-content {
  padding: 0;
}
.ui-carousel-modal .lyteModal {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  min-width: 400px;
}
.ui-carousel-modal lyte-modal-content {
  border: 0;
  overflow: visible !important;
  background: var(--mainTopBandBg);
  height: 530px;
}
.ui-carousel-modal lyte-carousel {
  padding: 0;
  /*min-height: 400px;*/
}
.ui-carousel-modal .lyteCarouselWrapper,
.ui-carousel-modal .lyteCarouselWrapper lyte-yield {
  padding: 0;
  overflow: visible;
}
.ui-carousel-modal lyte-carousel-item {
  text-align: left;
  position: static;
}
.ui-carousel-modal lyte-carousel-next,
.ui-carousel-modal lyte-carousel-prev {
  width: 120px;
  height: 100%;
  border-radius: 0;
  top: 0;
  background: transparent;
  border: 0;
}
.ui-carousel-modal lyte-carousel-next:before,
.ui-carousel-modal lyte-carousel-prev:before {
  content: '\2329';
  font-size: 80px;
  width: auto;
  height: auto;
  color: var(--clr-disable-df);
  text-indent: -60px;
}
.ui-carousel-modal lyte-carousel-next:hover,
.ui-carousel-modal lyte-carousel-prev:hover {
  background: transparent;
}
.ui-carousel-modal lyte-carousel-next:hover:before,
.ui-carousel-modal lyte-carousel-prev:hover:before {
  color: var(--body-bg);
}
.ui-carousel-modal lyte-carousel-prev {
  left: -147px;
}
.ui-carousel-modal lyte-carousel-next {
  right: -147px;
}
.lyteBannerModal .lyteModal {
  --dialogBg: transparent;
  box-shadow: none;
}
.lyteBannerModal lyte-modal-content {
  margin-top: 9px;
  border: 0;
  padding: 0;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-TABS CSS BEGINS */
lyte-tabs {
  display: block;
  background: var(--buttonBgClr);
  position: relative;
  width: 100%;
  font-family: var(--ff-base);
}
lyte-tab-head {
  display: flex;
  border: none;
  box-sizing: border-box;
}
lyte-tab-title {
  position: relative;
  font-weight: 600;
  display: inline-block;
  font-size: 16px;
  color: var(--clr-df);
  padding: 10px 5px 5px;
  margin: 0 10px;
  cursor: pointer;
  box-sizing: border-box;
  background: var(--buttonBgClr);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
lyte-tab-title span {
  display: inline-block;
  vertical-align: middle;
}
lyte-tab-title:hover {
  color: var(--clr-df);
}
lyte-tab-title.lyteTabActive,
lyte-tab-title.lyteTabActive:hover {
  color: var(--themeColor);
  font-weight: normal;
}
lyte-tab-body {
  display: block;
  border: none;
  padding: 20px;
  font-size: 14px;
  text-align: left;
  overflow: auto;
  box-sizing: border-box;
}
lyte-tab-content {
  color: var(--clr-df);
}
.lyteTabShow {
  display: block;
  flex-grow: 1;
}
.lyteTabTitleHide,
.lyteTabHide {
  display: none;
}
/*  Tab top starts */
.lyteTabDefaultTop lyte-tab-body {
  border-top: 0;
}
.lyteTabDefaultTop lyte-tab-head {
  border-bottom-color: var(--themeColor);
}
.lyteTabDefaultTop lyte-tab-title {
  margin-bottom: -1px;
  border-bottom: 1px solid var(--themeColor);
}
.lyteTabDefaultTop lyte-tab-title.lyteTabActive {
  border-bottom: 0;
}
.lyteTabDefaultTop lyte-tab-title.lyteTabActive:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: var(--themeColor);
  border-radius: 8px;
}
.lyteTabDefaultTop lyte-tab-title:hover {
  border-bottom-color: var(--themeColor);
}
.lyteTabDefaultTop lyte-tab-title.lyteTabActive:hover {
  border-bottom-color: var(--themeColor);
}
/*  Tab top ends */
/*  Tab bottom starts */
.lyteTabDefaultBottom lyte-yield {
  display: flex;
  flex-direction: column;
}
.lyteTabDefaultBottom lyte-tab-head {
  order: 2;
  border-top-color: var(--themeColor);
}
.lyteTabDefaultBottom lyte-tab-body {
  order: 1;
  border-bottom: 0;
}
.lyteTabDefaultBottom lyte-tab-title {
  border-top: 1px solid var(--themeColor);
  margin-top: -1px;
}
.lyteTabDefaultBottom lyte-tab-title.lyteTabActive {
  border-top: 1px solid var(--themeColor);
}
.lyteTabDefaultBottom lyte-tab-title:hover {
  border-top-color: var(--themeColor);
}
.lyteTabDefaultBottom lyte-tab-title.lyteTabActive:hover {
  border-top-color: var(--themeColor);
}
/*  Tab bottom ends */
/*  Tab left and right starts */
.lyteTabDefaultLeft lyte-yield {
  display: flex;
}
.lyteTabDefaultLeft lyte-tab-head,
.lyteTabDefaultRight lyte-tab-head {
  flex-direction: column;
  flex-grow: 1;
  padding: 20px;
  width: 240px;
  text-align: left;
  overflow: auto;
}
.lyteTabDefaultLeft lyte-tab-head {
  border-right: 0;
}
.lyteTabDefaultLeft lyte-tab-body,
.lyteTabDefaultRight lyte-tab-body {
  overflow-y: auto;
  flex-grow: 10;
  width: calc(100% - 260px);
  padding-top: 20px;
}
.lyteTabDefaultLeft lyte-tab-title.lyteTabActive,
.lyteTabDefaultLeft lyte-tab-title.lyteTabActive:hover,
.lyteTabDefaultRight lyte-tab-title.lyteTabActive,
.lyteTabDefaultRight lyte-tab-title.lyteTabActive:hover {
  border-left: none;
  background: rgba(65, 144, 242, 0.1);
  position: relative;
  z-index: 10;
}
.lyteTabDefaultRight lyte-yield {
  display: flex;
  flex-direction: row-reverse;
}
.lyteTabDefaultRight lyte-tab-head {
  border-left: 0;
}
.lyteTabDefaultLeft lyte-tab-title,
.lyteTabDefaultRight lyte-tab-title {
  margin: 0;
  padding: 10px 15px;
  overflow: visible;
}
.lyteTabDefaultLeft lyte-tab-title:hover,
.lyteTabDefaultRight lyte-tab-title:hover {
  background: #fafafa;
}
/*  Tab left and right ends */
.lyteTabCloseIcon {
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -54px -2px;
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.lyteTabAlignStart {
  justify-content: flex-start;
}
.lyteTabAlignCenter {
  justify-content: center;
}
.lyteTabAlignEnd {
  justify-content: flex-end;
}
.lyteTabOverflowV lyte-tab-title {
  overflow: visible;
}
.lyteTabForceHide {
  display: none;
}
#moreMenu {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  padding: 10px;
}
#moreMenu.lyteMenuSelected,
#moreMenu:hover {
  opacity: 1;
}
#moreMenu span {
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -294px -165px;
  width: 17px;
  height: 5px;
}
.lyteTabRightCollapse {
  flex-flow: row-reverse;
  justify-content: flex-start;
}
.lyteTabVH lyte-tab-title,
.lyteTabVH .lyteMenuSelected {
  visibility: hidden;
}
lyte-tab-title.lyteTabDisable {
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
}
/*  Lyte Nested Tabs CSS Begins */
.lyteNestedTab .lyteTabDefaultTop > lyte-yield {
  display: block;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head {
  border-bottom: 1px solid #DDE2E9 !important;
  flex-direction: row;
  padding: 0;
  width: auto;
  border: none;
  overflow: visible;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title {
  margin: 0 10px;
  padding: 11px 10px;
  overflow: hidden;
  margin-bottom: -1px;
  border: 0;
  border-bottom: 1px solid var(--themeColor);
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title:hover {
  margin-left: 10px;
  background: var(--buttonBgClr);
  border: 0;
  border-bottom: 1px solid var(--themeColor);
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border: 0;
  border-bottom: 0px;
  background: transparent;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-body {
  height: auto !important;
  width: auto;
  padding: 30px;
  border: 0px;
  border-top: 0;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield {
  flex-direction: column;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head {
  flex-direction: row;
  padding: 0;
  width: auto;
  border: 1px solid #DDE2E9;
  overflow: visible;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head lyte-tab-title {
  margin: 0 10px;
  padding: 10px 5px;
  overflow: hidden;
  margin-top: -1px;
  border: 0;
  border-top: 1px solid var(--themeColor);
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head lyte-tab-title:hover {
  background: var(--buttonBgClr);
  border: 0;
  border-top: 1px solid var(--themeColor);
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border: 0;
  border-top: 1px solid var(--themeColor);
  background: var(--buttonBgClr);
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-body {
  width: auto;
  padding: 15px;
  border: 1px solid #DDE2E9;
  border-bottom: 0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield {
  flex-direction: row;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-head {
  order: 0;
  border: 1px solid #DDE2E9;
  border-right: 0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-head lyte-tab-title {
  border: 0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border-bottom: 0;
  border-left: 1px solid var(--themeColor);
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-body {
  border: 1px solid #DDE2E9;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield {
  flex-direction: row-reverse;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-head {
  border: 1px solid #DDE2E9;
  border-left: 0;
  order: 0;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-head lyte-tab-title {
  border: 0;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border: 0;
  border-left: 1px solid var(--themeColor);
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-body {
  border: 1px solid #DDE2E9;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* LYTE-TABS CSS ENDS   */
.lyteNestedTab .lyteTabDefaultTop > lyte-yield {
  box-shadow: 0 0 10px 0 rgba(154, 175, 201, 0.2);
}
lyte-tab-title {
  overflow: visible;
}
lyte-tab-title.lyteTabActive,
lyte-tab-title.lyteTabActive:hover {
  font-weight: 600;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-body {
  min-height: 250px;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #4190f2;
  border-radius: 2px;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyteHovercardPopover.popoverWrapper {
  z-index: 1080;
}
.lyteHovercardPopover .lytePopover {
  background: #222;
  color: #fff;
  border-radius: 2px;
  border: 1px solid transparent;
}
.lyteHovercardPopover .lytePopoverArrowIcon {
  background: #222;
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowTop {
  box-shadow: -1px -1px 0 0 #222;
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowBottom {
  box-shadow: 1px 1px 0 0 #222;
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowRight {
  box-shadow: 1px -1px 0 0 #222;
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowLeft {
  box-shadow: -1px 1px 0 0 #222;
}
.lyteHovercardWithMaxHeight {
  overflow: auto;
}
lyte-hovercard-content {
  padding: 10px;
  display: block;
  max-width: 500px;
  overflow-wrap: break-word;
}
.lyteHovercardPopover.lytePopTopToOrig .lytePopover::before,
.lyteHovercardPopover.lytePopBottomToOrig .lytePopover::before {
  content: '';
  width: 100%;
  height: 10px;
  background: transparent;
  position: absolute;
}
.lyteHovercardPopover.lytePopBottomToOrig .lytePopover::before {
  top: -10px;
}
.lyteHovercardPopover.lytePopTopToOrig .lytePopover::before {
  bottom: -10px;
}
.lyteHovercardPopover.lytePopLeftToOrig .lytePopover::before,
.lyteHovercardPopover.lytePopRightToOrig .lytePopover::before {
  content: '';
  height: 100%;
  width: 10px;
  background: transparent;
  position: absolute;
}
.lyteHovercardPopover.lytePopRightToOrig .lytePopover::before {
  left: -10px;
}
.lyteHovercardPopover.lytePopLeftToOrig .lytePopover::before {
  right: -10px;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/*  Popover related CSS BEGINS  */
.bodyWrapper {
  overflow: hidden;
}
.popoverWrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  position: fixed;
}
.popoverWrapper.noFreeze {
  pointer-events: none;
}
.lytePopover {
  background: var(--menuBg);
  border: 1px solid var(--menuBrClr);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: calc(1040 + 10);
  opacity: 0;
  border-radius: 3px;
  transition: opacity ease 0.4s;
  box-sizing: border-box;
  font-family: var(--ff-base);
  top: -9999px;
  left: -9999px;
}
.popoverWrapper.noFreeze .lytePopover {
  pointer-events: auto;
}
.lytePopover.lyteZoom {
  transition: transform 0.4s ease, opacity 0.4s ease;
  transform: scale(0);
}
.popoverWrapper.scrollable {
  overflow: hidden;
}
.popoverWrapper.scrollable .lytePopoverContent {
  overflow: auto;
}
.popoverWrapper.scrollable .lytePopover {
  max-height: 100%;
}
lyte-popover-header {
  padding: 15px 30px;
  font-family: var(--ff-base);
  font-size: 16px;
  color: var(--clr-df);
}
lyte-popover-header,
lyte-popover-content,
lyte-popover-footer {
  display: block;
  box-sizing: border-box;
}
lyte-popover-content {
  padding: 10px;
}
lyte-popover-footer {
  padding: 15px 30px;
}
lyte-popover-freeze {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  height: auto;
  background: #000;
  display: block;
  opacity: 0.4;
  transition: opacity ease 0.15s;
  transform: translate3d(0, 0, 0);
}
.lytePopoverClose {
  background-image: none;
  background-position: -52px 0px;
  width: 13px;
  height: 13px;
  opacity: 0.5;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 14px;
  display: block;
  transform: scale(1.3);
  z-index: 5;
}
.lytePopoverClose:hover {
  opacity: 1;
}
lyte-popover-footer.left {
  text-align: left;
}
lyte-popover-footer.center {
  text-align: center;
}
lyte-popover-footer.right {
  text-align: right;
}
lyte-popover-footer lyte-button {
  margin-left: 7px;
}
lyte-popover-footer lyte-button:first-child {
  margin-left: 0;
}
.lytePopoverArrowIcon {
  width: 11px;
  height: 11px;
  position: absolute;
  background: var(--menuBg);
  transform: rotate(45deg);
  display: block;
}
.lytePopoverArrowIcon.lytePopoverArrowTop {
  box-shadow: -1px -1px 0 0 var(--menuBrClr);
  top: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowBottom {
  box-shadow: 1px 1px 0 0 var(--menuBrClr);
  bottom: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowRight {
  box-shadow: 1px -1px 0 0 var(--menuBrClr);
  right: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowLeft {
  box-shadow: -1px 1px 0 0 var(--menuBrClr);
  left: -5px;
}
.lytePopoverHeaderDraggable {
  cursor: move;
  touch-action: none;
}
.lyteStopBodyScrolling {
  overflow: hidden;
}
.lytePopoverVisible {
  opacity: 1;
}
.lytePopoverDispNone {
  display: none;
}
.lytePopoverVisibilityHidden {
  visibility: hidden;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/*  Popover related CSS ENDS  */
/* USER PROFILE CSS START*/
:root svg {
  --lineicon-color: #677788;
  --mydocbandicon-color: #7476A2;
}
:root svg:hover {
  --lineicon-color: #3F52E3;
  --mydocbandicon-color: #3F52E3;
}
.ui-accounts-info-vpanel-div .ui-login-info-links svg {
  --lineicon-color: #2C2C4D;
}
.ui-accounts-info-vpanel-div .ui-login-info-links:hover svg {
  --lineicon-color: #4285F4;
}
.ui-userprof-device-cont {
  border-top: 1px solid #ededf1;
  padding: 0 20px;
  margin-top: 10px;
  color: #2c2c4d;
}
.ui-userprofile-parentdiv {
  box-shadow: -2px 6px 16px 0 rgba(0, 0, 0, 0.07);
  width: 350px;
  height: 100% !important;
  background: #fff;
  position: fixed !important;
  right: -1px !important;
  top: 0px !important;
  left: auto !important;
  z-index: 11111;
  overflow-y: auto;
}
.lytePopoverArrowTop:before {
  border-bottom-color: #383a4c;
}
.lytePopoverArrowTop:after {
  border-bottom-color: #383a4c;
}
/*.ui-user-profile-vpanel-div {
	padding: 15px 20px 15px 20px;
    background: #FFF;
    text-align: center;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ededf1;
    box-shadow: inset -5px 8px 21px -6px #ecececcf;
}*/
.ui-login-info {
  width: 100%;
}
.ui-user-thumbnail {
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 1px solid #f9f9f9;
  border-radius: 60px;
}
.ui-login-info div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2c2c4d;
}
.ui-login-info .ui-login-name {
  font-size: 18px;
  line-height: 22px;
  font-family: 'Lato-semibold', sans-serif;
}
.ui-login-info .ui-login-mail {
  font-size: 13px;
  margin: 5px 0 0 0;
  line-height: 16px;
}
/*.ui-login-info-links {
	padding: 15px 10px 12px 10px;
    line-height: 14px;
    background: #fff;
    border-left: 2px solid #fff;
    cursor: pointer;
    font-size: 15px;
    font-family: Lato-regular;
    font-style: normal;
    font-weight: 400;
    transition: color 0.2s ease-in;
    color: #8A8A99;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}
.ui-login-info-links:hover {
	border-left: 2px solid #4285F4;
    background-color: rgba(65, 144, 242, 0.1);
    text-decoration: none;
}
.ui-login-info-links:hover a {
	color: #4190f2;
}

.ui-login-info-links a {
	color: #2c2c4d;
    margin-top: 2px;
    margin-left: 3px;
}
.ui-login-info-links a:hover {
	text-decoration: none;
	color: #4190f2;
}*/
.ui-feature-articals-div {
  border-bottom: 1px solid #fff;
}
.ui-pending-invitation-number {
  line-height: 20px;
  background-color: #FFA200;
  display: inline-block;
  color: #FFF;
  cursor: pointer;
  border-radius: 80px;
  color: #fff;
  text-align: center;
  line-height: 0.6;
  z-index: 9;
  padding: 5px;
  font-size: 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 2px;
  margin-left: 3px;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: wnRipple 1.7s infinite;
}
/* USER PROFILE CSS END*/
/* NOTIFICATION PANEL CSS START*/
.ui-zo-notification-parentdiv {
  float: left;
  width: 400px;
  position: fixed;
  right: 0;
  top: 0;
  background: #f8f8fb;
  box-shadow: -5px 0 14px 0 rgba(227, 228, 235, 0.6);
  z-index: 11111;
  height: 100%;
}
.ui-zo-notification-head-txt {
  color: #2C2C4D;
  font-family: Lato-regular;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  padding: 19px 20px;
  border-bottom: 0px solid #E1E1EC;
  /* box-shadow: inset -6px 12px 18px -6px #f6f6f8; */
  box-shadow: inset -5px 8px 21px -6px #ecececcf;
}
.ui-zo-notification-listitem {
  float: left;
  width: 100%;
}
.ui-zo-notification-listitem a {
  float: left;
  width: 100%;
  padding: 10px;
  background-color: #FFF;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #fff;
  box-shadow: 0 2px 6px 0 rgba(227, 228, 235, 0.85);
  margin-bottom: 10px;
}
.ui-zo-notification-listitem a:hover {
  box-shadow: 0 7px 25px 0 rgba(44, 44, 77, 0.14);
  text-decoration: none;
}
.ui-zo-notification-listing-div {
  float: left;
  width: 100%;
  padding: 10px 15px;
}
.ui-zo-notification-listing-div .ui-zo-notification-listitem a img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  border-radius: 30px;
  border: 0px solid #888;
}
.ui-zo-notification-listitem p {
  width: 36px;
  height: 36px;
  margin-top: 7px;
}
.ui-zo-notification-listitem-txt {
  color: #2E2B4F;
  font-family: Lato-regular;
  font-size: 13px;
  line-height: 18px;
}
.ui-zo-notification-heading-txt {
  width: 100%;
  border-bottom: 1px solid #f2f3f6;
  padding-bottom: 5PX;
}
.ui-zo-notification-heading-txt {
  color: #2C2C4D;
  font-family: Lato-bold;
  font-size: 12px;
  /* font-weight: bold; */
  line-height: 15px;
  padding: 0px 9px 5px;
}
.ui-zo-notification-listitem-txt span {
  color: #8A8A99;
  font-size: 13px;
  font-family: Lato-light;
}
.ui-zo-notification-time {
  color: #8A8A99;
  font-family: Lato-light;
  font-size: 11px;
  line-height: 16px;
}
.ui-gs-notification-teamlisting-joinbtn {
  background: #fff;
  cursor: pointer;
  font-size: 10px;
  text-align: center;
  color: #3F52E3;
  padding: 3px 10px 5px;
  border: 0.5px solid #3F52E3;
  border-radius: 20px;
  /* box-shadow: 0 5px 20px 0 rgba(63,82,227,0.27); */
}
.ui-gs-notification-teamlisting-joinbtn:hover {
  border: 0.5px solid #3F52E3;
  color: #fff;
  background-color: #3F52E3;
  box-shadow: 0 5px 20px 0 rgba(63, 82, 227, 0.27);
}
.ui-gs-notification-teamlisting-joinbtn:active {
  border: 0.5px solid #3F52E3;
  color: #fff;
  background-color: #3F52E3;
  box-shadow: 0 5px 20px 0 rgba(63, 82, 227, 0.27);
}
.ui-gs-notification-teamlisting-joinbtn:focus {
  outline: none;
  border: 0.5px solid #3F52E3;
  color: #fff;
  background-color: #3F52E3;
  box-shadow: 0 5px 20px 0 rgba(63, 82, 227, 0.27);
}
.ui-gs-notification-teamlisting-declinebtn {
  color: #d15050;
  border: 0.5px solid #d15050;
}
.ui-gs-notification-teamlisting-declinebtn:hover {
  border: 0.5px solid #d15050;
  color: #fff;
  background-color: #d15050;
  box-shadow: 0 5px 20px 0 rgba(85, 86, 116, 0.27);
}
.ui-gs-notification-teamlisting-declinebtn:active {
  border: 0.5px solid #d15050;
  color: #fff;
  background-color: #d15050;
  box-shadow: 0 5px 20px 0 rgba(85, 86, 116, 0.27);
}
.ui-gs-notification-teamlisting-declinebtn:focus {
  border: 0.5px solid #d15050;
  background-color: #d15050;
  box-shadow: 0 5px 20px 0 rgba(85, 86, 116, 0.27);
}
.ui-notification-teamname-list {
  color: #3a3d8e;
  font-family: Lato-regular;
  font-size: 13px;
  line-height: 18px;
  background-color: #eceffe;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 2px;
}
.ui-notification-datewise-orderpart {
  margin-top: 10px;
  float: left;
  width: 100%;
}
.ui-notification-datewise-orderpart div {
  text-align: center;
}
.ui-notification-datewise-orderpart div span {
  background: #f8f8fb;
  padding: 0px 10px;
  color: #A7A7BA;
  font-size: 12px;
  font-family: lato-semibold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-notification-datewise-orderpart-line {
  border-bottom: 1px solid #e9e9f5;
  margin-top: -8px;
  width: 60%;
  margin-left: 20%;
  margin-bottom: 15px;
}
/* NOTIFICATION PANEL CSS END*/
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
.lyteTooltip {
  font-family: var(--ff-base);
  font-size: 13px;
  padding: 6px 10px;
  position: absolute;
  background: #222;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  z-index: 1080;
  white-space: pre-wrap;
  left: -9999px;
  top: -9999px;
}
.lyteTooltip.lyteTooltipHidden {
  display: none !important;
}
.lyteTooltip.lyteTooltipCallout .lyteTooltipInnerSpan,
.lyteTooltip.lyteTooltipCallout::before {
  content: "";
  position: absolute;
  width: 8px !important;
  height: 8px !important;
  background: inherit;
  transform: rotate(45deg);
  z-index: -1;
}
.lyteTooltip.lyteTooltipCallout .lyteTooltipInnerSpan {
  transform: translateX(-5px) rotate(45deg);
}
.lyteTooltip.lyteRight .lyteTooltipInnerSpan,
.lyteTooltip.lyteRight::before {
  left: -3px;
  top: calc(50% - 5px);
}
.lyteTooltip.lyteLeft .lyteTooltipInnerSpan,
.lyteTooltip.lyteLeft::before {
  right: -3px;
  top: calc(50% - 5px);
}
.lyteTooltip.lyteBottom .lyteTooltipInnerSpan,
.lyteTooltip.lyteBottom::before {
  left: calc(50% - 5px);
  top: -3px;
}
.lyteTooltip.lyteTop .lyteTooltipInnerSpan,
.lyteTooltip.lyteTop::before {
  left: calc(50% - 5px);
  bottom: -3px;
}
.lyteTooltip.lyteTopright .lyteTooltipInnerSpan,
.lyteTooltip.lyteTopright::before {
  left: 20%;
  bottom: -3px;
}
.lyteTooltip.lyteTopleft .lyteTooltipInnerSpan,
.lyteTooltip.lyteTopleft::before {
  bottom: -3px;
  left: 80%;
}
.lyteTooltip.lyteBottomright .lyteTooltipInnerSpan,
.lyteTooltip.lyteBottomright::before {
  top: -3px;
  left: 20%;
}
.lyteTooltip.lyteBottomleft .lyteTooltipInnerSpan,
.lyteTooltip.lyteBottomleft::before {
  top: -3px;
  left: 80%;
}
.lyteTooltip.lyteInnerToolAdded::before {
  content: none;
}
.lyteTooltip.whiteBg {
  background: var(--buttonBgClr);
  border: 1px solid #c1c1c1;
  color: var(--clr-df);
}
.lyteTooltip.whiteBg::before {
  background: var(--buttonBgClr);
}
.lyteTooltip.whiteBg.lyteRight::before {
  box-shadow: -1px 1px 0 0 #c1c1c1;
  left: -4px;
  top: calc(50% - 4px);
}
.lyteTooltip.whiteBg.lyteLeft::before {
  box-shadow: 1px -1px 0 0 #c1c1c1;
  right: -4px;
  top: calc(50% - 4px);
}
.lyteTooltip.whiteBg.lyteBottom::before {
  box-shadow: -1px -1px 0 0 #c1c1c1;
  left: calc(50% - 4px);
  top: -4px;
}
.lyteTooltip.whiteBg.lyteTop::before {
  box-shadow: 1px 1px 0 0 #c1c1c1;
  left: calc(50% - 4px);
  bottom: -4px;
}
.lyteTooltip.whiteBg.lyteTopright::before {
  box-shadow: 1px 1px 0 0 #c1c1c1;
  left: 20%;
  bottom: -4px;
}
.lyteTooltip.whiteBg.lyteTopleft::before {
  box-shadow: 1px 1px 0 0 #c1c1c1;
  bottom: -4px;
  left: 80%;
}
.lyteTooltip.whiteBg.lyteBottomright::before {
  box-shadow: -1px -1px 0 0 #c1c1c1;
  top: -4px;
  left: 20%;
}
.lyteTooltip.whiteBg.lyteBottomleft::before {
  box-shadow: -1px -1px 0 0 #c1c1c1;
  top: -4px;
  left: 80%;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/tooltip.less file
 */
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Radiobutton CSS BEGINS */
lyte-radiobutton {
  color: var(--clr-df);
  font-family: var(--ff-base);
  font-size: 14px;
  display: inline-block;
  position: relative;
}
lyte-radiobutton label {
  cursor: pointer;
}
lyte-radiobutton.lyteRadioDisabled label {
  cursor: not-allowed;
}
lyte-radiobutton input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.lyteRadioLayer {
  width: 14px;
  height: 14px;
  border: 1px solid var(--checkBoxBrClr);
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  background: var(--buttonBgClr);
  position: relative;
}
.lyteRadioLayer .lyteRadioCheck {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
  background: var(--themeColor);
  transform: scale(0);
  transition: transform 0.2s ease;
}
.lyteRadioDisabled input[type="radio"]:checked + .lyteRadioLayer,
lyte-radiobutton label:hover .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:active + .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:checked + .lyteRadioLayer {
  border: 1px solid var(--themeColor);
}
lyte-radiobutton input[type="radio"]:focus + .lyteRadioLayer {
  box-shadow: none;
}
lyte-radiobutton input[type="radio"]:checked + .lyteRadioLayer .lyteRadioCheck {
  transform: scale(1);
}
.lyteRadioLabel {
  display: inline-block;
  vertical-align: middle;
}
lyte-radiobutton input[type="radio"]:focus ~ .lyteRadioLabel,
lyte-radiobutton label:hover .lyteRadioLabel {
  color: var(--clr-df);
}
lyte-radiobutton .lytePrimary .lyteRadioLayer .lyteRadioCheck {
  background: var(--themeColor);
}
lyte-radiobutton label.lytePrimary:hover .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:active + .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:checked + .lyteRadioLayer {
  border: 1px solid var(--checkBoxBrClr);
}
lyte-radiobutton .lytePrimary input[type="radio"]:focus + .lyteRadioLayer {
  box-shadow: none;
}
lyte-radiobutton .lyteSecondary .lyteRadioLayer .lyteRadioCheck {
  background: #72C98A;
}
lyte-radiobutton label.lyteSecondary:hover .lyteRadioLayer,
lyte-radiobutton .lyteSecondary input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton .lyteSecondary input[type="radio"]:active + .lyteRadioLayer,
lyte-radiobutton .lyteSecondary input[type="radio"]:checked + .lyteRadioLayer {
  border: 1px solid #72C98A;
}
lyte-radiobutton .lyteSecondary input[type="radio"]:focus + .lyteRadioLayer {
  box-shadow: 0 0 4px 0 #72C98A;
}
.lyteRadioSwitch {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 28px;
  height: 16px;
  border-radius: 20px;
  background: #d3d3d3;
}
.lyteRadioSwitch .on-btn {
  display: inline-block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  left: 2px;
  top: calc(50% - 6px);
  right: auto;
  transition: left 200ms ease;
}
lyte-radiobutton .on-off-sw:focus + .lyteRadioSwitch {
  box-shadow: 0 0 3px 1px #d3d3d3;
}
.on-off-sw:checked + .lyteRadioSwitch {
  background: var(--activeBgClr);
}
lyte-radiobutton .on-off-sw:checked:focus + .lyteRadioSwitch {
  box-shadow: 0 0 3px 1px var(--activeBgClr);
}
lyte-radiobutton .on-off-sw:checked + .lyteRadioSwitch .on-btn {
  left: 14px;
}
.lyteRadioSliderLabel {
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.lyteRadioSlider {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 1.4rem;
}
.lyteRadioSlider::before {
  content: '';
  position: absolute;
  display: inline-block;
  z-index: 1;
  width: 1.4rem;
  height: 1.4rem;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  border-radius: 50%;
  left: 0;
  transition: left 200ms ease;
}
input[type="radio"]:checked + .lyteRadioSlider::before {
  left: 2.25rem;
}
.lyteRadioSlider::after {
  content: '';
  position: absolute;
  display: inline-block;
  z-index: 0;
  width: 3.5rem;
  height: 0.2rem;
  top: 0.6rem;
  left: 0;
  background: #b5b1b1;
}
input[type="radio"]:checked + .lyteRadioSlider::after {
  background: #000;
}
.lyteRadioSliderText {
  padding-left: 4.25rem;
  vertical-align: middle;
}
.lyteRadioDisabled .lyteRadioSlider::after,
.lyteRadioDisabled .lyteRadioSwitch,
.lyteRadioDisabled .lyteRadioLayer {
  opacity: 0.5;
}
.lyteRadioDisabled .lyteRadioSlider::before {
  opacity: 0.8;
  background: #f5f5f5;
}
.lyteRadioDisabled input[type="radio"]:active + .lyteRadioLayer,
.lyteRadioDisabled .lytePrimary input[type="radio"]:active + .lyteRadioLayer,
.lyteRadioDisabled .lyteSecondary input[type="radio"]:active + .lyteRadioLayer,
.lyteRadioDisabled label.lyteSecondary:hover .lyteRadioLayer,
.lyteRadioDisabled label.lytePrimary:hover .lyteRadioLayer,
.lyteRadioDisabled label:hover .lyteRadioLayer {
  border: 1px solid var(--checkBoxBrClr);
}
.lyteRadioDisabled label:hover .lyteRadioLabel {
  color: var(--clr-df);
}
/*	CSS for handling bigger labels in Radio button BEGINS	*/
lyte-radiobutton.lyteRadioLabelBiggerCase {
  max-width: 100%;
}
lyte-radiobutton.lyteRadioLabelBiggerCase label {
  display: flex;
}
lyte-radiobutton.lyteRadioLabelBiggerCase .lyteRadioLayer {
  flex-shrink: 0;
}
lyte-radiobutton.lyteRadioLabelBiggerCase .lyteRadioLabel {
  overflow: auto;
  overflow-wrap: break-word;
  white-space: normal;
}
/*	CSS for handling bigger labels in Radio button ENDS	*/
.lyteRadioCheckbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #aaa;
  width: 14px;
  height: 14px;
  border-radius: 2px;
}
input[type="radio"]:checked + .lyteRadioCheckbox {
  border: 1px solid #5ba1e5;
  background-color: #5ba1e5;
}
input[type="radio"]:hover + .lyteRadioCheckbox {
  border: 1px solid #5ba1e5;
}
lyte-radiobutton input[type="radio"]:checked + .lyteRadioCheckbox::after {
  -webkit-mask-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  -webkit-mask-position: -33px -15px;
  mask-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  mask-position: -33px -15px;
  display: block;
  content: "";
  background-color: #fcfdff;
  width: 9px;
  height: 7px;
}
/* import theme overrides - styles s*/
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/radiobutton.less file
 */
/* Radiobutton CSS ENDS */
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/*  Checkbox related CSS BEGINS   */
lyte-checkbox {
  color: var(--clr-df);
  font-family: var(--ff-base);
  font-size: var(--fs-base-widget);
  display: inline-block;
  position: relative;
}
lyte-checkbox label {
  display: inline-block;
  cursor: pointer;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
lyte-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.lyteCheckBoxDefault::before {
  /*border: 1px solid var(--wasvg-clr1);*/
  box-shadow: none !important;
  content: '';
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg) !important;
  background-position: -335px -4px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 2px;
}
lyte-checkbox input[type="checkbox"]:active + .lyteCheckBoxDefault::before,
.lyteCheckBoxDefault:hover::before {
  border-color: var(--themeColor);
  background-position: -359px -4px;
}
lyte-checkbox input[type="checkbox"]:focus + .lyteCheckBoxDefault::before {
  border-color: var(--themeColor);
  background-position: -359px -4px;
  box-shadow: none;
}
lyte-checkbox input[type="checkbox"]:disabled + .lyteCheckBoxDefault:hover::before {
  background-position: -335px -4px;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault::before {
  border-color: var(--themeColor);
  background-color: var(--themeColor);
  background-position: -384px -4px;
}
lyte-checkbox input[type="checkbox"]:checked:disabled + .lyteCheckBoxDefault:hover::before {
  border-color: var(--themeColor);
  background-color: var(--themeColor);
  background-position: -384px -4px;
}
.lyteCheckDisabled label {
  cursor: not-allowed;
}
.lyteCheckBoxPrimary::before {
  content: '';
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -35px -162px;
  width: 14px;
  height: 14px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxPrimary::before {
  background-position: -8px -162px;
  width: 17px;
  margin-right: 0;
}
lyte-checkbox input[type="checkbox"]:focus + .lyteCheckBoxPrimary::before {
  box-shadow: 0 0 3px 1px #b0b0b0;
}
.lyteCheckBoxPrimary span,
.lyteCheckBoxDefault span {
  display: inline-block;
  vertical-align: middle;
  -ms-user-select: auto;
  -moz-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
}
lyte-checkbox:hover span {
  color: var(--clr-df);
}
lyte-checkbox[lt-prop-disabled="true"]:hover span {
  color: var(--clr-df);
}
.lyteCheckSwitch {
  border: 1px solid var(--border-clr-sec);
  vertical-align: middle;
  width: 30px;
  height: 16px;
  display: inline-block;
  border-radius: 11px;
  position: relative;
  background: #ececec;
}
.lyteCheckSwitch .on-btn {
  border: 1px solid var(--border-clr-sec);
  box-shadow: 0.5px 0.866px 4px 0 rgba(32, 32, 32, 0.08);
  width: 16px;
  height: 16px;
  background: #fff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: -1px;
  top: -1px;
  right: auto;
  transition: left 200ms ease;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckSwitch {
  border: 1px solid #5BD226;
  background: #5BD226;
}
input[type="checkbox"].on-off-sw:focus + .lyteCheckSwitch {
  box-shadow: none;
}
input[type="checkbox"].on-off-sw:checked:focus + .lyteCheckSwitch {
  border: 1px solid #5BD226;
  box-shadow: none;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckSwitch .on-btn {
  border: 1px solid #5BD226;
  box-shadow: none;
  left: calc(100% - 15px);
}
.lyteCheckSwitch + span {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
.lyteCheckSliderLabel {
  box-sizing: border-box;
  position: relative;
}
.lyteCheckSlider {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 1.4rem;
}
.lyteCheckSlider::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 1.4rem;
  height: 1.4rem;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  border-radius: 50%;
  left: 0;
  transition: left 200ms ease;
}
input[type="checkbox"]:checked + .lyteCheckSlider::before {
  left: 2.25rem;
}
.lyteCheckSlider::after {
  content: '';
  cursor: pointer;
  display: inline-block;
  position: absolute;
  z-index: 0;
  width: 3.5rem;
  height: 0.2rem;
  background: #b5b1b1;
  top: 0.6rem;
  left: 0;
}
input[type="checkbox"]:checked + .lyteCheckSlider::after {
  background: #000;
}
.lyteCheckSliderText {
  padding-left: 4.25rem;
  vertical-align: middle;
}
.lyteCheckDisabled .lyteCheckSlider::after,
.lyteCheckDisabled .lyteCheckSwitch,
.lyteCheckDisabled .lyteCheckBoxDefault::before,
.lyteCheckDisabled .lyteCheckBoxPrimary::before {
  cursor: default !important;
  opacity: 1;
}
.lyteCheckDisabled .lyteCheckSlider::before {
  background: #f5f5f5;
}
.lyteCkBoxLabelBiggerCase .lyteCheckbox,
.lyteCkBoxLabelBiggerCase {
  max-width: 100%;
}
.lyteCkBoxLabelBiggerCase .lyteCheckBoxDefault,
.lyteCkBoxLabelBiggerCase .lyteCheckBoxPrimary {
  display: flex;
  max-width: 100%;
}
.lyteCkBoxLabelBiggerCase .lyteCheckBoxDefault::before,
.lyteCkBoxLabelBiggerCase .lyteCheckBoxPrimary::before {
  flex-shrink: 0;
  margin-top: 2px;
}
.lyteCkBoxLabelBiggerCase .lyteCheckBoxDefault span,
.lyteCkBoxLabelBiggerCase .lyteCheckBoxPrimary span {
  overflow: auto;
  overflow-wrap: break-word;
  white-space: normal;
  margin-left: 5px;
}
.lyteCheckboxLabelEllipsis .lyteCheckbox,
.lyteCheckboxLabelEllipsis {
  max-width: 100%;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxDefault,
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary {
  display: flex;
  align-items: center;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxDefault::before,
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary::before {
  flex-shrink: 0;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary::before {
  margin-right: 5px;
}
lyte-checkbox.lyteCheckboxLabelEllipsis input[type="checkbox"]:checked + .lyteCheckBoxPrimary::before {
  margin-right: 2px;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxDefault span,
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary span {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lyteCheckSwitch.lyteCheckboxSwitchWithStateLabel {
  min-width: 28px;
  min-height: 16px;
  width: auto;
  height: auto;
  display: inline-grid;
  grid-auto-flow: row;
  padding: 2px;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckSwitch.lyteCheckboxSwitchWithStateLabel .on-btn {
  left: calc(100% - 14px);
}
.lyteCheckboxStateLabel {
  font-size: 13px;
  padding-left: 17px;
  padding-right: 2px;
  grid-row: 1;
  grid-column: 1;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckboxSwitchWithStateLabel .lyteCheckboxStateLabel {
  padding-right: 17px;
  padding-left: 2px;
  color: #fff;
}
.on-off-sw + .lyteCheckSwitch .lyteCheckboxOnStateLabel,
.on-off-sw:checked + .lyteCheckSwitch .lyteCheckboxOffStateLabel {
  visibility: hidden;
  opacity: 0;
}
.on-off-sw:checked + .lyteCheckSwitch .lyteCheckboxOnStateLabel {
  visibility: visible;
  opacity: 1;
}
.lyteCheckboxEmptyLabel .lyteCheckSwitch + span,
.lyteCheckboxEmptyLabel .lyteCheckBoxDefault span,
.lyteCheckboxEmptyLabel .lyteCheckBoxPrimary span,
.lyteCheckboxEmptyLabel .lyteCheckSliderText {
  display: none;
}
.lyteCheckboxEmptyLabel .lyteCheckBoxPrimary::before,
.lyteCheckboxEmptyLabel .lyteCheckBoxDefault::before {
  margin-right: 0;
  display: block;
}
/* import theme overrides - styles */
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/checkbox.less file
 */
/*  Checkbox related CSS ENDS   */
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault::after {
  content: none;
  display: inline-flex;
  align-items: center;
}
.wa-body-container lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault::after {
  content: "\2713";
  transform: rotate(6deg);
  position: absolute;
  top: 3px;
  left: 3px;
  color: var(--themeColor);
  font-family: serif;
  font-size: 11px;
  font-family: Verdana, sans-serif;
}
.lyteCheckDisabled label {
  cursor: default !important;
  pointer-events: none;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault span {
  position: relative;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault span:before,
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault span:after {
  content: '';
  position: absolute;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault span:before {
  width: 8px;
  height: 1px;
  top: 9px;
  left: -19px;
  transform: rotate(-48deg);
  border-radius: 10px;
  background: #ffffff;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault span:after {
  width: 4px;
  height: 1px;
  top: 11px;
  left: -21px;
  transform: rotate(40deg);
  border-radius: 11px;
  background: #ffffff;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault::after {
  content: none;
}
.lyteCheckDisabled .lyteCheckBoxDefault::before {
  opacity: 0.3;
}
.lyteCheckDisabled label {
  cursor: default;
}
.lyteCheckDisabled label span {
  color: var(--clr-df);
}
/* checkbox swith css starts */
.lyteCheckSwitch_active .lyteCheckSwitch {
  width: 52px;
}
.lyteCheckSwitch_active .lyteCheckSwitch:before {
  content: 'OFF';
  font-size: 8px;
  position: absolute;
  top: 2px;
  left: 22px;
  color: #000;
}
.lyteCheckSwitch_active input[type="checkbox"].on-off-sw:checked + .lyteCheckSwitch::before {
  content: 'ACTIVE';
  left: 5px;
}
/* checkbox swith css ends */
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/*  Input related CSS BEGINS    */
lyte-input {
  position: relative;
  display: inline-flex;
  font-family: var(--ff-base);
}
lyte-input .lyteLabel {
  font-family: var(--ff-base);
  font-size: var(--fs-base-widget);
  padding-right: 30px;
  color: var(--clr-df);
  flex-grow: 1;
}
lyte-input .lyteField {
  flex-grow: 1;
}
lyte-input input,
lyte-input textarea {
  font-family: var(--ff-base);
  font-size: var(--fs-base-widget);
  color: var(--clr-df);
  outline: none;
  box-sizing: border-box;
}
.lyteInputBox .lyteField {
  border: 1px solid var(--textBoxBrClr);
  border-radius: var(--bdrRadius);
}
.lyteInputBox input,
lyte-input textarea {
  background: var(--bg-white);
  border: 0;
  border-radius: var(--bdrRadius);
  padding: 5px 10px;
  width: 100%;
  display: block;
  box-shadow: none;
}
lyte-input input:disabled {
  background: #f3f3f3;
  cursor: not-allowed;
  color: #999;
}
.lyteInputWithPasswordToggleButton .lyteField,
lyte-input .ltIconShow.lyteField,
lyte-input[lt-prop-type="search"] .lyteField {
  position: relative;
}
lyte-input[lt-prop-type="textarea"] .lyteField {
  position: relative;
  overflow: hidden;
}
lyte-input textarea {
  min-height: 70px;
  resize: both;
}
lyte-input[lt-prop-type="textarea"] .lyteField::after {
  content: '';
  width: 17px;
  height: 17px;
  background: var(--clr-white);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  border-radius: 0;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
lyte-input.lyteInputBox[lt-prop-type="textarea"] .lyteField::after {
  border-radius: 0 0 1px;
}
lyte-input.lyteTextareaNoResize .lyteField::after {
  content: none;
}
.lyteTextareaNoResize textarea {
  resize: none;
}
.lyteInputBox .lyteField:hover {
  border: 1px solid var(--themeColor);
}
.lyteInputBox.lyteInputFocus .lyteField {
  border: 1px solid var(--themeColor);
}
.lyteInputBox input:hover,
lyte-input textarea:hover {
  border: 0;
}
.lyteInputBox input:focus,
lyte-input textarea:focus {
  border: 0;
}
.lyteTextareaResize {
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -266px -3px;
  width: 14px;
  height: 14px;
  right: 1px;
  bottom: 1px;
  display: inline-block;
  position: absolute;
  cursor: se-resize;
  opacity: 0.5;
  z-index: 10;
}
.lyteTextareaResizeHorizontal {
  cursor: ew-resize;
}
.lyteTextareaResizeVertical {
  cursor: ns-resize;
}
.lyteInputBox.lyteInputDisabled .lyteField:hover {
  border: 1px solid var(--textBoxBrClr);
}
lyte-input input::placeholder {
  font-family: var(--ff-base);
  color: #a6a6a6;
}
lyte-input input:-ms-input-placeholder {
  font-family: var(--ff-base);
  color: #a6a6a6;
}
lyte-input input::-ms-input-placeholder {
  font-family: var(--ff-base);
  color: #a6a6a6;
}
lyte-input input::-ms-clear {
  display: none;
}
lyte-input textarea::placeholder {
  font-family: var(--ff-base);
  color: #a6a6a6;
}
lyte-input textarea:-ms-input-placeholder {
  font-family: var(--ff-base);
  color: #a6a6a6;
}
lyte-input textarea::-ms-input-placeholder {
  font-family: var(--ff-base);
  color: #a6a6a6;
}
.lyteInputBox.horizontal {
  align-items: center;
}
.lyteInput.horizontal {
  align-items: flex-end;
}
lyte-input.horizontal .lyteLabel {
  min-width: 40%;
  width: 40%;
  box-sizing: border-box;
}
lyte-input.horizontal .lyteField {
  min-width: 60%;
  width: 60%;
}
lyte-input input[type='number']::-webkit-outer-spin-button,
lyte-input input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
lyte-input input[type='number'] {
  -moz-appearance: textfield;
}
.lyteInput .lyteField {
  border-bottom: 1px solid var(--textBoxBrClr);
}
.lyteInput input {
  background: var(--clr-white);
  border: 0;
  padding: 6px 10px;
  box-shadow: none;
  width: 100%;
}
.lyteInput.horizontal .lyteLabel {
  border-bottom: 1px solid var(--textBoxBrClr);
  padding: 5px 50px 5px 2px;
}
.lyteInput .lyteField:hover {
  border-bottom: 1px solid var(--themeColor);
}
.lyteInput.lyteInputDisabled .lyteField:hover {
  border-bottom: 1px solid var(--textBoxBrClr);
}
.lyteInput.lyteInputFocus .lyteField {
  border-bottom: 1px solid var(--themeColor);
}
lyte-input.vertical {
  flex-direction: column;
  text-align: left;
}
lyte-input.vertical .lyteLabel {
  padding-right: 0;
  margin-bottom: 10px;
}
.lyteInput.vertical .lyteLabel {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.lyteInput.vertical textarea,
.lyteInput.vertical input {
  padding-left: 0;
}
.lyteInput.vertical[lt-prop-type="search"] input,
lyte-input[lt-prop-type="search"] input {
  padding-left: 35px;
}
lyte-input[lt-prop-type="search"] .searchIcon {
  position: absolute;
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -180px -4px;
  width: 15px;
  height: 15px;
  left: 10px;
  top: calc(50% - 8px);
  opacity: 0.6;
  margin: 0;
  pointer-events: none;
}
.lyteInputWithClearIcon input,
lyte-input[lt-prop-close-icon="true"] input {
  padding-right: 30px;
}
lyte-input .inputCloseIcon {
  position: absolute;
  cursor: pointer;
  padding: 8px;
  z-index: 10;
  opacity: 0.7;
  top: calc(50% - 12px);
  right: 4px;
}
lyte-input .inputCloseIcon:hover {
  opacity: 1;
}
lyte-input .inputCloseIcon::before {
  content: '';
  display: block;
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -54px -2px;
  width: 8px;
  height: 8px;
  transform: scale(1.25);
}
lyte-input.lyteInputDisabled .inputCloseIcon {
  pointer-events: none;
}
lyte-input.lyteInputReadonly .inputCloseIcon {
  display: none !important;
}
.lyteInputCalendar {
  position: absolute;
  z-index: 1060;
  top: -999px;
}
lyte-input[lt-prop-type="datetime"] .lyteField {
  display: flex;
}
lyte-input[lt-prop-type="datetime"] .lyteField input {
  width: 50%;
}
.lyteInputBox[lt-prop-type="datetime"] input:first-child {
  border-radius: var(--bdrRadius) 0 0 var(--bdrRadius);
  border-right: 1px solid var(--textBoxBrClr);
}
.lyteInputDateTimePlaceholder {
  display: flex;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  font-size: 14px;
  color: #a6a6a6;
  align-items: center;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 9px 10px;
  background: var(--clr-white);
}
.lyteInputFocus .lyteInputDateTimePlaceholder {
  opacity: 0;
}
.lyteInputWithPasswordToggleButton.lyteInputBox input,
.lyteInputWithPasswordToggleButton.lyteInput input {
  padding-right: 25px;
}
.lyteInputWithPasswordToggleButton.lyteInputWithClearIcon input,
.lyteInputWithPasswordToggleButton.lyteInputBox[lt-prop-close-icon="true"] input,
.lyteInputWithPasswordToggleButton.lyteInput[lt-prop-close-icon="true"] input {
  padding-right: 50px;
}
.lyteInputWithPasswordToggleButton .inputCloseIcon {
  right: 26px;
}
.lyteInputPasswordToggleIcon {
  padding: 5px;
  position: absolute;
  right: 0;
  top: calc(50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.lyteInputPasswordToggleIcon::after {
  content: '';
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  width: 16px;
  opacity: 0.7;
  display: block;
}
.lyteInputPasswordToggleIcon:hover::after {
  opacity: 1;
}
.lyteInputShowPasswordIcon::after {
  height: 12px;
  background-position: -212px -63px;
}
.lyteInputHidePasswordIcon::after {
  height: 16px;
  background-position: -238px -61px;
}
.lyteInputCalendarIcon {
  -webkit-mask-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  mask-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  -webkit-mask-position: -224px -81px;
  mask-position: -224px -81px;
  background-color: #676869;
  width: 16px;
  height: 17px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.lyteInputWithCalendarIcon[lt-prop-type="datetime"] input:first-child,
.lyteInputWithCalendarIcon[lt-prop-type="date"] input {
  padding-right: 30px;
}
.lyteInputCalendarIcon:hover {
  background-color: #333;
}
.calendarOpen .lyteInputCalendarIcon,
.lyteInputCalendarIcon:focus {
  outline: 0;
  background-color: var(--activeBgClr);
}
.lyteInput .lyteInputCalendarIcon {
  right: 0;
}
.lyteInputBox .lyteInputCalendarIcon {
  right: 10px;
}
lyte-input[lt-prop-type="datetime"] .lyteInputCalendarIcon {
  right: unset;
  left: calc(50% - 10px);
  transform: translate(-100%, -50%);
}
.lyteInputTimeDropdown,
.lyteInputDateTimeDropdown {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
}
.lyteInputDateTimeDropdown {
  left: 50%;
}
.lyteInputDisabled.resizeStart textarea {
  pointer-events: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/input .less file
 */
/*  Input related CSS ENDS    */
/*.inputBoxField() {
	@border: 1px solid var(--separatorClr);
}
.inputBoxFieldHover() {
	@border: 0;
	box-shadow: 0 0 0 1px var(--primrClr);
}
.inputBoxFieldFocus() {
	@border: 0;
	box-shadow: 0 0 0 1px var(--primrClr);
}*/
.lyteInput input:focus-visible {
  outline: none;
  box-shadow: none !important;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-file-message,
lyte-fileupload,
lyte-file-select-area {
  font-family: var(--ff-base);
  display: block;
}
.lyteFileUpdMsgWrap {
  font-size: 13px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  background: var(--buttonBgClr);
  text-align: center;
  color: #666;
}
.lyteFileUpdBoxType .lyteFileUpdMsgWrap {
  border-radius: 0;
  padding: 0;
  border: 0;
}
.lyteFileUpdBoxType .lyteFileUpdMsgWrap:hover {
  border: 0;
}
.fileDragEnter.lyteFileUpdInputType .lyteFileUpdMsgWrap,
.fileDragEnter.lyteFileUpdBoxType .lyteFileUpdMsgWrap {
  border: 1px dashed #6eb0cb;
  background: #fafcff;
}
.lyteFileUpdMsg {
  position: relative;
  line-height: 21px;
}
.fileDragEnter .lyteFileUpdMsg {
  opacity: 0.7;
}
.lyteFileUpdBoxType .lyteFileUpdMsg {
  padding-left: 0;
}
.lyteFileUpdBoxType .lyteFileUpdMsg::before {
  content: none !important;
  content: '';
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -155px -203px;
  width: 30px;
  height: 21px;
  display: inline-block;
  position: absolute;
  left: 0;
}
.lyteFileUpdThumb {
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #aaa;
}
.lyteFileUpdList {
  display: flex;
  flex-direction: column;
}
.multiFileupload .lyteFileUpdListFile {
  margin-bottom: 0;
}
.multiFileupload .lyteFileUpdListFile:first-of-type {
  margin-top: 15px;
}
.lyteFileUpdListFile {
  position: relative;
  display: flex;
  padding: 10px 15px;
  background: #f7f7f7;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  align-items: center;
}
.lyteFileUpdListFile.lyteFileError {
  background: #ffeeee;
  border: 1px solid #f8dcdc;
}
.lyteFileUpdTypePreview {
  margin-right: 10px;
}
.lyteFileUpdTypeIcon::after {
  content: '';
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -117px -198px;
  display: block;
  width: 21px;
  height: 26px;
}
.lyteFileUpdTypeIcon.pdf::after {
  background-position: -8px -198px;
}
.lyteFileUpdTypeIcon.video::after {
  background-position: -35px -198px;
}
.lyteFileUpdTypeIcon.image::after {
  background-position: -63px -198px;
}
.lyteFileUpdTypeIcon.zip::after {
  background-position: -90px -198px;
}
.lyteFileUpdFileName {
  color: var(--clr-df);
  font-size: 14px;
  margin-right: 10px;
  max-width: calc(100% - 300px);
  white-space: nowrap;
}
.lyteFileUpdListFile.lyteFileSuccess .lyteFileUpdFileName {
  max-width: calc(100% - 150px);
}
.lyteFileUpdFileSize {
  font-size: 12px;
  color: #666;
  margin-right: auto;
  white-space: nowrap;
}
.lyteFileUpdFileStatus {
  display: flex;
  margin-right: 10px;
}
.lyteFileUpdProgressBar {
  height: 5px;
  width: 140px;
  background: #dfecfb;
  flex-grow: 1;
  border-radius: 5px;
}
.lyteFileUpdProgressFill {
  height: 5px;
  background: #4ea2f7;
  width: 0;
  border-radius: 5px;
  transition: width 0.1s linear;
}
lyte-file-retry {
  display: inline-flex;
  margin-right: 10px;
}
.lyteFileUpdFailMsg {
  font-size: 12px;
  color: #f00;
  margin-right: 10px;
  cursor: default;
}
.lyteFileUpdRetryMsg {
  font-size: 12px;
  color: #555;
  text-decoration: underline;
  cursor: pointer;
}
.lyteFileUpdRetryMsg:hover {
  color: var(--clr-df);
}
lyte-file-close {
  cursor: pointer;
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -347px -157px;
  width: 17px;
  height: 17px;
  opacity: 0.4;
  display: inline-flex;
  flex-shrink: 0;
}
.lyteFileUpdListFile.lyteFileSuccess lyte-file-close {
  visibility: hidden;
}
.lyteFileUpdListFile.lyteFileSuccess:hover lyte-file-close {
  visibility: visible;
}
lyte-file-close:hover {
  opacity: 0.7;
}
.lyteFileUpdBoxType #lyteFileUpdSelectedFile {
  background: #ddd;
  border: 1px solid #ccc;
}
.lyteFileUpdInputType .lyteFileUpdMsgWrap {
  padding: 3px 10px;
  border-radius: 2px;
  border: 1px solid var(--colorBorderSecondary);
  background: var(--buttonBgClr);
  text-align: left;
}
.lyteFileUpdInputType .lyteFileUpdMsgWrap:hover {
  border: 1px dashed #969b9c;
}
.lyteFileUpdInputType .lyteFileUpdListFile {
  margin-left: 10px;
  padding: 5px 10px;
  border: 1px solid var(--colorBorderSecondary);
  border-radius: 2px;
  background: var(--buttonBgClr);
}
.lyteFileUpdInputType .lyteFileUpdListFile.lyteFileError {
  background: #ffeeee;
  border: 1px dashed #f8dcdc;
}
.lyteFileUpdInputType .lyteFileUpdFileName {
  line-height: 21px;
  font-size: 13px;
  max-width: calc(100% - 250px);
}
.lyteFileUpdInputType .lyteFileUpdListFile.lyteFileSuccess .lyteFileUpdFileName {
  max-width: calc(100% - 90px);
}
.lyteFileUpdInputType lyte-file-close {
  background-position: -324px -162px;
  width: 10px;
  height: 10px;
}
.lyteFileUpdBtnType .lyteFileUpdMsgWrap {
  width: 30px;
  height: 30px;
  background: #4ea2f7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lyteFileUpdBtnType .lyteFileUpdMsgWrap::after {
  content: '';
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -197px -205px;
  width: 15px;
  height: 19px;
  display: block;
}
.lyteFileUpdListFile.lyteFileError .lyteFileUpdFileStatus,
.lyteFileUpdListFile.lyteFileSuccess .lyteFileUpdFileStatus,
.lyteFileUpdBtnType .lyteFileUpdMsg,
.fileuploadInput,
.lyteFileUpdInputType .lyteFileUpdTypePreview,
.lyteFileUpdBoxType .lyteFileUpdMsgWrap.lyteHide,
lyte-fileupload .lyteHide {
  display: none;
}
.lyteFileUpdDisabled {
  pointer-events: none;
  opacity: 0.6;
}
.lyteFileDragWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 15;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
lyte-file-message,
lyte-fileupload,
lyte-file-select-area {
  font-family: inherit;
}
.fileUploadWrapper {
  display: flex;
  align-items: center;
}
.fileUploadWrapper lyte-yield {
  flex: 1;
}
.lyteFileUpdBoxType .lyteFileUpdMsgWrap {
  height: 128px;
  background: linear-gradient(to right, #a5a5a5 50%, rgba(255, 255, 255, 0) 0), linear-gradient(#a5a5a5 50%, rgba(255, 255, 255, 0) 0), linear-gradient(to right, #a5a5a5 50%, rgba(255, 255, 255, 0) 0), linear-gradient(#a5a5a5 50%, rgba(255, 255, 255, 0) 0);
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
  background-size: 14px 1px, 1px 14px;
  background-color: var(--body-bg);
}
.ui-mm-source-csv-btn lyte-file-message {
  height: 509px;
  background: linear-gradient(to right, var(--dragDropBorderClr) 34%, rgba(255, 255, 255, 0) 0), linear-gradient(var(--dragDropBorderClr) 34%, rgba(255, 255, 255, 0) 0), linear-gradient(to right, var(--dragDropBorderClr) 34%, rgba(255, 255, 255, 0) 0), linear-gradient(var(--dragDropBorderClr) 34%, rgba(255, 255, 255, 0) 0);
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
  background-size: 14px 1px, 1px 14px;
  cursor: pointer;
}
.ui-mm-source-csv-btn lyte-file-message .lyteFileUpdMsg {
  line-height: 1.42857143;
}
.ui-upload-container-dlg lyte-fileupload lyte-file-message {
  height: 180px;
}
.ui-attachfile-popover-rcont .fileUploadWrapper {
  height: 100%;
}
.ui-attachfile-popover-rcont .fileUploadWrapper lyte-yield {
  height: 100%;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/*  Calendar related CSS BEGINS     */
lyte-calendar {
  display: inline-block;
}
.lyteCalendarPopup {
  background: var(--menuBg);
  z-index: 1060;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
  font-family: var(--ff-base);
  font-size: 14px;
  border: 1px solid #d1d1d1;
}
.lyteCalendarNavigator {
  padding: 15px 20px 10px 20px;
  display: flex;
  align-items: center;
}
.lyteCalMonthDD {
  max-width: 150px;
  width: auto;
}
.lyteCalYearDD {
  width: auto;
}
.lyteCalendarPopup lyte-dropdown lyte-drop-button {
  box-sizing: border-box;
  color: #666;
  padding: 3px 25px 3px 1px;
  border: 0;
}
.lyteCalMonthDD lyte-drop-button {
  font-size: 18px;
}
.lyteCalYearDD lyte-drop-button {
  font-size: 16px;
}
.lyteCalendarPopup lyte-dropdown lyte-icon.dropdown {
  top: calc(50% - 2px);
}
.lyteCalendarPopup lyte-dropdown lyte-drop-button.lyteDropButtonDown,
.lyteCalendarPopup lyte-dropdown lyte-drop-button.lyteDropButtonUp,
.lyteCalendarPopup lyte-dropdown lyte-drop-button:hover {
  color: #111;
  padding: 3px 25px 3px 1px;
  border: 0;
}
.lyteCalendarDropdown lyte-drop-item {
  min-width: 40px;
}
.lyteCalNav {
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  order: 2;
  border: 1px solid #999;
  border-radius: 50%;
}
.lyteCalNav:hover {
  border: 1px solid #333;
}
.lyteCaldLft::before,
.lyteCaldRgt::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -40px -1px;
  opacity: 0.5;
}
.lyteCalyearNavLft::before,
.lyteCalyearNavRgt::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -351px -278px;
  opacity: 0.5;
}
.lyteCaldRgt {
  margin-left: 10px;
}
.lyteCalyearNavRgt {
  margin-left: 5px;
}
.lyteCalyearNavLft {
  margin-right: 5px;
}
.lyteCalyearNavLft::before {
  transform: rotate(180deg);
}
.lyteCaldLft::before {
  top: 5px;
  transform: rotate(180deg);
}
.lyteCalNav:hover::before {
  opacity: 1;
}
.lyteCalsCalMon {
  flex-grow: 3;
  text-align: left;
  order: 1;
  cursor: default;
  color: var(--clr-df);
}
.lyteCalsCalMonth {
  font-size: 18px;
}
.lyteCalsCalYear {
  font-size: 16px;
}
.lyteCalTableContainer {
  border-spacing: 8px 5px;
  box-sizing: border-box;
  display: table;
  padding: 0 12px 8px;
  width: 100%;
}
.lyteCalTableRow,
.lyteCalTableRowHeader {
  display: table-row;
}
.lyteCalTableCellHeader {
  color: #777;
  cursor: default;
  display: table-cell;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 6px;
}
.lyteCalTableCell {
  border: 1px solid transparent;
  color: var(--clr-df);
  cursor: pointer;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  text-align: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
}
.lyteCalGray {
  opacity: 0.4;
}
.lyteCalGray:hover,
.lyteCalGray.lyteCalSel {
  opacity: 1;
}
.lyteCalToday {
  background: var(--menuBg);
  color: var(--activeBgClr);
  border: 1px solid var(--activeBgClr);
}
.lyteCalTableCell:hover,
.lyteCalToday:hover {
  background: #e6f3fd;
}
.lyteCalDisabled.lyteCalSel,
.lyteCalHoliday.lyteCalSel,
.lyteCalWeekend.lyteCalSel,
.lyteCalSel,
.lyteCalSel:hover {
  background: var(--activeBgClr);
  color: #fff;
  border: 1px solid var(--activeBgClr);
}
.lyteCalBtns .lyteCalCurrentDate {
  padding: 10px;
  border-top: 1px solid #e0e0e0;
  text-align: center;
}
.lyteCalCurrentDate a {
  color: var(--themeColor);
  cursor: pointer;
}
.lyteCalEmpty {
  display: table-cell;
}
.lyteCalendarHidden {
  display: none;
}
.lyteCalendarPopup .lyteDummyEventContainer:focus lyte-drop-button,
.lyteCalendarPopup .lyteDummyEventContainer:focus lyte-drop-button:hover,
.lyteCalendarPopup lyte-drop-button.lyteDropButtonUp,
.lyteCalendarPopup lyte-drop-button.lyteDropButtonDown {
  border: 0;
  box-shadow: none;
}
.lyteCalTableRowGroup {
  display: table-row-group;
}
.lyteCalDisabled {
  background: transparent;
  pointer-events: none;
  opacity: 0.5;
}
.lyteCalendarDisabledDate {
  background: transparent;
  opacity: 0.5;
  cursor: default;
}
.lyteCalendarDisabledDate:hover {
  background: transparent;
}
/*  Drilldown calendar CSS BEGINS   */
.lyteDrillCalYearView,
.lyteDrillCalMonthView {
  border-spacing: 20px 40px;
}
.lyteDrillCalYearView .lyteCalTableCell,
.lyteDrillCalMonthView .lyteCalTableCell {
  height: auto;
  width: 40px;
  padding: 0 5px;
  border-radius: 3px;
}
.lyteDrillCalCurrentYear,
.lyteDrillCalCurrentMonth {
  color: var(--activeBgClr);
  border: 1px solid var(--activeBgClr);
}
.lyteDrillCalHeaderButton {
  background: transparent;
  padding: 2px 10px;
  color: #777;
  border: 1px solid #bbb;
  border-radius: 3px;
  font-size: 16px;
  cursor: pointer;
}
.lyteDrillCalHeaderButton:hover {
  background: #eee;
}
.lyteDrillCalYearListHeader:hover,
.lyteDrillCalYearListHeader {
  border-color: transparent;
  background: transparent;
  cursor: default;
}
.lyteDrillCalHeaderButton .lyteCalsCalMonth {
  font-size: 16px;
}
.lyteCalDisableNav {
  pointer-events: none;
  opacity: 0.5;
}
/*  Drilldown calendar CSS ENDS   */
.lyteVisuallyHidden {
  position: absolute;
  top: auto;
  overflow: hidden;
  width: 0;
  height: 0;
  white-space: nowrap;
}
/*	Calendar weekly selection CSS Begins */
.lyteCalWeekSelType .lyteCalTableCell {
  position: relative;
  border-radius: 0;
}
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalTableCell {
  background: #e6f3fd;
  color: var(--clr-df);
}
.lyteCalWeekSelType .lyteCalToday.lyteCalWeekSel,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalToday {
  border-color: transparent;
  border-radius: 0;
  color: var(--clr-df);
}
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel,
.lyteCalWeekSel {
  background: #e6f3fd;
}
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2),
.lyteWeekNumContainer .lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalTableCell:nth-child(2),
.lyteCalWeekSelType .lyteCalToday.lyteCalWeekSel:first-child,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalToday:first-child,
.lyteCalWeekSelType .lyteCalTableCell:first-child {
  border-radius: 50% 0 0 50%;
}
.lyteCalWeekSelType .lyteCalToday.lyteCalWeekSel:last-child,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalToday:last-child,
.lyteCalWeekSelType .lyteCalTableCell:last-child {
  border-radius: 0 50% 50% 0;
}
.lyteCalWeekSelType .lyteCalToday,
.lyteCalWeekSelType .lyteCalToday:first-child,
.lyteCalWeekSelType .lyteCalToday:last-child {
  border-radius: 50%;
}
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2),
.lyteCalWeekSelType .lyteCalWeekSel:first-child,
.lyteCalWeekSelType .lyteCalWeekSel:last-child {
  color: #fff;
  z-index: 0;
}
.lyteWeekNumContainer .lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel:nth-child(2),
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel:first-child,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel:last-child {
  color: #fff;
}
.lyteCalWeekSel:last-child::before,
.lyteCalWeekSel:first-child::before,
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2)::before {
  content: '';
  background: var(--activeBgClr);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
}
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2)::before,
.lyteCalWeekSel:first-child::before {
  left: 0;
  top: 0;
}
.lyteCalWeekSel:last-child::before {
  right: 0;
  top: 0;
}
.lyteCalWeekSelType .lyteCalTableRow .lyteCalTableCell::after {
  content: '';
  position: absolute;
  left: calc(100% + 1px);
  width: 8px;
  top: -1px;
  bottom: -1px;
}
.lyteCalWeekSel::after,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalTableCell::after {
  background: #e6f3fd;
}
.lyteCalWeekSelType .lyteCalTableRow .lyteCalTableCell:last-child::after {
  content: none;
}
/*	Calendar weekly selection CSS Ends */
/*	Calendar Monthly selection, Yearly Selection CSS Begins */
.lyteCalYearSelType,
.lyteCalMonthSelType {
  border-spacing: 16px 40px;
}
.lyteCalYearSelType .lyteCalTableCell,
.lyteCalMonthSelType .lyteCalTableCell {
  height: auto;
  width: 40px;
  padding: 0 5px;
  border-radius: 3px;
}
.lyteCalYearSel:hover,
.lyteCalYearSel,
.lyteCalMonthSel:hover,
.lyteCalMonthSel {
  background: var(--activeBgClr);
  color: #fff;
}
.lyteCalWeekendHeader,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalHoliday,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekend,
.lyteCalHoliday,
.lyteCalWeekend {
  color: #E74C3C;
}
.lyteWeekNumContainer .lyteCalTableContainer {
  padding-left: 0;
  position: relative;
}
.lyteCalTableRowGroup .lyteWeekNumberGrid {
  color: #7B7C7D;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  text-align: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding-right: 10px;
}
.lyteWeekNumContainer .lyteCalTableContainer::before {
  content: "";
  position: absolute;
  border-radius: 0 5px 0 0;
  border: 1px solid #DCDBDC;
  border-left: none;
  background: #F5F7F9;
  width: 42px;
  left: 0;
  display: inline-block;
  height: calc(100% - 6px);
  z-index: 0;
}
.lyteWeekNumberGrid {
  position: relative;
  z-index: 1;
}
.lyteCalTableCellHeader.lyteWeekNumberGrid {
  padding-right: 10px;
}
.lyteWeekNumberGrid.lyteCalCurWeekNum {
  color: #4497DD;
}
.lyteWeekNumContainer .lyteCalTableContainer.lyteCalYearSelType::before,
.lyteWeekNumContainer .lyteCalTableContainer.lyteCalMonthSelType::before {
  content: none;
}
.lyteCalHeaderCenterAlign .lyteCalNav {
  order: 1;
}
.lyteCalHeaderCenterAlign .lyteCalsCalMon {
  text-align: center;
}
/*	Calendar Monthly selection, Yearly Selection CSS Ends */
/* import theme overrides - styles */
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/calendar.less file
 */
/*  Calendar related CSS ENDS     */
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-DATERANGEPICKER BEGINS  */
lyte-daterangepicker {
  display: inline-block;
}
lyte-daterangepicker * {
  box-sizing: content-box;
}
lyte-daterangepicker lyte-calendar {
  display: block;
}
.lyteDateRangePickerRow {
  font-family: var(--ff-base);
  display: flex;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #d1d1d1;
  background: var(--menuBg);
}
.lyteDateRangePickerRow .lyteCalendarPopup {
  box-shadow: none;
  border: none;
  background: inherit;
}
.lyteDateRangePickerRow lyte-dropdown lyte-drop-button {
  background: inherit;
}
.lyteDateRangePickerCol1,
.lyteDateRangePickerCol2 {
  position: relative;
  flex-grow: 1;
}
.lyteDateRangePickerRow .lyteCalBtns {
  display: none;
}
.lyteDateRPMonthHeader {
  text-align: center;
  font-size: 13px;
  padding: 12px 23px;
}
.lyteDateRPLeftNav {
  position: absolute;
  top: 17px;
  left: 20px;
}
.lyteDateRPRightNav {
  top: 17px;
  right: 20px;
  position: absolute;
}
.monthDD {
  max-width: 150px;
  margin-right: 7px;
  width: auto;
}
.monthDD lyte-drop-button {
  font-size: 18px;
}
.yearDD {
  width: auto;
}
.yearDD lyte-drop-button {
  font-size: 16px;
}
.dRPCalendar2 .lyteCalTableContainer {
  border-left: 1px solid #f0f0f0;
}
.lyteDateRangePickerRow .lyteCalToday {
  background: inherit;
}
.lyteDateRPMonthStartDate,
.lyteDateRPMonthEndDate,
.lyteDateRangePickerRow .lyteDateRPTempSelected {
  border-radius: 0;
  background: #e6f3fd;
  position: relative;
  color: var(--clr-df);
}
.lyteDateRPTempFirstDateSelected.lyteCalTableCell,
.lyteDateRPTempLastDateSelected,
.lyteDateRPFirstDateSelected.lyteCalTableCell,
.lyteDateRPLastDateSelected.lyteCalTableCell,
.lyteDateRPTempSelected.lyteDateRPTempFirstDateSelected:hover,
.lyteDateRPTempSelected.lyteDateRPTempLastDateSelected:hover,
.lyteDateRPTempFirstDateSelected:hover,
.lyteDateRPTempLastDateSelected:hover,
.lyteDateRPFirstDateSelected:hover,
.lyteDateRPLastDateSelected:hover {
  color: #fff;
  position: relative;
  z-index: 0;
  background: #e6f3fd;
  border-radius: 50% 0 0 50%;
  border-color: transparent;
}
.lyteDateRPTempSelected.lyteDateRPTempLastDateSelected,
.lyteDateRPTempLastDateSelected.lyteCalTableCell,
.lyteDateRPLastDateSelected.lyteCalTableCell,
.lyteDateRPTempLastDateSelected:hover,
.lyteDateRPLastDateSelected:hover {
  background: #e6f3fd;
  border-radius: 0 50% 50% 0;
  color: #fff;
}
.lyteDateRPTempFirstDateSelected::before,
.lyteDateRPFirstDateSelected::before,
.lyteDateRPTempLastDateSelected::before,
.lyteDateRPLastDateSelected::before {
  content: '';
  width: 100%;
  height: 100%;
  background: var(--activeBgClr);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 50%;
}
.lyteDateRPTempFirstDateSelected {
  border-radius: 50% 0 0 50%;
}
.lyteDateRPTempFirstDateSelected::after,
.lyteDateRPFirstDateSelected::after,
.lyteDateRPMonthStartDate::after,
.lyteDateRPTempSelected::after {
  content: '';
  position: absolute;
  left: calc(100% + 1px);
  width: 8px;
  background: #e6f3fd;
  top: -1px;
  height: 32px;
}
.lyteWeekNumberGrid + .lyteDateRPLastDateSelected,
.lyteWeekNumberGrid + .lyteDateRPTempLastDateSelected,
.lyteWeekNumberGrid + .lyteDateRPTempLastDateSelected:hover,
.lyteDateRPFirstDateSelected:last-of-type,
.lyteDateRPTempFirstDateSelected:last-of-type,
.lyteDateRPLastDateSelected:first-child,
.lyteDateRPTempLastDateSelected:first-child,
.lyteDateRPTempLastDateSelected.lyteCalTableCell:first-child:hover {
  background: transparent;
}
.lyteDateRPTempFirstDateSelected,
.lyteDateRPTempLastDateSelected,
.lyteDateRPFirstDateSelected,
.lyteDateRPLastDateSelected {
  color: #fff;
}
.lyteDateRPTempSelected:hover {
  background: #e6f3fd;
  color: #111;
  border-radius: 0;
}
.lyteCalTableCell.lyteDateRPTempLastDateSelected:hover,
.lyteDateRPMonthEndDate,
.lyteDateRPTempSelected:last-of-type,
.lyteCalTableCell.lyteDateRPTempSelected:last-of-type:hover {
  border-radius: 0 50% 50% 0;
}
.lyteWeekNumberGrid + .lyteDateRPTempSelected,
.lyteDateRPMonthStartDate,
.lyteDateRPTempSelected:first-of-type,
.lyteDateRPTempSelected:first-of-type:hover {
  border-radius: 50% 0 0 50%;
}
.lyteDateRPMonthEndDate:first-of-type {
  border-radius: 50%;
}
.lyteDateRPTempSelected:last-of-type::after,
.lyteDateRPFirstDateSelected:last-of-type::after,
.lyteDateRPTempFirstDateSelected:last-of-type::after,
.lyteDateRPTempLastDateSelected::after,
.lyteDateRPLastDateSelected::after {
  width: 0;
}
.lyteDateRPTempFirstDateSelected.lyteDateRPTempLastDateSelected,
.lyteDateRPFirstDateSelected.lyteDateRPLastDateSelected {
  background: var(--menuBg);
}
.lyteDateRPTempFirstDateSelected.lyteDateRPMonthEndDate,
.lyteDateRPMonthEndDate.lyteDateRPFirstDateSelected {
  background: var(--menuBg);
  border-radius: 50% 0 0 50%;
}
.lyteDateRPInterimEndDate::after,
.lyteDateRPTempFirstDateSelected.lyteDateRPMonthEndDate::after,
.lyteDateRPMonthEndDate.lyteDateRPFirstDateSelected::after {
  content: none;
}
.lyteDateRPMonthStartDate.lyteDateRPTempLastDateSelected,
.lyteDateRPMonthStartDate.lyteDateRPLastDateSelected {
  background: var(--menuBg);
}
.lyteDateRPInterimEndDate:hover,
.lyteDateRPInterimEndDate.lyteDateRPTempSelected:first-of-type,
.lyteDateRPInterimEndDate {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.lyteDateRPInterimStartDate.lyteDateRPTempSelected.lyteDateRPTempLastDateSelected,
.lyteDateRPInterimStartDate.lyteDateRPTempLastDateSelected:hover,
.lyteDateRPInterimStartDate:hover,
.lyteDateRPInterimStartDate {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.lyteCalToday.lyteDateRPTempSelected {
  border-color: transparent;
}
/*------- Added by Sam-------*/
.lyteDateRPNavDisabled {
  opacity: 0.3;
  pointer-events: none;
}
.lyteSeperateDRP .lyteDateRPFirstDateSelected,
.lyteSeperateDRP .lyteDateRPLastDateSelected {
  border-radius: 50%;
}
.lyteSeperateDRP .lyteDateRPFirstDateSelected:after {
  display: none;
}
.lyteDateRangePickerRow .lyteCalTableCell {
  touch-action: none;
}
/*------- Added for ltPropHeaderType option -------*/
.lyteDateRPStringHeader {
  padding-top: 17px;
  font-size: 18px;
  color: #666;
}
/*------- Added for ltPropFillRows option -------*/
lyte-daterangepicker .lyteCalDiffMonth {
  pointer-events: none;
  opacity: 0.4;
}
/*------- Added by Sam-------*/
.lyteAllowOtherMonthSelection .lyteCalDiffMonth {
  pointer-events: auto;
}
.lyteAllowOtherMonthSelection .lyteCalDisabled {
  pointer-events: none;
}
.lyteAllowOtherMonthSelection .lyteDateRPFirstDateSelected,
.lyteAllowOtherMonthSelection .lyteDateRPTempSelected,
.lyteAllowOtherMonthSelection .lyteDateRPLastDateSelected,
.lyteAllowOtherMonthSelection .lyteCalDiffMonth:hover {
  opacity: 1;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* LYTE-DATERANGEPICKER ENDS    */
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-MESSAGEBOX BEGINS   */
.lyteMessageBoxContent {
  font-family: var(--ff-base);
  font-size: 14px;
  color: inherit;
}
.lyteMessageBox {
  padding: 0;
  z-index: 1080;
  background: transparent;
  border-radius: 0;
  color: var(--clr-df);
  font-size: 15px;
  transition: 0.3s all ease;
  display: block;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  border: 1px solid transparent;
  position: absolute;
  min-width: 200px;
}
.lyteMessageBox.successMessageIcon {
  border-color: #49a251;
}
.lyteMessageBox.errorMessageIcon {
  border-color: #e64040;
}
.lyteMessageBox.warningMessageIcon {
  border-color: #ea8d42;
}
.lyteMessageBox.infoMessageIcon {
  border-color: #188bc7;
}
.lyteMessageBox .lyteMessageBoxSymbol {
  height: 100%;
  display: inline-block;
  position: absolute;
  width: 50px;
}
.lyteMessageBox.successMessageIcon .lyteMessageBoxSymbol {
  background: #49a251;
}
.lyteMessageBox.errorMessageIcon .lyteMessageBoxSymbol {
  background: #e64040;
}
.lyteMessageBox.warningMessageIcon .lyteMessageBoxSymbol {
  background: #ea8d42;
}
.lyteMessageBox.infoMessageIcon .lyteMessageBoxSymbol {
  background: #188bc7;
}
.lyteMessageBox .lyteMessageBoxSymbol::before {
  content: "";
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  position: absolute;
  display: inline-block;
  width: 22px;
  height: 20px;
  top: calc(50% - 10px);
  left: calc(50% - 11px);
}
.lyteMessageBox.successMessageIcon .lyteMessageBoxSymbol::before {
  background-position: -287px -58px;
}
.lyteMessageBox.errorMessageIcon .lyteMessageBoxSymbol::before {
  background-position: -317px -60px;
  width: 24px;
  left: calc(50% - 12px);
}
.lyteMessageBox.warningMessageIcon .lyteMessageBoxSymbol::before {
  background-position: -347px -58px;
}
.lyteMessageBox.infoMessageIcon .lyteMessageBoxSymbol::before {
  background-position: -377px -58px;
}
.lyteMessageBox .lyteMessageBoxContent {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  padding: 10px 15px 10px 65px;
}
.lyteMessageBox .lyteMessageBoxClose {
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -54px -2px;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  right: 15px;
}
.lyteMessageBoxFadeIn {
  animation-name: lyteMsgBoxFadeIn;
}
@keyframes lyteMsgBoxFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.lyteMessageBoxFadeOut {
  animation-name: lyteMsgBoxFadeOut;
}
@keyframes lyteMsgBoxFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* LYTE-MESSAGEBOX ENDS   */
.lyteMessageBox .lyteMessageBoxSymbol {
  display: none!important;
  width: 0 !important;
}
.lyteMessageBox .lyteMessageBoxContent {
  padding: 0;
}
.ui-hide-close .lyteMessageBoxClose {
  display: none;
}
/*.lyteMessageBox {
    box-shadow: 0 8px 35px 0 rgba(44,44,77,0.60) !important;
    padding: 10px 15px;
    z-index: 11000;
    background: var(--white);
    background: linear-gradient(180deg, #27294B 0%, #2C2E4A 100%) !important;
    border-radius: 2px;
    font-size: 14px;
    transition: .3s all ease;
    display: block;
    -webkit-font-smoothing: antialiased;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    border: 0px solid #292b4a;
    position: absolute;
    visibility: hidden;
    border-radius: 4px;
    text-align: left;
    margin-top: 10px;
    font-family:lato-semibold;
}*/
.lyteMessageBox.successMessageIcon {
  border-color: #b0d8a0;
  background: #dff0d8 !important;
  box-shadow: 0px 0px 0px 0px #aee8be !important;
  color: #1F7835;
}
.lyteMessageBox.errorMessageIcon {
  border-color: #deb9b9;
  background: #efdfde !important;
  box-shadow: 0px 0px 0px 0px rgba(253, 0, 0, 0.2) !important;
  color: #9f4944;
}
.lyteMessageBox.warningMessageIcon {
  border-color: #d6d2b5;
  background: #fbf8e4 !important;
  box-shadow: 0px 0px 0px 0px #f7d5bb !important;
  color: #866f40;
}
.lyteMessageBox.infoMessageIcon {
  border-color: #98b9e2;
  background: #dcecf7 !important;
  box-shadow: 0px 0px 0px 0px #b9ddf1 !important;
  color: #347494;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* CSS Common for all scrollbars */
.lyteScrollBar {
  overflow: hidden !important;
  position: relative !important;
  width: 100%;
  height: 100%;
  outline: none;
  box-sizing: border-box;
  overflow-anchor: none;
  -ms-overflow-style: none;
}
.lyteScrollContainer {
  position: absolute;
  border-radius: 4px;
  z-index: 1000;
  overflow: hidden;
}
.lyteScrollContainer:hover {
  background: #eee;
  opacity: 0.9;
}
.lyteScrollContainer .lyteScrollDiv:hover {
  background: #999;
}
.lyteScrollContainer.lyteScrollContainerY {
  width: 8px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
}
.lyteScrollContainer.lyteScrollContainerX {
  height: 8px;
  top: auto;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.lyteScrollContainer .lyteScrollDiv {
  background: #aaa;
  position: relative;
  border-radius: 5px;
}
.lyteScrollContainerY .lyteScrollDiv {
  width: 100%;
}
.lyteScrollContainerX .lyteScrollDiv {
  height: 100%;
}
.lyteScrollContainer.lyteScrollContainerX.top {
  top: 0px;
  bottom: auto;
}
.lyteScrollContainer.lyteScrollContainerY.left {
  left: 0px;
  right: auto;
}
@supports (-ms-overflow-style: none) {
  .lyteScrollBar {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .lyteScrollBar {
    overflow: auto !important;
  }
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/scrollbar.less file
 */
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/*  Lyte Table CSS BEGINS   */
lyte-table {
  display: block;
  height: inherit;
  font-family: var(--ff-base);
}
lyte-table-structure {
  display: table;
  position: relative;
  background: var(--buttonBgClr);
  box-sizing: border-box;
}
lyte-tr {
  display: table-row;
}
lyte-tr.lyteTableDummyRow {
  position: relative;
}
lyte-col {
  display: table-column;
}
lyte-colgroup {
  display: table-column-group;
}
lyte-thead {
  display: table-header-group;
}
lyte-th {
  cursor: default;
  background: #DFE6EF;
  text-align: left;
  color: var(--clr-df);
  font-family: var(--ff-base);
  font-size: 13px;
  outline: none;
  padding: 5px 15px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  min-width: 50px;
  box-sizing: border-box;
  white-space: nowrap;
  text-transform: capitalize;
}
lyte-th.tableRowFixed {
  z-index: 6;
}
.lyteTableFixed {
  z-index: 8;
  box-shadow: 3px 0 7px -2px rgba(0, 0, 0, 0.2);
}
lyte-th.tableRowFixed.lyteTableFixed {
  z-index: 10;
}
lyte-th:last-of-type lyte-tablehead-resize {
  cursor: default;
  position: absolute;
  right: 0;
  height: 0px;
  width: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
lyte-tbody {
  display: table-row-group;
}
lyte-td {
  display: table-cell;
  border-bottom: 1px solid var(--border-clr-sec);
  vertical-align: middle;
  background: var(--buttonBgClr);
  min-width: 50px;
  box-sizing: border-box;
  padding: 8px 15px;
  font-size: 13px;
  white-space: nowrap;
  color: var(--clr-df);
  position: relative;
}
lyte-tfoot {
  display: table-footer-group;
}
lyte-table > .lyteTableScroll {
  overflow: auto;
  max-width: 100%;
  max-height: 100%;
  outline: none;
}
lyte-table.border .lyteTableScroll {
  border-bottom: 1px solid var(--border-clr-sec);
  border-right: 1px solid var(--border-clr-sec);
}
lyte-table > .lyteTableScroll > lyte-yield {
  display: block;
  width: 100%;
}
lyte-table.border lyte-tbody lyte-tr:last-of-type lyte-td {
  border-bottom: 0;
}
lyte-table.border lyte-thead lyte-tr lyte-td:last-of-type,
lyte-table.border lyte-tbody lyte-tr lyte-td:last-of-type {
  border-right: 0;
}
lyte-table.border lyte-th {
  border: 1px solid var(--border-clr-sec);
  border-bottom: none;
  border-right: none;
}
lyte-table.border lyte-th:last-of-type {
  border-right: 0;
}
lyte-table.border lyte-td {
  border: 1px solid var(--border-clr-sec);
  border-right: 0;
  border-top: 0;
}
.lyteDualResize lyte-th:last-of-type lyte-tablehead-resize,
lyte-tablehead-resize {
  cursor: ew-resize;
  height: 100%;
  width: 21px;
  top: 0;
  z-index: 9;
  right: -12px;
  position: absolute;
}
.lyteTableFixed lyte-tablehead-resize {
  display: none;
}
.lyteTableEnableResize .lyteTableFixed:hover {
  z-index: 9;
}
.lyteTableEnableResize .lyteTableFixed lyte-tablehead-resize {
  display: block;
}
.lyteDualResize lyte-th:last-of-type lyte-tablehead-resize {
  pointer-events: auto;
  right: 0;
}
lyte-tablehead-resize::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  right: 10px;
  background: transparent;
}
.lyteDualResize lyte-th:last-of-type lyte-tablehead-resize::after {
  right: 0;
}
lyte-th[resize="enable"]:not(.lyteTableFixed):hover {
  z-index: 7;
}
lyte-th[resize="enable"]:not(.lyteTableFixed).lyteTableResizeSelect {
  z-index: 8;
}
lyte-th[resize="enable"]:hover lyte-tablehead-resize::after {
  background: var(--activeBgClr);
  opacity: 0.7;
}
lyte-th[resize="enable"] lyte-tablehead-resize:hover::after,
lyte-th[resize="enable"].resizeSelect lyte-tablehead-resize::after {
  background: var(--activeBgClr);
  opacity: 1;
}
lyte-table.resizing lyte-th[resize="enable"]:not(.resizeSelect):hover lyte-tablehead-resize::after {
  background: transparent;
}
lyte-table-resize {
  width: 15px;
  height: 15px;
  bottom: 0;
  cursor: se-resize;
  z-index: 10;
  right: 0;
  position: absolute;
}
lyte-table-resize:hover {
  border-bottom: 2px solid var(--activeBgClr);
  border-right: 2px solid var(--activeBgClr);
}
lyte-table-horizontal-resize {
  width: 15px;
  height: 100%;
  bottom: 0;
  cursor: col-resize;
  z-index: 9;
  right: 0;
  position: absolute;
}
lyte-table-horizontal-resize:hover {
  border-right: 2px solid var(--activeBgClr);
}
lyte-table-vertical-resize {
  width: 100%;
  height: 15px;
  bottom: 0;
  cursor: row-resize;
  z-index: 9;
  right: 0;
  position: absolute;
}
lyte-table-vertical-resize:hover {
  border-bottom: 2px solid var(--activeBgClr);
}
.lyteTableSortHelper {
  font-family: var(--ff-base);
  font-size: 14px;
  position: absolute;
  z-index: 1080;
  background: var(--buttonBgClr);
  border: 1px solid var(--activeBgClr);
  padding: 12px 15px;
  box-sizing: border-box;
  cursor: move;
  color: var(--clr-df);
}
.sortableTable lyte-th {
  cursor: move;
}
lyte-table.lyteStickyTable {
  --lyte-table-intersection: 0px;
}
.lyteStickyTable .lyteFixedColumn {
  position: sticky;
  z-index: 1;
}
.lyteIntersectionDiv {
  position: absolute;
  width: 1px;
  height: 10px;
  top: var(--lyte-table-intersection);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.lyteStickyTable lyte-th {
  top: 0;
  position: sticky;
  z-index: 6;
}
.lyteStickyTable lyte-th.lyteFixedColumn {
  /*	lyteFixedColumn class will be added to fixed column while rendering itself	*/
  z-index: 7;
}
.lyteStickyTable lyte-th.lyteTableFixed {
  /*	lyteTableFixed class will be added to fixed column while scrolling	*/
  z-index: 8;
}
.lyteTableRightFixed.lyteTableFixed {
  box-shadow: -3px 0 7px -2px rgba(0, 0, 0, 0.2);
}
.lyteStickyTableColumnMoving {
  z-index: 10;
}
lyte-th.lyteStickyTableColumnMoving {
  z-index: 15;
}
.lyteStickyTableColumnSortAnimate {
  transform: translateX(0px);
  transition: transform 0.2s linear;
}
lyte-table.lyteTableInfiniteScrollBorderReset lyte-td {
  border: 0;
  padding: 0;
}
.lyteTableInfiniteScrollBorderReset lyte-cell-wrapper {
  display: block;
  padding: 8px 15px;
  border-bottom: 1px solid var(--border-clr-sec);
  height: 100%;
  box-sizing: border-box;
}
.border.lyteTableInfiniteScrollBorderReset lyte-cell-wrapper {
  border: 1px solid var(--border-clr-sec);
  border-right: 0;
  border-top: 0;
}
/*	Lyte Table - infinite scroll - Sortable case related CSS BEGINS */
.lyteTableWithSortableRow lyte-tr {
  cursor: move;
}
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting lyte-cell-wrapper,
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting + lyte-tr lyte-cell-wrapper,
lyte-table .lyteTableRowSorting lyte-td,
lyte-table .lyteTableRowSorting + lyte-tr lyte-td {
  border-top: 1px solid var(--border-clr-sec);
  padding-top: 14px;
}
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting lyte-td,
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting + lyte-tr lyte-td {
  border-top: 0;
  padding-top: 0;
}
lyte-table.border .lyteTableWithSortableRow .lyteTableRowSorting lyte-td:last-of-type {
  border-right: 1px solid var(--border-clr-sec);
}
lyte-tr.lyteTableRowSorting {
  position: relative;
  z-index: 10;
}
.lyteTableWithSortableRow .lyteTableSortablePlaceholder lyte-td {
  background: #f6fad2;
  border-left: 1px solid transparent;
  border-bottom: 1px solid var(--border-clr-sec);
}
.lyteTableWithSortableRow .lyteTableSortablePlaceholder lyte-td:first-of-type {
  border-left: 1px solid var(--border-clr-sec);
}
.lyteTableSortablePlaceholder {
  position: absolute;
  background: #f6fad2;
  border: 1px solid #edf2c3;
  box-sizing: border-box;
  z-index: 5;
}
.lyteTableSortablePlaceholderHidden {
  display: none;
}
/*	Lyte Table - infinite scroll - Sortable case related CSS ENDS */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/table.less file
 */
/*  Lyte Table CSS ENDS   */
.lyteListviewWrapper td {
  display: table-cell;
  border-bottom: 1px solid #F2F2F2;
  vertical-align: middle;
  background: #fff;
  min-width: 50px;
  box-sizing: border-box;
  padding: 8px 15px;
  font-size: 13px;
  white-space: nowrap;
  color: var(--commonTxtClr2);
  position: relative;
}
lyte-table.ui-lyte-table-secondary lyte-th,
lyte-table.ui-lyte-table-secondary lyte-td {
  background: #f8f8f8;
  border-color: #dfe2e8;
  border-bottom: 1px solid #dfe2e8;
}
lyte-table.ui-lyte-table-secondary .lyteTableScroll {
  border-color: #dfe2e8;
  border-radius: 2px;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-dateselect lyte-dropdown {
  display: block;
}
.lyteCalendarSelected,
.lyteDateSelect lyte-item:hover {
  background: #e8e8e8;
}
.lyteDateSelectHidden {
  display: none !important;
}
#lyteDateSelect lyte-drop-body {
  max-height: none;
  overflow: visible;
}
#lyteDateSelect lyte-drop-item {
  white-space: nowrap;
}
#lyteDateSelect lyte-drop-item[selected="true"] .dateArrow {
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: var(--buttonBgClr);
  right: -4px;
  top: calc(50% - 5px);
  z-index: -1;
  box-shadow: 1px -1px #d6d6d6;
}
lyte-drop-item[selected="true"].lyteDateSelectTempSelection::before {
  content: none;
}
.lyteDateSelectPrevTempSelection::before {
  content: '';
  background-image: none;
  background-position: -33px -15px;
  width: 9px;
  height: 7px;
  position: absolute;
  left: 10px;
  top: 15px;
}
#lyteDateSelect lyte-drop-item[selected="true"] .dateArrow.arrowLeft {
  left: -4px;
  box-shadow: -1px 1px #d6d6d6;
  right: unset;
}
#lyteDateSelect lyte-drop-item[selected="true"] {
  overflow: visible;
}
.dateSelectcal {
  position: absolute;
  z-index: 1060;
}
#lyteDateSelect,
.dateSelectcal .lyteDsBeforeCal,
.dateSelectcal .specificDate,
.dateSelectcal .customRange {
  opacity: 0;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  transform-origin: top;
}
#lyteDateSelect.lyteDateselectAnimate,
.dateSelectcal.lyteDateselectAnimate .specificDate,
.dateSelectcal.lyteDateselectAnimate .customRange {
  opacity: 1;
}
.dateSelectcal.lyteDateselectAnimate .specificDate,
.dateSelectcal.lyteDateselectAnimate .customRange,
.lyteDateselectAnimationHappening {
  overflow: hidden;
}
#lyteDateSelect.lyteDateselectUp,
.dateSelectcal.lyteDateselectUp .specificDate,
.dateSelectcal.lyteDateselectUp .customRange {
  transform-origin: bottom;
}
.dateSelectcal .lyteDsBeforeCal,
.dateSelectcal .specificDate,
.dateSelectcal .customRange {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.dateSelectcal .lyteDsBeforeCal.lyteDropdownHidden,
.dateSelectcal .specificDate.lyteDropdownHidden,
.dateSelectcal .customRange.lyteDropdownHidden {
  display: none;
}
.dateSelectcal .lyteDsBeforeCal lyte-calendar,
.dateSelectcal lyte-daterangepicker,
.dateSelectcal .specificDate lyte-calendar {
  border: 1px solid #d6d6d6;
  border-radius: 2px 2px 0 0;
}
.dateSelectcal .lyteDateRangePickerRow,
.dateSelectcal .lyteCalendarPopup {
  border: 0;
  box-shadow: none;
  border-radius: 2px 2px 0 0;
}
.dateSelectcal lyte-button {
  padding: 10px;
  margin-left: auto;
}
.dateSelectcal .lyteCalCurrentDate {
  display: none;
}
#lyteDateSelect lyte-drop-item {
  padding-right: 25px;
}
#lyteDateSelect lyte-drop-item.lyteDS_SecondaryOptItem::after {
  content: '';
  position: absolute;
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -1px -2px;
  width: 8px;
  height: 4px;
  transform: rotate(-90deg);
  right: 10px;
  top: calc(50% - 2px);
  opacity: 0.5;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
.ui-credit-job-table-container {
  height: calc(100% - 46px);
}
.ui-credit-job-table-container lyte-listview1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ui-credit-job-table-container lyte-table-structure {
  width: 100%;
}
.ui-credit-job-table-container .lyteListviewWrapper {
  flex: 1;
  overflow-y: auto;
}
.ui-credit-job-table-container .lyteListviewFooter {
  margin: 0 -60px;
}
.ui-credit-job-table-container lyte-navigator {
  display: flex;
  justify-content: center;
  height: 48px;
  background: #000;
}
.ui-credit-job-table-container .lyteDoubleFront lyte-nav-arrow,
.ui-credit-job-table-container .lyteDoubleBack lyte-nav-arrow,
.ui-credit-job-table-container .lyteNavigator .lyteIconDoubleBack::before,
.ui-credit-job-table-container .lyteNavigator .lyteIconDoubleFront::before,
.ui-credit-job-table-container .lyteNavigator .lyteIconSingleFront::before,
.ui-credit-job-table-container .lyteNavigator .lyteIconSingleBack::before,
.ui-credit-job-table-container .lyteSingleFront lyte-nav-arrow,
.ui-credit-job-table-container .lyteSingleBack lyte-nav-arrow {
  filter: brightness(0) invert(1);
  opacity: 1;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Search CSS BEGINS */
.lyteSearchHidden {
  display: none !important;
}
lyte-search[lt-prop-close-icon="true"] input {
  padding-right: 30px;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/search.less file
 */
/* Search CSS ENDS */
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-datetime-input {
  display: inline-block;
}
.lyteDateTimeInputWrapper {
  display: flex;
  position: relative;
}
.lyteDateTimeInputBox .lyteDateTimeInputWrapper {
  border: 1px solid var(--textBoxBrClr);
  border-radius: var(--bdrRadius);
  align-items: center;
}
.lyteDateTimeInputBox:hover .lyteDateTimeInputWrapper {
  border: 1px solid var(--themeColor);
}
.lyteDateInputOpened.lyteDateTimeInputBox .lyteDateTimeInputWrapper,
.lyteDateInputFocused.lyteDateTimeInputBox .lyteDateTimeInputWrapper {
  border: 1px solid var(--themeColor);
}
.lyteDateTimeInputBox .lyteDateTimeInputWrapper > input {
  border-right: 1px solid var(--textBoxBrClr);
  border-radius: var(--bdrRadius) 0 0 var(--bdrRadius);
}
.lyteDateTimeInputBox .lyteDateTimeInputWrapper > div input {
  border-radius: 0 var(--bdrRadius) var(--bdrRadius) 0;
}
.lyteDateTimeInputFlat .lyteDateTimeInputWrapper {
  border-bottom: 1px solid var(--textBoxBrClr);
  align-items: flex-end;
}
.lyteDateTimeInputFlat:hover .lyteDateTimeInputWrapper {
  border-bottom: 1px solid var(--themeColor);
}
.lyteDateInputOpened.lyteDateTimeInputFlat .lyteDateTimeInputWrapper,
.lyteDateInputFocused.lyteDateTimeInputFlat .lyteDateTimeInputWrapper {
  border-bottom: 1px solid var(--themeColor);
}
.lyteDateTimeInputWrapper input {
  font-family: var(--ff-base);
  font-size: var(--fs-base-widget);
  background: var(--clr-white);
  color: var(--clr-df);
  border: 0;
  box-shadow: none;
  outline: 0;
}
.lyteDateTimeInputBox input {
  padding: 9px 10px;
}
.lyteDateTimeInputFlat input {
  padding: 9px 0;
}
.lyteDateTimeInputWrapper lyte-drop-button {
  padding: 0;
}
.lyteDateTimeInputWrapper .lyteDummyEventContainer:focus lyte-drop-button,
.lyteDateTimeInputWrapper .lyteDummyEventContainer:focus lyte-drop-button:hover,
.lyteDateTimeInputWrapper lyte-drop-button:hover,
.lyteDateTimeInputWrapper lyte-drop-button {
  border: 0;
  box-shadow: none;
}
.lyteDateTimeInputWormhole {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1060;
}
.lyteDateTimeInputHidden {
  display: none;
}
.lyteDateTimezone {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 5px;
  color: var(--clr-df);
}
.lyteDateInputCalendarIcon {
  -webkit-mask: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg) no-repeat -224px -81px;
  mask: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg) no-repeat -224px -81px;
  width: 16px;
  height: 17px;
  background-color: #585858;
  position: absolute;
  left: calc(50% - 25px);
  cursor: pointer;
}
.lyteDateTimeInputBox[lt-prop-aria="true"] .lyteDateTimeInputWrapper > input {
  padding-right: 30px;
  width: 50%;
  box-sizing: border-box;
}
[lt-prop-aria="true"] .lyteDateTimeInputWrapper div {
  width: 50%;
}
.lyteDateTimeInputFlat[lt-prop-aria="true"] .lyteDateInputCalendarIcon {
  bottom: 10px;
}
.lyteDateInputCalendarIcon:hover {
  background-color: #333;
}
.lyteDateInputOpened .lyteDateInputCalendarIcon,
.lyteDateInputFocused .lyteDateInputCalendarIcon {
  outline: 0;
  background-color: var(--activeBgClr);
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-number {
  position: relative;
  display: inline-flex;
  font-family: var(--ff-base);
}
lyte-number .lyteLabel {
  font-family: var(--ff-base);
  font-size: var(--fs-base-widget);
  padding-right: 30px;
  color: var(--placeHolderClr);
  flex-grow: 1;
}
lyte-number .lyteField {
  flex-grow: 0;
  display: flex;
}
lyte-number input {
  font-family: var(--ff-base);
  font-size: var(--fs-base-widget);
  color: var(--clr-df);
  outline: none;
  box-sizing: border-box;
}
lyte-number input:disabled {
  background: #f3f3f3;
  cursor: default;
  color: var(--secBrLight);
}
lyte-number input::placeholder {
  font-family: var(--ff-base);
  color: #a6a6a6;
}
lyte-number input:-ms-input-placeholder {
  font-family: var(--ff-base);
  color: #a6a6a6;
}
lyte-number input::-ms-input-placeholder {
  font-family: var(--ff-base);
  color: #a6a6a6;
}
lyte-number input::-ms-clear {
  display: none;
}
lyte-number.horizontal .lyteLabel {
  min-width: 40%;
  width: 40%;
  box-sizing: border-box;
}
lyte-number.horizontal .lyteField {
  min-width: 60%;
  width: 60%;
}
lyte-number.vertical {
  flex-direction: column;
  text-align: left;
}
lyte-number.vertical .lyteLabel {
  padding-right: 0;
  margin-bottom: 0;
}
.lyteInputFocus.lyteErrorInput .lyteField,
.lyteErrorInput .lyteField:hover,
.lyteErrorInput .lyteField {
  border-color: #E74C3C;
  position: relative;
}
.lyteErrorInput .lyteField::after {
  content: '';
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -263px -31px;
  width: 16px;
  height: 15px;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.lyteErrorInput input {
  padding-right: 35px;
}
.lyteNumberErrorMessage {
  color: #E74C3C;
  font-size: 13px;
  margin-top: 5px;
  display: block;
}
.lyteNumberArrowContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0;
}
.lyteNumberUpArrow,
.lyteNumberDownArrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background-image: unset;
  width: auto;
  height: 15px;
  rotate: unset;
  scale: unset;
  opacity: 1;
  cursor: pointer;
}
.lyteNumberUpArrow:hover,
.lyteNumberDownArrow:hover {
  opacity: 1;
}
.lyteNumberUpArrow {
  background-position: -41px -29px;
}
.lyteNumberDownArrow {
  background-position: -58px -29px;
}
.lyteNumberArrowDisabled:hover,
.lyteNumberArrowDisabled {
  opacity: 1;
  cursor: not-allowed;
}
.lyteNumberWithArrowKeys.lyteErrorInput .lyteField::after {
  right: 40px;
}
.lyteNumberUnitElem {
  align-self: center;
}
.lyteNumberUnitElem:last-child {
  margin-right: 10px;
}
.lyteNumberSuffix.lyteField {
  align-items: center;
}
.lyteNumberSuffixDummyWrapper {
  position: absolute;
  padding: 3px 5px;
  pointer-events: none;
  left: auto;
  right: auto;
  display: flex;
}
.lyteNumberWithArrowKeys .lyteNumberSuffixDummyWrapper {
  right: auto;
}
.lyteNumberSuffixDummyElem {
  opacity: 0;
  max-width: 100%;
}
.lyteNumberSuffixDummyWrapper .lyteNumberUnitElem {
  margin-left: 0;
  pointer-events: auto;
  margin-right: 0;
}
.lyteInputFocus .lyteNumberSuffixDummyWrapper {
  display: none;
}
/*.lyteNumberLabelMixin() {
	line-height: 1.4;
}*/
.lyteNumberArrowContainer {
  border: var(--border-clr-df);
  border-width: 0;
  background: transparent;
  margin: 0;
}
.lyteNumberControls {
  margin: -1px;
  border: solid var(--buttonBrClr);
  border-width: 1px;
  border-radius: 0;
  padding: 0 6px;
  background: var(--buttonBgClr);
  box-sizing: content-box;
  user-select: none;
  padding-bottom: 1px;
}
.lyteNumberControls .lyteinputfield__icon {
  width: 12px;
  height: 12px;
  display: block;
}
.lyteNumberControls .lyteinputfield__icon .lyteinputfield__svg {
  width: inherit;
  height: inherit;
  float: left;
  fill: var(--arrowColor);
}
lyte-number.lyteInputBox .lyteField:hover {
  border: 1px solid var(--buttonBrClr);
}
lyte-number.lyteNumberDisabled {
  background: var(--buttonBgClr);
  box-shadow: var(--buttonBoxshadow);
  opacity: 0.7;
}
lyte-number.lyteNumberDisabled .lyteField {
  color: var(--secBrLight);
  cursor: default;
}
lyte-number.lyteNumberDisabled .lyteField .lyteNumberControls {
  border-color: transparent;
  background: transparent;
  cursor: default;
}
lyte-number.lyteNumberDisabled .lyteField .lyteNumberControls .lyteinputfield__icon {
  opacity: 0.3;
}
lyte-number.ui-number-with-left-label {
  flex-direction: row;
  align-items: center;
}
lyte-number.ui-number-with-left-label .lyteLabel {
  flex-shrink: 0;
}
lyte-number.ui-number-with-left-label .lyteField {
  margin-left: 9px;
  /*.lyteNumberControls {
				padding-bottom: 1px;
			}*/
}
lyte-number.lyteInputFocus {
  border: 1px solid #4190f2;
  background: var(--clr-white);
  box-shadow: var(--buttonBoxshadow);
}
lyte-number.lyteInputFocus .lyteField,
lyte-number.lyteInputFocus .lyteNumberControls {
  border-color: var(--themeColor) !important;
}
lyte-number.ui-zinputfield-withheader.lyteInputFocus {
  z-index: 1;
  background: var(--buttonBgClr);
}
lyte-number.ui-zinputfield-withheader.lyteInputFocus .lyteField {
  border: 1px solid var(--textBoxBrClr);
  background: var(--textBoxBg);
  box-shadow: none;
}
lyte-number.ui-zinputfield-withheader.lyteNumberDisabled .lyteField .lyteNumberDownArrow .lyteinputfield__icon {
  margin-top: -11px;
}
lyte-number.ui-firstrow-header,
lyte-number.ui-column-count-num {
  /* Table panel first row header number checkbox and converttexttotable dialog number css */
}
lyte-number.ui-firstrow-header .lyteField,
lyte-number.ui-column-count-num .lyteField {
  width: 50px;
}
lyte-number.ui-zinputfield-h {
  height: auto;
}
lyte-number.ui-zinputfield-h .lyteField {
  border-color: transparent;
  background: transparent;
  width: 100%;
  flex-grow: 0;
}
lyte-number.ui-zinputfield-h .lyteField input {
  width: 69px;
  padding-left: 4px;
  background: transparent;
}
lyte-number.ui-zinputfield-h .lyteField .lyteNumberArrowContainer {
  opacity: 0;
}
lyte-number.ui-zinputfield-h .lyteField .lyteNumberControls {
  padding-bottom: 1px;
}
lyte-number.ui-zinputfield-h:hover .lyteField,
lyte-number.ui-zinputfield-h.lyteInputFocus .lyteField {
  border: 1px solid var(--buttonBrClr);
}
lyte-number.ui-zinputfield-h:hover .lyteField input,
lyte-number.ui-zinputfield-h.lyteInputFocus .lyteField input {
  background: var(--clr-white);
}
lyte-number.ui-zinputfield-h:hover .lyteField .lyteNumberArrowContainer,
lyte-number.ui-zinputfield-h.lyteInputFocus .lyteField .lyteNumberArrowContainer {
  opacity: 1;
}
lyte-number.ui-znfield-in-sbox {
  flex-direction: row;
  align-items: center;
}
lyte-number.ui-znfield-in-sbox .lyteLabel {
  height: calc(var(--buttonHeight) - 2px);
  background: var(--body-bg);
  float: left;
  padding: 0 7px;
  line-height: calc(var(--buttonHeight) - 2px);
  max-width: 35px;
  color: var(--clr-df);
  flex-shrink: 0;
}
lyte-number.ui-znfield-in-sbox .lyteField {
  border: 0;
}
lyte-number.ui-znfield-in-sbox .lyteField:hover {
  border: 0;
}
lyte-number.ui-znfield-in-sbox .lyteNumberArrowContainer {
  display: none;
}
lyte-number.ui-znfield-in-sbox:hover .lyteNumberArrowContainer {
  display: flex;
}
lyte-number.ui-indent-hanging {
  padding-bottom: 5px;
}
.lyteNumberArrowDisabled {
  background-color: var(--clr-white);
  cursor: default;
}
.lyteNumberArrowDisabled .lyteinputfield__icon {
  opacity: 0.3;
}
.ui-zinputfield-withheader.lyteInputBox .lyteField,
.ui-indent-hanging.lyteInputBox .lyteField {
  border: 1px solid transparent;
  background: transparent;
  width: 50%;
  margin-left: -2px;
  margin-top: -1px;
  border-radius: 0;
}
.ui-zinputfield-withheader.lyteInputBox .lyteField input,
.ui-indent-hanging.lyteInputBox .lyteField input {
  padding: 1px 2px;
  background: transparent;
}
.ui-zinputfield-withheader .lyteNumberArrowContainer,
.ui-indent-hanging .lyteNumberArrowContainer {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: space-between;
  padding: 0;
  border-left: 1px solid transparent;
}
.ui-zinputfield-withheader .lyteNumberControls,
.ui-indent-hanging .lyteNumberControls {
  height: 23px;
  padding: 0 5px;
  border: 1px solid transparent;
  background: transparent;
  margin-bottom: 0;
}
.ui-zinputfield-withheader .lyteNumberControls .lyteinputfield__icon,
.ui-indent-hanging .lyteNumberControls .lyteinputfield__icon {
  transition: all 0.2s;
}
.ui-zinputfield-withheader .lyteNumberDownArrow,
.ui-indent-hanging .lyteNumberDownArrow {
  margin-bottom: -1px;
}
.ui-zinputfield-withheader .lyteNumberDownArrow .lyteinputfield__icon,
.ui-indent-hanging .lyteNumberDownArrow .lyteinputfield__icon {
  margin-top: -10px;
}
.ui-zinputfield-withheader:hover .lyteField,
.ui-indent-hanging:hover .lyteField {
  border: 1px solid var(--textBoxBrClr);
  background: var(--textBoxBg);
  box-shadow: none;
}
.ui-zinputfield-withheader:hover .lyteNumberControls,
.ui-indent-hanging:hover .lyteNumberControls {
  border-color: var(--buttonBrClr);
}
.ui-zinputfield-withheader:hover .lyteNumberDownArrow .lyteinputfield__icon,
.ui-indent-hanging:hover .lyteNumberDownArrow .lyteinputfield__icon {
  margin-top: 0;
}
.ui-zinputfield-withheader.lyteInputFocus .lyteNumberControls,
.ui-indent-hanging.lyteInputFocus .lyteNumberControls {
  border-color: var(--buttonBrClr);
}
.ui-zinputfield-withheader.lyteNumberDisabled:hover .lyteField {
  border: 1px solid transparent;
  background: transparent;
}
.ui-zinputfield-r.lyteInputBox .lyteField,
.ui-zinputfield-l.lyteInputBox .lyteField {
  width: 75px;
}
.ui-nfield-with-aspectratio .lyteInputBox .lyteField {
  width: 67px;
}
.ui-nfield-with-aspectratio .ui-zinputfield-l .lyteNumberControls {
  padding-right: 14px;
}
.ui-inputfield-with-radio-grp lyte-number .lyteField {
  border-color: transparent;
  border-radius: 0;
}
.ui-inputfield-with-radio-grp lyte-number .lyteField input {
  background: transparent;
}
.ui-inputfield-with-radio-grp lyte-number .lyteNumberArrowContainer {
  opacity: 0;
}
.ui-inputfield-with-radio-grp lyte-number:hover .lyteField {
  border-color: var(--textBoxBrClr);
}
.ui-inputfield-with-radio-grp lyte-number:hover .lyteField input {
  background: var(--textBoxBg);
}
.ui-inputfield-with-radio-grp lyte-number:hover .lyteNumberArrowContainer {
  opacity: 1;
}
.ui-num-focus-remove.lyteInputFocus {
  border: 0;
  background: transparent;
}
.ui-para-space-cont:hover .lyteNumberControls,
.ui-para-space-cont.lyteInputFocus .lyteNumberControls {
  border-color: transparent !important;
  background: transparent;
}
.ui-splitbtn-arrow-invisible lyte-number .lyteNumberArrowContainer {
  opacity: 0;
}
.ui-splitbtn-arrow-invisible lyte-number:hover .lyteNumberArrowContainer,
.ui-splitbtn-arrow-invisible lyte-number.lyteInputFocus .lyteNumberArrowContainer {
  opacity: 1;
}
.ui-cdate-spin-blk lyte-number {
  width: 56px;
}
.ui-cdate-spin-blk lyte-number .lyteNumberControls {
  padding-left: 3px;
  padding-right: 3px;
}
.ui-sbox-in-menu lyte-number.lyteInputBox .lyteField {
  border: 0;
}
.ui-sbox-in-menu lyte-number.lyteInputBox .lyteField:hover {
  border: 0;
}
.ui-sbox-in-menu lyte-number.lyteInputFocus .lyteField {
  border: 0;
}
.ui-sbox-in-menu .lytebutton__icon {
  margin-right: 0;
  width: 12px;
  display: none;
}
.ui-sbox-in-menu lyte-number.lyteInputBox input,
.lytelabeledcombobox lyte-number.lyteInputBox input {
  background: transparent;
  padding: 0;
}
.ui-sbox-in-menu lyte-number.lyteInputBox .lyteNumberSuffixDummyWrapper,
.lytelabeledcombobox lyte-number.lyteInputBox .lyteNumberSuffixDummyWrapper {
  width: 100%;
  padding: 0;
}
.lytelabeledcombobox lyte-number .lyteField {
  width: 75px;
  border: 1px solid transparent;
}
.lytelabeledcombobox lyte-number .lyteLabel {
  line-height: 1.42857143;
}
.lytelabeledcombobox:hover lyte-number .lyteField,
.lytelabeledcombobox.lyteDropButtonDown lyte-number .lyteField {
  border-color: var(--border-clr-df);
  background: var(--bg-white);
}
.ui-image-opt-slider lyte-number .lyteField {
  width: 45px;
  background: var(--bg-white);
}
.ui-image-opt-slider lyte-number .lyteField input {
  height: 18px;
  background: transparent;
  line-height: 18px;
  border: 1px solid transparent;
  padding: 2px;
  word-spacing: -2px;
}
.ui-sign-dlg lyte-number {
  width: 80px;
}
.ui-mm-email-dialog .ui-cdate-spin-blk lyte-number {
  width: 64px;
}
.ui-num-suffix-mar-left .lyteNumberUnitElem {
  margin-left: 4px;
}
.ui-advanced-page-setup-dialog .ui-image-opt-slider lyte-number .lyteField {
  width: 65px;
}
.writerSidePanelDemo {
  border: 1px solid var(--buttonBrClr);
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Navigator CSS BEGINS  */
lyte-navigator {
  font-family: var(--ff-base);
  font-size: 14px;
  cursor: default;
}
.lyteNavigator {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}
/*  Single Arrow related common code BEGINS   */
.lyteNavigator .lyteIconSingleFront::before,
.lyteNavigator .lyteIconSingleBack::before,
.lyteSingleFront lyte-nav-arrow,
.lyteSingleBack lyte-nav-arrow {
  width: 8px;
  height: 15px;
  display: inline-block;
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  opacity: 0.9;
  transform: scale(0.8);
  cursor: pointer;
}
.lyteNavigator .lyteIconSingleBack::before,
.lyteSingleBack lyte-nav-arrow {
  background-position: -58px -29px;
}
.lyteNavigator .lyteIconSingleBack:not(.lyteDisabled):hover::before,
.lyteSingleBack:not(.lyteDisabled):hover lyte-nav-arrow {
  background-position: -21px -77px;
  opacity: 1;
}
.lyteNavigator .lyteIconSingleFront::before,
.lyteSingleFront lyte-nav-arrow {
  background-position: -41px -29px;
}
.lyteNavigator .lyteIconSingleFront:not(.lyteDisabled):hover::before,
.lyteSingleFront:not(.lyteDisabled):hover lyte-nav-arrow {
  background-position: -4px -77px;
  opacity: 1;
}
/*  Single Arrow related common code ENDS   */
/*  Double Arrow related common code BEGINS   */
.lyteDoubleFront lyte-nav-arrow,
.lyteDoubleBack lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleBack::before,
.lyteNavigator .lyteIconDoubleFront::before {
  background-image: url(../../../../../../lyte_client/dist/theme/compiledCSS/images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  width: 12px;
  height: 13px;
  opacity: 0.7;
  display: inline-block;
  cursor: pointer;
}
.lyteDoubleBack lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleBack::before {
  background-position: -30px -135px;
}
.lyteDoubleFront lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleFront::before {
  background-position: -12px -135px;
}
.lyteDoubleBack:not(.lyteDisabled):hover lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleBack:not(.lyteDisabled):hover::before {
  background-position: -70px -135px;
}
.lyteDoubleFront:not(.lyteDisabled):hover lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleFront:not(.lyteDisabled):hover::before {
  background-position: -52px -135px;
}
/*  Double Arrow related common code ENDS   */
/*  Default type navigator code BEGINS  */
.lyteNavigatorMidPoint {
  margin: 0 20px;
  color: #fff;
  cursor: default;
}
.lyteNavigatorText {
  margin: 0 10px;
  color: #fff;
}
.lyteNavigator .lyteIconSingleBack,
.lyteNavigator .lyteIconSingleFront,
.lyteNavigator .lyteIconDoubleBack,
.lyteNavigator .lyteIconDoubleFront {
  cursor: pointer;
  position: relative;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
}
.lyteNavigator .lyteIconDoubleBack::before,
.lyteNavigator .lyteIconDoubleFront::before,
.lyteNavigator .lyteIconSingleFront::before,
.lyteNavigator .lyteIconSingleBack::before {
  content: '';
  display: block;
  margin: auto;
}
.lyteNavigator .lyteIconSingleFront.lyteDisabled,
.lyteNavigator .lyteIconDoubleFront.lyteDisabled,
.lyteNavigator .lyteIconSingleBack.lyteDisabled,
.lyteNavigator .lyteIconDoubleBack.lyteDisabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
/*  Default type navigator code ENDS  */
/*  Border type and Simple type common code BEGINS  */
.lytepagination:not(.textNavLink) .lyteNavArrow lyte-nav-arrow,
.lytepagination:not(.textNavLink) .lyteNavArrowBorder lyte-nav-arrow {
  color: transparent;
  font-size: 14px;
  line-height: 18px;
}
.lytepagination:not(.textNavLink) .lyteNavArrowBorder.lyteSingleBack lyte-nav-arrow {
  line-height: 19px;
}
.lytepage,
.lyteNavArrowBorder,
.lyteNavArrow {
  display: inline-block;
  vertical-align: middle;
}
.lytepagination .lyteborder,
.lytepagination .lytesimple {
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: var(--clr-df);
}
.lytepagination .lyteborder.dots3,
.lytepagination .lytesimple.dots3 {
  border: 0;
  padding: 0;
  margin: 0;
  color: var(--clr-df);
  vertical-align: top;
  pointer-events: none;
}
.lytepagination .lyteDisabled.lyteNavArrow,
.lytepagination .lyteDisabled.lyteNavArrowBorder {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.lyteSingleFront.lyteDisabled lyte-nav-arrow,
.lyteSingleBack.lyteDisabled lyte-nav-arrow {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}
/*  Border type and Simple type common code ENDS  */
/*  Border type navigator  BEGINS  */
.lytepagination .lyteborder {
  height: 22px;
  padding: 2.5px;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  margin: 0px 5px;
  min-width: 22px;
  line-height: 22px;
  display: inline-block;
}
.lytepagination .lyteborder:hover {
  border-color: #aaa;
  color: var(--clr-df);
}
.lyteborder.lyteNavArrowBorder {
  width: 22px;
  line-height: 27px;
}
.lyteborder.lyteNavArrowBorder:hover {
  border-color: var(--activeBgClr);
}
.lytepagination .lyteborder.lyteActiveAdd,
.lytepagination .lyteborder.lyteActiveAdd:hover {
  border-color: var(--activeBgClr);
  color: var(--activeBgClr);
  cursor: default;
}
.lyteDisabled.lyteNavArrowBorder,
.lyteDisabled.lyteNavArrowBorder:hover {
  border-color: #c4c4c4;
}
/*  Border type navigator ENDS  */
/*  Simple type navigator BEGINS    */
.lyteNavArrow,
.lytepagination .lytesimple {
  border: 0;
  width: 25px;
  height: 25px;
  padding: 2.5px;
  line-height: 25px;
  border-radius: 50%;
  margin: 2.5px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.lyteNavArrow lyte-nav-arrow {
  margin-top: 5px;
}
.lyteNavArrow.lyteDoubleFront lyte-nav-arrow,
.lyteNavArrow.lyteDoubleBack lyte-nav-arrow {
  margin-top: 6px;
}
.lytepagination .lytesimple:hover {
  background: #e6f3fd;
}
.lytepagination .lytesimple.lyteActiveAdd,
.lytepagination .lytesimple.lyteActiveAdd:hover {
  background: var(--activeBgClr);
  color: #fff;
}
.lytepagination .lytesimple.dots3 {
  vertical-align: middle;
  line-height: 15px;
}
/*  Simple type navigator ENDS    */
/*  Navigator with Text value styles BEGINS  */
.lytepagination.textNavLink .lyteNavArrow,
.lytepagination.textNavLink .lyteborder.lyteNavArrowBorder {
  width: auto;
  height: auto;
  border: 0;
  line-height: 20px;
  color: var(--clr-df);
}
.lytepagination.textNavLink .lyteNavArrow:hover,
.lytepagination.textNavLink .lyteborder.lyteNavArrowBorder:hover {
  color: var(--clr-df);
}
.lytepagination.textNavLink lyte-nav-arrow {
  width: auto;
  height: auto;
  background-image: none;
  transform: scale(1);
  opacity: 1;
}
.lytepagination.textNavLink .lyteNavArrow lyte-nav-arrow {
  margin-top: 0;
}
/*  Navigator with Text value styles ENDS  */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/navigator.less file
 */
/* Navigator CSS ENDS  */
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Slider CSS BEGINS  */
lyte-slider {
  display: inline-block;
}
lyte-slider * {
  box-sizing: content-box;
}
lyte-slider .lyteSlide {
  height: 100%;
}
.lyteRangeSlider,
.lyteSliderFill {
  display: block;
  border-radius: 10px;
  cursor: pointer;
}
.lyteRangeSlider {
  height: 1px;
  background: var(--dragDropBorderClr);
  position: relative;
  outline: none;
}
.lyteSliderFill {
  background: var(--themeColor);
  position: absolute;
  top: 0;
  /*  Altering this may cause alignment issue */
}
.lyteSlide,
.lyteSliderHandler {
  outline: none;
}
.lyteSliderHandler {
  z-index: 5;
}
.lyteSliderHandler.lyteMultiSliderSelected {
  z-index: 10;
}
.lyteSliderDisabled {
  pointer-events: none;
  opacity: 0.5;
}
.lyteSquare.lyteSliderHandler,
.lyteCircle.lyteSliderHandler {
  box-sizing: content-box;
  width: var(--sliderCircleSize);
  height: var(--sliderCircleSize);
  background: var(--dark-blue);
  border-radius: 50%;
  border: 1px solid var(--dark-blue);
  cursor: pointer;
  position: absolute;
  top: -8.5px;
  left: 10px;
}
.lyteSquare.lyteSliderHandler {
  border-radius: 0;
}
.lyteRangeSlider .lyteScaleLine .lyteScalLable {
  font-family: var(--ff-base);
  font-size: 12px;
  color: var(--clr-df);
  padding-top: 10px;
  display: inline-block;
}
/*  Horizontal slider related CSS Starts  */
.lyteRangeSlider.lyteHorizontal .lyteScaleOption {
  position: absolute;
  top: 15px;
  left: 0;
  /*  Altering this may cause alignment issue */
  width: 100%;
  height: 10px;
}
.lyteRangeSlider .lyteScaleLine {
  width: 18px;
  height: 8px;
  text-align: center;
  display: inline-block;
  position: absolute;
  margin-left: -9px;
  left: 20px;
}
.lyteScaleLine span:first-child {
  height: 100%;
  width: 2px;
  background: #c0c0c0;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 8px;
}
.lyteRangeSlider.lyteHorizontal .lyteSliderFill {
  height: 100%;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler {
  border: 2px solid var(--dark-blue);
  width: 10px;
  height: 9px;
  border-bottom-width: 1px;
  top: -4px;
  background: var(--dark-blue);
  cursor: pointer;
  position: absolute;
  left: 13px;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::after,
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::before {
  content: "";
  border-style: solid;
  border-color: transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  left: 0;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::before {
  border-top-color: var(--dark-blue);
  border-width: 7px;
  margin-left: -2px;
  top: 10px;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::after {
  border-top-color: var(--dark-blue);
  border-width: 5px;
  margin-left: 0;
  top: 9px;
}
/*  Horizontal slider related CSS Ends  */
/*  Vertical slider related CSS  Begins  */
.lyteRangeSlider.lyteVertical {
  width: 8px;
  height: 100%;
}
.lyteVertical .lyteSliderFill {
  width: 8px;
}
.lyteVertical .lyteCircle.lyteSliderHandler {
  top: 10px;
  left: -4px;
}
.lyteVertical .lyteSquare.lyteSliderHandler {
  left: -4px;
}
.lyteVertical.lyteRangeSlider .lyteScaleLine .lyteScalLable {
  position: absolute;
  padding-top: 0;
  top: -10px;
  left: 10px;
}
.lyteVertical.lyteRangeSlider .lyteArrow .lyteScaleLine .lyteScalLable {
  top: -10px;
  left: 10px;
}
.lyteVertical .lyteArrow.lyteSliderHandler,
.lyteVertical .lyteArrowLeft.lyteSliderHandler {
  top: 13px;
  width: 9px;
  height: 10px;
  border: 2px solid var(--dark-blue);
  background: var(--dark-blue);
  cursor: pointer;
  position: absolute;
}
.lyteVertical .lyteArrow.lyteSliderHandler {
  border-right-width: 1px;
  left: -4px;
}
.lyteVertical .lyteArrowLeft.lyteSliderHandler {
  border-left-width: 1px;
  left: 0;
}
.lyteVertical .lyteArrow.lyteSliderHandler::after,
.lyteVertical .lyteArrow.lyteSliderHandler::before,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::after,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::before {
  content: "";
  border-style: solid;
  border-color: transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.lyteVertical .lyteArrow.lyteSliderHandler::before,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::before {
  border-color: transparent;
  border-width: 7px;
  margin-top: -2px;
}
.lyteVertical .lyteArrow.lyteSliderHandler::before {
  border-left-color: var(--dark-blue);
  left: 10px;
}
.lyteVertical .lyteArrowLeft.lyteSliderHandler::before {
  border-right-color: var(--dark-blue);
  right: 10px;
}
.lyteVertical .lyteArrow.lyteSliderHandler::after,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::after {
  border-color: transparent;
  border-width: 5px;
  margin-top: 0;
}
.lyteVertical .lyteArrow.lyteSliderHandler::after {
  left: 9px;
  border-left-color: var(--dark-blue);
}
.lyteVertical .lyteArrowLeft.lyteSliderHandler::after {
  right: 9px;
  border-right-color: var(--dark-blue);
}
.lyteVertical.lyteRangeSlider .lyteScaleOption {
  position: absolute;
  top: 0;
  /*  Altering this may cause alignment issue */
  left: 15px;
  width: 10px;
  height: 100%;
}
.lyteVertical.lyteRangeSlider .lyteScaleLine {
  width: 6px;
  height: 18px;
  position: absolute;
  margin-top: 0;
  margin-left: -6px;
  top: 20px;
  left: 6px;
}
.lyteVertical.lyteRangeSlider .lyteArrow .lyteScaleLine {
  left: 8px;
}
.lyteVertical .lyteScaleLine span:first-child {
  height: 2px;
  width: 6px;
  left: 0;
  top: -1px;
}
.lyteVertical.lyteRangeSlider .lyteArrowLeft .lyteScaleLine .lyteScalLable {
  top: -8px;
  left: unset;
  right: 10px;
}
.lyteVertical.lyteRangeSlider .lyteArrowLeft.lyteScaleOption {
  left: -15px;
}
/*  Vertical slider related CSS  Ends  */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/slider.less file
 */
/* Slider CSS ENDS  */
.ui-access-widget-right-panel .lyteRangeSlider {
  height: 2px;
}
.ui-access-widget-right-panel .lyteSliderHandler {
  top: -7px;
}