/* Default theme imported */
/* Default theme imported */
/*	Icon Colors */
/* Loading theme in configuration */
/* Themes of components */
/* Loading custom themes */
/* import theme overrides */
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyte-svg {
  background-image: url(../../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: 2223;
}
.alertPopup {
  padding: 49px 26px 17px 26px;
  background: var(--dialogBg);
  border: 1px solid var(--body-bg);
  border-radius: 10px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
  display: inline-block;
  text-align: center;
  min-width: 350px;
  max-width: 800px;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  position: relative;
  z-index: 10;
}
.alertPopup .ui-msg-content {
  max-width: 330px;
}
.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: var(--fs-base-widget);
  color: var(--clr-df);
}
lyte-alert-footer,
.alertFooter {
  padding: 0;
  text-align: center;
  padding-top: 25px;
  display: block;
}
lyte-alert-footer lyte-button button,
.alertFooter lyte-button button {
  min-width: 68px;
  font-size: 13px;
  padding: 5px 10px 5px;
  margin-top: 5px;
  --bdrRadius: 4px;
}
.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(../../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 0;
  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 */
.alertPopup {
  text-align: center;
}
.alertPopup .ui-msg-content {
  max-width: 330px;
}
lyte-alert-header,
.alertHeader,
.alertPrimaryMsg {
  font-weight: 800;
}
lyte-alert-footer {
  --buttonPadLR: 10px;
}
lyte-alert-content {
  padding: 0;
  display: block;
}
.alertFooter {
  padding: 0;
}
.alertFooter lyte-button button {
  min-width: 68px;
  font-size: 13px;
  padding: 5px 10px 5px;
  margin-top: 5px;
  --bdrRadius: 4px;
}
.ui-alertDlg .ui-msg-content {
  margin: 0 auto;
  max-width: 287px;
}
.ui-alertDlg lyte-alert-footer {
  padding-top: 15px;
}
.ui-alertDlg.ui-qp-dlg .ui-msg-content {
  max-width: 295px;
}
.ui-walertdialog .alertPopup {
  min-width: 350px;
  max-width: 800px;
  overflow: visible;
  border-radius: 0;
  border: 1px solid var(--body-bg);
  text-align: center;
  z-index: 10022 !important;
}
.ui-walertdialog.ui-wdialog-max-extn {
  /*lyte-alert-content {
			max-width: 320px;
   			margin: auto;
		}*/
}
.ui-walertdialog.ui-wdialog-max-extn .ui-mm-notify-bg {
  border: 1px solid var(--mmNotifyBdr);
  background-color: var(--mmNotifyBg);
  border-radius: 2px;
}
.ui-walertdialog.ui-wdialog-max-extn .alertPopup {
  width: 437px !important;
  box-shadow: 0 0 20px 0 #00000080;
  border-radius: 10px;
  padding: 49px 30px 20px 30px !important;
}
.ui-walertdialog.ui-wdialog-max-extn lyte-alert-footer {
  padding-top: 15px !important;
}
.ui-sec-cond-alert-dlg.ui-alertDlg .ui-msg-content {
  max-width: 330px;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
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(../../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 0;
  width: 9px;
  height: 7px;
}
.lyteAccordionBodyHide {
  display: none;
}
/* import theme overrides - styles */
.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-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;
}
.ui-table-sort-dialog lyte-accordion-body {
  overflow: hidden !important;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* 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: var(--buttonPrimaryClr);
  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: var(--fs-base-widget);
}
.lyteExsm {
  padding: 2px 8px;
  font-size: 12px;
}
/* import theme overrides - styles */
/* BUTTON STYLES ENDS   */
.lytebutton_icononly.lyte-button {
  padding: 0;
  border: 0;
  background: transparent;
}
.lytebutton__icon {
  position: relative;
  z-index: 1;
  margin-right: 5px;
  display: block;
  width: var(--iconSize);
  height: var(--iconSize);
  flex-shrink: 0;
}
.lytebutton--icononly .lytebutton__icon {
  margin-right: 0;
  margin-left: 0;
}
.lytebutton__icon.iconalign-right {
  position: absolute;
  right: 2px;
  margin-right: 0;
}
.lyte-button.lyte-button-trans {
  --buttonBgClr: transparent;
  --buttonHoverBgClr: transparent;
  border: 0 !important;
  padding: 0 !important;
}
.lyte-button.ui-tb-btn-trns {
  --buttonBgClr: transparent;
  --buttonHoverBgClr: transparent;
  --buttonBrClr: transparent;
}
.ui-floating-btn {
  top: 20px;
  left: 20px;
  --buttonBgClr: transparent;
  --buttonBrClr: transparent;
  --buttonHoverBgClr: var(--scrollTopBg);
  --buttonHoverBrClr: var(--scrollTopBg);
  --bdrRadius: 50%;
  --buttonPadTB: 6px;
}
.lytebutton__svg {
  width: inherit;
  height: inherit;
}
.ui-search-group-btn lyte-drop-button {
  --buttonBrClr: transparent;
  --buttonBgClr: var(--bg-white);
}
.ui-search-group-btn .zw-splitbtn-arrow .lyte-button {
  border-radius: 0 4px 4px 0 !important;
}
.ui-search-group-btn:hover .zw-splitbtn-arrow .lyte-button {
  --buttonBgClr: var(--buttonHoverBgClr);
}
.ui-search-group-btn .lyteGrouperItem:after {
  display: none !important;
}
.ui-search-group-btn:hover .zw-splitbtn-arrow {
  border-left: 1px solid var(--separatorClr);
}
.lytebutton__arrow {
  fill: var(--arrowColor);
  transition: transform 200ms ease-in-out;
}
.lytebutton__icon.h-floatright {
  --iconSize: 16px;
  transition: transform 200ms ease-in-out;
}
.ui-headinglist-btn.lyteDropButtonDown .zbutton__icon.h-floatright {
  transform: translateY(-50%) rotate(180deg);
}
.ui-headinglist-btn .lyteDefaultBtn {
  --buttonBrClr: var(--separatorClr) !important;
}
.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,
.lyteMenuSelection,
.lyteDropButtonUp,
.lyteDropButtonDown,
.is-selected-search-grpBtn,
.lyteDropButtonRight {
  --arrowColor: var(--menuActiveClr);
  /*.lytebutton__arrow {
		transform: rotate(180deg);
	}*/
}
/*.lyteMenuSelected {
	.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 {
  /*.ui-custom-font-combo {
		&.lyteDefaultBtn {
			--buttonBgClr: var(--menubutton-bg);
		}
	}*/
}
.ui-contextual-menu .lyteDefaultBtn {
  --buttonBgClr: var(--paperBg);
  --buttonBrClr: transparent;
}
.ui-contextual-menu .lyteDefaultBtn:hover {
  --buttonBgClr: var(--paperBg);
  --buttonBrClr: transparent;
}
.ui-smart-line-space.lyteDefaultBtn:hover {
  background: var(--bg-white);
}
.ui-smart-para-opt .lyteDefaultBtn {
  --buttonBgClr: transparent;
}
.ui-smart-para-opt .lyteDefaultBtn :hover {
  --buttonHoverBgClr: transparent;
}
.ui-classic-toolbar .ui-search-group-btn lyte-grouper .zw-splitbtn-arrow .lyte-button,
.lytebutton-normal-gradient .ui-search-group-btn lyte-grouper .zw-splitbtn-arrow .lyte-button,
.ui-smart-toolbar .ui-search-group-btn lyte-grouper .zw-splitbtn-arrow .lyte-button {
  --buttonBgClr: var(--paperBg);
}
.ui-classic-toolbar .ui-custom-font-combo,
.lytebutton-normal-gradient .ui-custom-font-combo,
.ui-smart-toolbar .ui-custom-font-combo {
  --menubutton-bg: var(--bg-white);
}
.ui-classic-toolbar lyte-button .lyteDefaultBtn,
.lytebutton-normal-gradient lyte-button .lyteDefaultBtn,
.ui-smart-toolbar lyte-button .lyteDefaultBtn {
  --buttonBgClr: var(--paperBg);
  --buttonBrClr: transparent;
  border-radius: 4px !important;
}
.ui-classic-toolbar lyte-button .lyteDefaultBtn:hover,
.lytebutton-normal-gradient lyte-button .lyteDefaultBtn:hover,
.ui-smart-toolbar lyte-button .lyteDefaultBtn:hover {
  --buttonHoverBgClr: var(--swtichBg);
  --separatorClr: var(--border-clr-sec);
}
.ui-classic-toolbar lyte-button .lyteDefaultBtn:focus,
.lytebutton-normal-gradient lyte-button .lyteDefaultBtn:focus,
.ui-smart-toolbar lyte-button .lyteDefaultBtn:focus {
  --buttonActiveClr: var(--bgV3);
  --buttonBrClr: var(--border-clr-sec);
}
.ui-classic-toolbar lyte-button .ui-lastbtn-br:after,
.lytebutton-normal-gradient lyte-button .ui-lastbtn-br:after,
.ui-smart-toolbar lyte-button .ui-lastbtn-br:after {
  border-radius: 0 calc(var(--bdrRadius) + 1px) calc(var(--bdrRadius) + 1px) 0;
}
.ui-classic-toolbar lyte-button .ui-firstbtn-br::after,
.lytebutton-normal-gradient lyte-button .ui-firstbtn-br::after,
.ui-smart-toolbar lyte-button .ui-firstbtn-br::after {
  border-radius: calc(var(--bdrRadius) + 1px) 0 0 calc(var(--bdrRadius) + 1px);
}
.ui-classic-toolbar .ui-sbtn-br button::after,
.lytebutton-normal-gradient .ui-sbtn-br button::after,
.ui-smart-toolbar .ui-sbtn-br button::after,
.ui-classic-toolbar .ui-sbtn-br lyte-drop-button::after,
.lytebutton-normal-gradient .ui-sbtn-br lyte-drop-button::after,
.ui-smart-toolbar .ui-sbtn-br lyte-drop-button::after {
  border-radius: calc(var(--bdrRadius) + 1px);
}
.ui-classic-toolbar .lyteMenuSelected.lyte-button,
.lytebutton-normal-gradient .lyteMenuSelected.lyte-button,
.ui-smart-toolbar .lyteMenuSelected.lyte-button {
  /*border-color: transparent !important;*/
}
.ui-classic-toolbar .lyteMenuSelected.lyte-button:after,
.lytebutton-normal-gradient .lyteMenuSelected.lyte-button:after,
.ui-smart-toolbar .lyteMenuSelected.lyte-button:after {
  background: transparent;
  border: 1px solid var(--themeColor);
  border-radius: var(--bdrRadius);
}
.ui-classic-toolbar lyte-dropdown lyte-drop-button:hover,
.lytebutton-normal-gradient lyte-dropdown lyte-drop-button:hover,
.ui-smart-toolbar lyte-dropdown lyte-drop-button:hover {
  --buttonHoverBgClr: var(--bg-white);
}
.ui-classic-toolbar .lyteBtnGroupSelectedBtn,
.ui-smart-toolbar .lyteBtnGroupSelectedBtn {
  --buttonActiveClr: var(--btnGradLight);
  --buttonActiveBrClr: var(--border-clr-sec);
}
.ui-splitbtn-last lyte-button:last-of-type button::after {
  border-radius: 0 calc(var(--bdrRadius) + 1px) calc(var(--bdrRadius) + 1px) 0;
}
.ui-smart-toolbar zw-heading-menu .lyteDefaultBtn {
  width: 90px;
  height: 28px;
}
.ui-smart-toolbar lyte-button-group .lyteBtnGroupWrap {
  gap: 1px;
}
.ui-smart-toolbar .ui-contextual-menu .ui-contextual-menu-pin {
  border-radius: 4px 0 0 !important;
}
.ui-smart-toolbar .ui-contextual-menu .ui-contextual-menu-close {
  border-radius: 0 4px 0 0 !important;
}
.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: 100%;
  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-insert-panel {
  --iconSize: 20px;
}
.ui-insert-panel .lytebutton--vbtn {
  --iconSize: 30px;
}
.ui-zw-btn-group-flex {
  margin-right: 1px;
}
.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: 1;
  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: 1;
  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;
  margin-top: 5px;
}
.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: 30px;
  height: 30px;
  float: none;
  display: block;
  margin: 0 auto 7px;
  margin: 0;
  display: inline-block;
  --svgIconStrokeWidth: 0.8;
}
.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:last-child {
  flex-grow: 0;
}
.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 {
  margin-right: 1px;
}
.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);
}
.lytebutton--hbtn.ui-dline .lytebutton__text {
  line-height: 14px;
  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__icon {
  flex-shrink: 0;
}
/*
.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 {
  --iconSize: 24px;
}
.lytebutton--vbtn .lytebutton__icon {
  width: var(--iconSize);
  height: var(--iconSize);
  float: none;
  display: block;
  margin: 0 auto 2px;
  --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(--dark-blue);
}
.lytelabeledmenubutton .ui-zlblbtn-desc {
  color: var(--clr-df);
  font-size: var(--fs-base-widget);
  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;
  font-weight: 600;
}
.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;
}
.ui-pbtn-with-ddown .lytebutton__svg {
  display: none;
}
.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;
}
.lytebutton__large__icon {
  width: 32px;
  height: 32px;
}
.ui-button-clr-red {
  border-color: #FB7275 !important;
  background: var(--bg-white) !important;
  color: #F12A2A !important;
}
/*.ui-flex-btn-group {
	lyte-button {
		&:first-of-type {
			button {
				margin-right: 5px;
			}
		}
	}
}*/
.ui-subform-btn-list .lytebutton__icon {
  position: absolute;
  right: 3px;
  top: 6px;
  width: 12px;
  height: 12px;
  margin: 0;
}
.ui-ff-open-lookup .lytebutton__icon {
  right: 6px;
  top: 6px;
}
.hbtn-txtcntr .lytebutton__icon {
  margin-right: 5px;
}
.hbtn-txtcntr .lytebutton__text {
  width: auto;
  line-height: inherit;
  max-width: calc(100% - 20px);
}
.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: 100%;
  height: 39.33px;
  margin-bottom: 0;
}
.ui-btn-with-icononly.ui-btn-with-icononly-medium-icon lyte-button button lyte-yield {
  display: flex;
  align-items: center;
  justify-content: center;
}
.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;
}
.ui-mailmerge-panel .ui-pbtn-with-ddown .lytebutton__icon.h-floatright:after {
  border-top-color: var(--themeColor);
}
.ui-pbtn-with-ddown .lytebutton__icon.h-floatright:after .lyteMenuSelected .lytebutton__icon.h-floatright:after {
  transform: rotate(180deg);
}
.ui-mm-subfields-cont lyte-button .lyteDefaultBtn {
  background: var(--buttonBgClr);
  border-color: transparent !important;
  margin: 0 0 1px !important;
  text-align: left;
}
.ui-mmfieldlist-mbtn .lytebutton__icon.h-floatright {
  margin: 0 0 0 -3px;
  transform: none !important;
}
.ui-mmfieldlist-mbtn .lytebutton__icon.h-floatright:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #3171c2;
  transition: all 0.3s ease-in;
  transform: rotate(270deg);
}
.ui-mmfieldlist-mbtn .lytebutton__svg {
  display: none;
}
.ui-mmfieldlist-mbtn.is-active .lytebutton__icon.h-floatright:after {
  transform: rotate(90deg);
}
.ui-mm-subfields-cont .lytebutton--menu.is-active {
  background-color: var(--menuActiveBg);
}
.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-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;
}
lyte-button .lytebutton-green:hover {
  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) !important;
}
.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;
}
.ff-open-lookup .lytebutton__icon {
  right: 6px;
  top: 6px;
}
.ui-populate-tab-btm .ui-populate-add-btn .lytebutton__text {
  text-overflow: revert;
  overflow: initial;
}
.ui-populate-tab-btm lyte-button:nth-child(1) button:hover,
.ui-populate-tab-btm lyte-button:nth-child(1) button:focus {
  color: var(--themeColor);
}
lyte-button .ui-watch-btn-inp {
  padding-right: 20px !important;
}
.ui-watch-btn-inp .lytebutton__text {
  text-wrap: wrap;
}
lyte-button .lytebutton--normal-gradient {
  float: left;
  position: relative;
  /*border-radius: 0;*/
  background: var(--buttonGradBg);
}
.ui-review-toolbar lyte-button {
  display: block;
}
.ui-sign-signer-cont-optns lyte-button {
  height: 26px;
}
.ui-sign-signer-cont-optns lyte-button .lyte-button {
  border: 0;
}
.ui-user-profile-vpanel-div .lytebutton__svg {
  width: 16px;
  height: 16px;
  top: 12px;
  right: 12px;
}
.ui-fb-attach-btn .lytebutton__mainicon {
  transform: rotate(45deg);
}
.ui-fb-attach-btn .lytebutton__text {
  width: 100%;
  text-align: center;
}
.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 0 0 0;
}
.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 .lyte-button {
  --bdrRadius: 4px;
  border-color: var(--menuActiveClr);
  color: var(--menuActiveClr);
  background: var(--activeBgClr);
}
.ui-splitbutton-with-text lyte-button .lyte-button .lytebutton__svg {
  fill: var(--menuActiveClr) !important;
}
.ui-splitbutton-with-text lyte-button:first-of-type button {
  border-radius: var(--bdrRadius);
  /*important for arabic notation*/
  padding-left: 9px;
  padding-right: 9px;
}
.ui-share-only-btn .zw-splitbtn lyte-button:first-child .lyte-button {
  border-radius: var(--bdrRadius) !important;
}
.ui-share-only-btn .zw-splitbtn .zw-splitbtn-arrow {
  display: none;
}
lyte-button .ui-zia-btn {
  background: var(--ziaBtnBg) !important;
  border-color: var(--ziaBtnBg) !important;
  --buttonBgClr: var(--ziaBtnBg);
  --buttonBrClr: var(--ziaBtnBg);
  --buttonPadLR: 3px;
  --buttonPadTB: 3px;
  --bdrRadius: 4px;
}
.ui-menu-header lyte-button .ui-zia-btn {
  --buttonPadLR: 7px;
  --buttonPadTB: 7px;
}
.ui-btn-with-bluetext .lytebutton__text {
  color: var(--themeColor) !important;
}
.ui-icon-backtoeditor-sm + .lytebutton__text {
  width: 100%;
}
.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 {
  --buttonBgClr: transparent;
  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: 2;
}
.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);
}
.lytebutton__inbtn_icon {
  width: 18px;
  height: 18px;
  display: block;
}
.ui-choose-col-row lyte-button .ui-col-select {
  background-color: var(--leftPanelBg);
  background-image: linear-gradient(45deg, var(--buttonBgClr) 25%, transparent 25%, transparent 75%, var(--buttonBgClr) 75%, var(--buttonBgClr)), linear-gradient(45deg, var(--buttonBgClr) 25%, transparent 25%, transparent 75%, var(--buttonBgClr) 75%, var(--buttonBgClr));
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
  height: 28px;
  width: 78px;
  padding: 0;
}
.ui-choose-col-row lyte-button .ui-col-select lyte-yield {
  flex: 1;
}
.ui-choose-col-row .zw-color-split-btn .lyteDefaultBtn {
  --buttonBrClr: var(--border-clr-sec);
}
lyte-button button:focus-visible,
zlyte-button button:focus-visible {
  /*border-color: var(--themeColor) !important;
			z-index: 2;*/
  outline: 1px solid var(--themeColor);
  z-index: 2;
}
lyte-button button:active,
zlyte-button button:active,
lyte-button button:focus,
zlyte-button button:focus {
  --buttonHoverBgClr: var(--buttonActiveClr);
}
li:focus-visible {
  outline: 1px solid var(--themeColor);
  z-index: 2;
}
.ui-pfill-drafted-info-dlg .ui-pub-act-cont {
  display: block !important;
}
.ui-pub-copy {
  height: 40px;
}
.ui-pub-copy button {
  min-width: 56px;
  height: 100%;
  border-radius: 0 2px 2px 0;
}
.ui-pfill-close {
  height: 38px;
}
.lytebutton__menu .lytebutton__icon.h-floatright {
  margin: 0 -5px 0 5px;
}
.ui-propack-plan-summary .lytebutton--vbtn .lytebutton__icon {
  margin: 8px;
}
.ui-rmode-filters .lyteDefaultBtn {
  background: transparent;
  border: 1px solid transparent;
  padding: 0;
}
.ui-rmode-filters lyte-button:first-child .lyteDefaultBtn {
  margin-right: 6px;
}
.ui-screen-dlg .ui-rounded-btn button {
  background: transparent !important;
  border: 1px solid var(--themeColor) !important;
  padding: 5px 20px !important;
  border-radius: 24px !important;
  color: var(--themeColor) !important;
}
.ui-screen-dlg .ui-attach-btn button {
  padding: 8px 50px !important;
  border-radius: 24px !important;
}
.ui-formula-cond-list .ui-formula-cond-item .lyte-button {
  border-radius: 0;
}
.ui-formula-cond-list .ui-formula-cond-item:first-child .lyte-button {
  border-radius: var(--bdrRadius) var(--bdrRadius) 0 0;
}
.ui-formula-cond-list .ui-formula-cond-item:last-child .lyte-button {
  border-radius: 0 0 var(--bdrRadius) var(--bdrRadius);
}
.ui-formula-cond-list .ui-formula-cond-item .ui-formula-cond-addremove-btns lyte-button:first-child button {
  background: var(--conditionBgClr);
  border: 1px solid var(--conditionBrClr);
}
.ui-formula-cond-list .ui-formula-cond-item .ui-formula-cond-addremove-btns lyte-button:first-child button.lyteDefaultBtn:hover {
  background: var(--conditionBgClr);
}
.ui-formula-cond-list .ui-formula-val {
  border-color: var(--conditionBrClr);
}
.lytebutton__menu .lytebutton__icon.h-floatright {
  margin: 0 -5px 0 5px;
}
.ui-tbl-theme-colorpicker lyte-button {
  height: 18px;
}
.ui-tbl-theme-colorpicker lyte-button button {
  padding: 0;
  border-color: #000000;
}
.ui-tbl-theme-colorpicker lyte-button .lyteDefaultBtn:hover {
  border-color: #000000;
}
.ui-tbl-theme-colorpicker .zw-splitbtn lyte-button:first-child button {
  border-radius: 0;
}
.lyteDefaultBtn.ui-bg-wt {
  background: var(--clr-white);
}
.ui-vhistory-compare-topband .ui-btn-transparent {
  background: transparent;
  border: 1px solid transparent;
}
.ui-vhistory-compare-topband .ui-btn-transparent:hover {
  background: transparent;
  border: 1px solid transparent;
}
.ui-toolbar-common .lyteDefaultBtn {
  --buttonPadTB: 4px;
  --buttonPadLR: 6px;
}
.ui-screen-dlg .ui-rounded-btn button {
  background: transparent !important;
  border: 1px solid var(--themeColor) !important;
  padding: 5px 20px !important;
  border-radius: 24px !important;
  color: var(--themeColor) !important;
}
.ui-screen-dlg .ui-attach-btn button {
  padding: 8px 50px !important;
  border-radius: 24px !important;
}
.ui-view-wf-menu lyte-button {
  max-width: 304px;
}
.lockMenu.ui-zwdisabled {
  opacity: 0.2;
}
lyte-button.ui-rb-btn button {
  width: 24px;
  height: 24px;
  padding: 3px;
  border-radius: 3px;
  border: 1px solid transparent;
  cursor: pointer;
  background: transparent;
  margin-bottom: 5px;
}
lyte-button.ui-rb-btn button:last-of-type {
  margin-bottom: 0;
}
lyte-button.ui-rb-btn button:hover {
  background: var(--border-clr-sec);
  border-color: transparent;
}
.ui-extn-pinbtn-skltn .lytebutton__icon {
  background: var(--scrollTopBg);
  border-radius: var(--bdrRadius);
}
.ui-zlblbtn-with-desc .lytebutton__icon {
  margin-top: 6px;
  margin-right: 9px;
}
.ui-extension-card .ui-vflip-cont {
  height: 84.85px;
}
.ui-extension-card .ui-extn-item:hover .ui-extn-pin-icon {
  display: none;
}
.ui-extension-card .ui-zlblbtn-with-desc {
  padding: 10px 10px 15px;
  background: var(--buttonBgWhiteClr);
  cursor: default;
}
.ui-extension-card .ui-btn-extn-logo {
  width: 48px !important;
  height: 48px !important;
  margin: 0;
}
.ui-extension-card .ui-zlblbtn-info {
  margin-left: 10px;
}
.ui-extension-card .ui-zlblbtn-lbl {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.42857143;
  margin-bottom: 0;
  padding-right: 20px;
}
.ui-extension-card .ui-zlblbtn-desc {
  font-size: 13px;
  line-height: 16px;
  overflow: hidden;
  margin-top: 1px;
}
.ui-extension-card .lyteDefaultBtn:hover {
  border-color: var(--border-clr-sec);
}
.ui-extension-card .ui-icon-threedot-blk {
  display: block;
  position: absolute;
  right: 12px;
  top: 12px;
}
lyte-button button.lytebutton--normal-gradient {
  position: relative;
  border: 1px solid transparent !important;
  border-radius: 0;
  background: var(--buttonGradBg) !important;
}
lyte-button button.lytebutton--normal-gradient:after {
  content: '';
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  border-top: 1px solid var(--btnGradLight);
  border-bottom: 1px solid var(--btnGradDark);
  background-image: -moz-linear-gradient(to bottom, var(--btnGradLight) 85%, var(--btnGradDark) 100%);
  background-image: -webkit-linear-gradient(to bottom, var(--btnGradLight) 85%, var(--btnGradDark) 100%);
  background-image: linear-gradient(to bottom, var(--btnGradLight) 85%, var(--btnGradDark) 100%);
  background-size: 1px 100%;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-color: transparent;
}
lyte-button button.lytebutton--normal-gradient.ui-firstbtn-br {
  border-radius: var(--bdrRadius) 0 0 var(--bdrRadius);
}
lyte-button button.lytebutton--normal-gradient.ui-firstbtn-br::after {
  border-radius: calc(var(--bdrRadius) + 1px) 0 0 calc(var(--bdrRadius) + 1px);
}
lyte-button button.lytebutton--normal-gradient:hover:after,
lyte-button button.lytebutton--normal-gradient.ui-firstbtn-br:hover:after {
  background: transparent;
  border: 1px solid var(--themeColor);
  border-radius: var(--bdrRadius);
}
lyte-button.lyteMenuSelected .lytebutton--normal-gradient {
  background-color: var(--buttonActiveClr) !important;
}
lyte-button.lyteMenuSelected .lytebutton--normal-gradient:after {
  background: transparent;
  border: 1px solid var(--themeColor);
  border-radius: var(--bdrRadius);
}
.ui-bottomband-lg lyte-button button {
  padding: 10px;
  color: #000;
  border: 1px solid var(--border-clr-sec);
  border-radius: 4px !important;
  font-size: var(--fs-base-widget);
  line-height: 16px;
  height: 36px !important;
  text-transform: uppercase;
  background: var(--bg-white) !important;
}
.ui-bottomband-lg lyte-button button:hover {
  border-color: var(--themeColor);
}
.ui-bottomband-lg .lytePrimaryBtn {
  background: #0C8844 !important;
  color: #fff !important;
  border: 0 !important;
}
.ui-bottomband-lg .lytePrimaryBtn:hover {
  background: #0C8844 !important;
}
.ui-readcmt-mode .lyte-button {
  --buttonBgClr: var(--shareTbButtonBg);
  border: 1px solid transparent;
  --clr-df: #fff;
}
.ui-readcmt-mode .lyte-button .lytebutton__svg {
  --arrowColor: var(--bg-color-2);
}
.ui-readcmt-mode .lyte-button:hover {
  --buttonHoverBgClr: var(--shareTbButtonHoverBg);
}
.ui-readcmt-mode lyte-button:last-of-type .lyte-button {
  min-width: 120px;
}
.ui-agent-btn-info .lyteBtnGroupWrap {
  gap: 8px;
}
.ui-auto-ins-dialog lyte-button button {
  border-radius: 8px;
  padding: 5px 8px;
  min-width: 68px;
}
.ui-auto-ins-dialog lyte-button .ui-ato-normal-btn {
  color: #425769;
}
.ui-cont-with-2btns {
  width: 100%;
}
.ui-cont-with-2btns lyte-button {
  width: calc(50% - 3px);
}
.ui-reader-btn-group lyte-button button {
  padding: 5px 7px;
}
.ui-reader-popup .ui-modal-header .lytebutton__icon {
  width: 16px;
  height: 16px;
}
.ui-webhook-btn button {
  background: var(--bg-white);
}
.ui-crt-webhook-btn {
  z-index: 1;
}
.ui-mmerge-contact .lytebutton__icon {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 15px;
}
.ui-mm-history-head .lytebutton__icon {
  margin-top: 9px;
}
.ui-microtoolbar .lyte-button {
  --bdrRadius: 6px;
  --buttonPadTB: 4px;
  --buttonPadLR: 4px;
}
.ui-comment-eye-btn {
  width: 20px;
}
.ui-cont-with-2btns {
  width: 100%;
}
.ui-cont-with-2btns lyte-button {
  width: calc(50% - 3px);
}
.ui-reader-btn-group lyte-button button {
  padding: 5px 7px;
}
.ui-readcmt-mode lyte-button:last-of-type .lyte-button {
  min-width: 120px;
}
.ui-pdf-editor-leftpanel .ui-zw-btn-group-hcombo lyte-button {
  margin: 0;
}
.ui-pdf-editor-leftpanel .ui-zw-btn-group-hcombo lyte-button:nth-child(odd) {
  width: calc(50% - 2px);
}
.ui-pdf-editor-leftpanel .ui-zw-btn-group-hcombo lyte-button button {
  border-radius: var(--bdrRadius) !important;
}
.ui-zw-menu-toolbar {
  --zlyte-nav-bg: transparent;
  background-color: var(--writerBg);
  padding: 4px 16px 4px 8px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.ui-zw-menu-toolbar zlyte-button button {
  height: 20px;
  font-family: inherit;
  font-size: var(--fs-base-widget);
  color: var(--menuToolbarButtonClr);
  background-color: var(--menuToolbarButtonBg);
  padding: 2px 8px;
  border: 0 !important;
  border-radius: 4px;
  font-weight: 500;
}
.ui-zw-menu-toolbar zlyte-button button:hover {
  --menuToolbarButtonClr: var(--menuToolbarButtonHoverClr);
  --menuToolbarButtonBg: var(--menuToolbarButtonHoverBg);
}
.ui-zw-menu-toolbar zlyte-button button.lyteMenuSelected {
  --menuToolbarButtonClr: var(--menuToolbarButtonActiveClr);
  --menuToolbarButtonBg: var(--menuToolbarButtonActiveBg);
}
.ui-zw-menu-toolbar .zlyteMenuHorizontal.zlyteNavMenus lyte-yield {
  display: flex;
  gap: 8px;
}
.ui-zw-menu-toolbar .zlyteNavMenuWithoutIcon.zlyteNavMenu {
  border: 0 !important;
  margin: 0;
  padding: 0;
}
.ui-zw-menu-toolbar .zlyteNavBar.zlyteNavHorizontal {
  height: auto;
}
.ui-dynamic-pane-menu-pink {
  --clr-df: var(--dynamicTbPink) !important;
  --menuToolbarButtonClr: var(--dynamicTbPink);
  --menuToolbarButtonHoverClr: var(--dynamicTbHoverPink);
  --menuToolbarButtonHoverBg: var(--dynamicTbBgHoverPink);
  --menuToolbarButtonActiveClr: var(--dynamicTbActivePink);
  --menuToolbarButtonActiveBg: var(--dynamicTbBgActivePink);
  --iconBrClr: var(--dynamicTbPink);
  --imgHill1: var(--dynamicTbPink);
  --imgHill2: var(--dynamicTbPink);
}
.ui-dynamic-pane-menu-green {
  --clr-df: var(--dynamicTbGreen) !important;
  --menuToolbarButtonClr: var(--dynamicTbGreen);
  --menuToolbarButtonHoverClr: var(--dynamicTbHoverGreen);
  --menuToolbarButtonHoverBg: var(--dynamicTbBgHoverGreen);
  --menuToolbarButtonActiveClr: var(--dynamicTbActiveGreen);
  --menuToolbarButtonActiveBg: var(--dynamicTbBgActiveGreen);
  --iconBrClr: var(--dynamicTbGreen);
  --iconTblHead: var(--dynamicTbGreen);
}
.ui-dynamic-pane-menu-yellow {
  --clr-df: var(--dynamicTbYellow) !important;
  --menuToolbarButtonClr: var(--dynamicTbYellow);
  --menuToolbarButtonHoverClr: var(--dynamicTbHoverYellow);
  --menuToolbarButtonHoverBg: var(--dynamicTbBgHoverYellow);
  --menuToolbarButtonActiveClr: var(--dynamicTbActiveYellow);
  --menuToolbarButtonActiveBg: var(--dynamicTbBgActiveYellow);
}
.ui-dynamic-pane-menu-orange {
  --clr-df: var(--dynamicTbOrange) !important;
  --menuToolbarButtonClr: var(--dynamicTbOrange);
  --menuToolbarButtonHoverClr: var(--dynamicTbHoverOrange);
  --menuToolbarButtonHoverBg: var(--dynamicTbBgHoverOrange);
  --menuToolbarButtonActiveClr: var(--dynamicTbActiveOrange);
  --menuToolbarButtonActiveBg: var(--dynamicTbBgActiveOrange);
}
.ui-dynamic-pane-menu-ltblue {
  --clr-df: var(--dynamicTbLtBlue) !important;
  --menuToolbarButtonClr: var(--dynamicTbLtBlue);
  --menuToolbarButtonHoverClr: var(--dynamicTbHoverLtBlue);
  --menuToolbarButtonHoverBg: var(--dynamicTbBgHoverLtBlue);
  --menuToolbarButtonActiveClr: var(--dynamicTbActiveLtBlue);
  --menuToolbarButtonActiveBg: var(--dynamicTbBgActiveLtBlue);
}
.ui-dynamic-pane-menu-drgreen {
  --clr-df: var(--dynamicTbDrGreen) !important;
  --menuToolbarButtonClr: var(--dynamicTbDrGreen);
  --menuToolbarButtonHoverClr: var(--dynamicTbHoverDrGreen);
  --menuToolbarButtonHoverBg: var(--dynamicTbBgHoverDrGreen);
  --menuToolbarButtonActiveClr: var(--dynamicTbActiveDrGreen);
  --menuToolbarButtonActiveBg: var(--dynamicTbBgActiveDrGreen);
}
.zlyteNavBar.zlyteNavHorizontal {
  box-shadow: none !important;
}
.zlyteNavProfilePicImg {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: grey;
  border-image: initial;
  border-radius: 50%;
}
.ui-last-edit-update {
  color: #A6A6A6;
  font-size: 12px;
  line-height: 14px;
}
/*--version history styles begins--*/
.ui-vhistory-topband .lyte-button {
  --buttonPadTB: 7px;
  --buttonPadLR: 8px;
  --bdrRadius: 4px;
}
.ui-vhistory-topband .lyte-button lyte-yield {
  display: flex;
  align-items: center;
}
.ui-vhistory-topband .lyteDefaultBtn {
  --themeColor: var(--bgV3);
  color: var(--buttonClr);
  border: 1px solid var(--border-clr-sec);
}
.ui-vhistory-topband .lyteDefaultBtn svg {
  fill: var(--arrowColor);
}
.ui-review-more-opt-btn {
  --buttonBgClr: transparent;
  --buttonBrClr: 1px solid transparent;
}
.ui-review-more-opt-btn:hover {
  --buttonHoverBrClr: 1px solid transparent;
}
/*--version history styles begins--*/
.ui-vhistory-topband .lyte-button {
  --buttonPadTB: 7px;
  --buttonPadLR: 8px;
  --bdrRadius: 4px;
}
.ui-vhistory-topband .lyte-button lyte-yield {
  display: flex;
  align-items: center;
}
.ui-vhistory-topband .lyteDefaultBtn {
  --themeColor: var(--bgV3);
  color: var(--buttonClr);
  border: 1px solid var(--border-clr-sec);
}
.ui-vhistory-topband .lyteDefaultBtn svg {
  fill: var(--arrowColor);
}
.ui-topband-blue-btn {
  --buttonBgClr: var(--activeBgClr);
  --buttonHoverBgClr: var(--activeBgClr);
  --buttonBrClr: var(--themeColor);
  --clr-df: var(--themeColor);
  --arrowColor: var(--themeColor);
  --iconClr: var(--themeColor);
}
.ui-topband-blue-btn.ui-fill-mode {
  --buttonBgClr: #F1EAF8;
  --buttonHoverBgClr: #F1EAF8;
  --clr-df: #693F9A;
  --iconClr: #693F9A;
}
.ui-font-topbar .lyte-button {
  height: 28px;
  min-width: 120px !important;
  --buttonBrClr: var(--separatorClr);
}
.ui-font-topbar .lyte-button .lytebutton__text {
  text-align: left;
}
.ui-classic-toolbar .ui-split-btn,
.ui-smart-toolbar .ui-split-btn {
  border: 1px solid transparent;
  height: 100%;
  min-width: 44px;
}
.ui-classic-toolbar .ui-split-btn:hover,
.ui-smart-toolbar .ui-split-btn:hover,
.ui-classic-toolbar .ui-split-btn:active,
.ui-smart-toolbar .ui-split-btn:active,
.ui-classic-toolbar .ui-split-btn:focus,
.ui-smart-toolbar .ui-split-btn:focus {
  border: 1px solid var(--border-clr-sec);
  border-radius: 4px;
}
.ui-classic-toolbar .ui-split-btn:hover lyte-button:last-of-type,
.ui-smart-toolbar .ui-split-btn:hover lyte-button:last-of-type,
.ui-classic-toolbar .ui-split-btn:active lyte-button:last-of-type,
.ui-smart-toolbar .ui-split-btn:active lyte-button:last-of-type,
.ui-classic-toolbar .ui-split-btn:focus lyte-button:last-of-type,
.ui-smart-toolbar .ui-split-btn:focus lyte-button:last-of-type {
  z-index: 2;
}
.ui-classic-toolbar .ui-split-btn lyte-button:hover:first-of-type .lyteDefaultBtn,
.ui-smart-toolbar .ui-split-btn lyte-button:hover:first-of-type .lyteDefaultBtn,
.ui-classic-toolbar .ui-split-btn lyte-button:focus:first-of-type .lyteDefaultBtn,
.ui-smart-toolbar .ui-split-btn lyte-button:focus:first-of-type .lyteDefaultBtn {
  background: var(--bgV2);
}
.ui-classic-toolbar .ui-split-btn lyte-button:hover:last-of-type,
.ui-smart-toolbar .ui-split-btn lyte-button:hover:last-of-type,
.ui-classic-toolbar .ui-split-btn lyte-button:focus:last-of-type,
.ui-smart-toolbar .ui-split-btn lyte-button:focus:last-of-type {
  border-left: 1px solid var(--border-clr-sec);
  z-index: 2;
}
.ui-classic-toolbar .ui-split-btn lyte-button,
.ui-smart-toolbar .ui-split-btn lyte-button {
  /*height: 100%;*/
  display: flex;
}
.ui-classic-toolbar .ui-split-btn lyte-button:first-of-type,
.ui-smart-toolbar .ui-split-btn lyte-button:first-of-type {
  margin-left: 0 !important;
}
.ui-classic-toolbar .ui-split-btn lyte-button:first-of-type button,
.ui-smart-toolbar .ui-split-btn lyte-button:first-of-type button {
  border-radius: 4px 0 0 4px !important;
}
.ui-classic-toolbar .ui-split-btn lyte-button:last-of-type,
.ui-smart-toolbar .ui-split-btn lyte-button:last-of-type {
  border-left: 1px solid var(--border-clr-sec);
}
.ui-classic-toolbar .ui-split-btn lyte-button:last-of-type button,
.ui-smart-toolbar .ui-split-btn lyte-button:last-of-type button {
  border-radius: 0 4px 4px 0 !important;
}
.ui-classic-toolbar .ui-split-btn lyte-button:last-of-type button:hover,
.ui-smart-toolbar .ui-split-btn lyte-button:last-of-type button:hover,
.ui-classic-toolbar .ui-split-btn lyte-button:last-of-type button:focus,
.ui-smart-toolbar .ui-split-btn lyte-button:last-of-type button:focus {
  --buttonBgClr: var(--bgV2);
}
.ui-classic-toolbar .ui-split-btn .lyteDefaultBtn,
.ui-smart-toolbar .ui-split-btn .lyteDefaultBtn {
  --buttonPadTB: 2px;
  --buttonPadLR: 2px;
  --bdrRadius: 0;
}
.ui-classic-toolbar .ui-split-btn .lyteDefaultBtn:hover,
.ui-smart-toolbar .ui-split-btn .lyteDefaultBtn:hover {
  --buttonHoverBrClr: transparent !important;
}
.ui-classic-toolbar .ui-split-btn .lyteBtnGroupWrap lyte-button,
.ui-smart-toolbar .ui-split-btn .lyteBtnGroupWrap lyte-button {
  margin-left: 0;
}
.ui-classic-toolbar .ui-split-btn .lyteBtnGroupSelectedBtn,
.ui-smart-toolbar .ui-split-btn .lyteBtnGroupSelectedBtn {
  --buttonActiveClr: transparent;
}
.ui-classic-toolbar .ui-split-btn .lyteMenuSelected,
.ui-smart-toolbar .ui-split-btn .lyteMenuSelected {
  border-color: var(--separatorClr);
}
.ui-grp-sep .lyteGrouperItem:after {
  display: none;
}
.ui-grp-sepr:after {
  content: '';
  width: 1px;
  height: 20px;
  background: var(--separatorClr);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.ui-primary-lite-btn {
  padding: 6px 8px;
  background: var(--activeBgClr);
  border-radius: 4px;
  border: 1px solid var(--themeColor);
}
.ui-primary-lite-btn:hover {
  --aHoverClr: var(--themeColor);
}
.ui-version-view {
  padding: 6px 8px;
  border-top: 1px solid var(--border-clr-sec);
  border-bottom: 1px solid var(--border-clr-sec);
}
.ui-version-view .lyteDefaultBtn {
  --buttonBgClr: var(--bg-white);
  --buttonBrClr: transparent;
}
.ui-version-btn {
  background: var(--activeBgClr);
  padding: 3px 8px;
  border-radius: 4px;
  --saveMsgTextClr: var(--themeColor);
  line-height: 16px;
}
.ui-review-ellipsis .ui-max-w-50 {
  max-width: 100px;
}
.ui-fam-menu-toolbar-layout button {
  min-width: 94px;
  padding: 10px 8px;
  font-size: var(--fs-14-widget);
  border-radius: 4px;
}
.ui-topbar-toggle-btn {
  --buttonBgClr: var(--scrollTopBg);
  --buttonHoverBgClr: var(--border-clr-sec);
  --buttonActiveClr: var(--border-clr-sec);
  width: 18px;
  height: 18px;
  border: 0 !important;
  border-radius: 50%;
  transform: rotate(180deg);
  transform-origin: center center;
  transition: transform 0.3s;
}
.ui-active .ui-topbar-toggle-btn {
  transform: rotate(0deg);
}
.ui-suggestion-btn {
  animation: fadeIn 2s forwards;
}
.ui-tband-ccont .ui-icon-size-20px {
  --buttonPadTB: 5px;
}
.ui-hbtn-txt .lytebutton__text {
  max-width: 90px;
}
/*-- markus final button css begins --*/
.ui-markus-final {
  right: 26px;
  top: 10px;
  z-index: 1;
}
.ui-markus-final .ui-markus-btn {
  padding: 3px 7px;
  background: var(--bg-white);
  border-radius: 2px;
  border: 1px solid var(--border-clr-sec);
  --iconSize: 20px;
}
.ui-markus-final .ui-markus-btn:hover {
  background: var(--buttonBgClr);
  border: 1px solid var(--themeColor);
}
/*-- markus final button css ends --*/
.ui-save-docu-cont {
  max-width: 332px;
}
.ui-save-docu-cont .lyteField {
  height: 32px;
}
.ui-save-docu-cont input {
  padding-right: 70px;
}
.ui-save-docu-cont input::placeholder {
  color: var(--clr-df);
}
.ui-save-docu-cont lyte-button {
  right: 2px;
  top: 2px;
  z-index: 1;
}
.ui-save-docu-cont lyte-button .lyte-button {
  --buttonBgClr: var(--themeColor);
  --buttonBrClr: var(--themeColor);
  --clr-df: var(--clr-white);
  border-radius: 0 var(--bdrRadius) var(--bdrRadius) 0;
}
.ui-save-docu-cont lyte-button .lyte-button:hover {
  --buttonHoverBgClr: var(--themeColor);
}
/* ========================================
   Responsive Toolbar - More Tools Styles
   ======================================== */
/* Tool group styling for responsive toolbar */
.ui-zw-more-tools {
  position: fixed;
  background: var(--topBandBgClr);
  border-radius: 6px;
  z-index: 1000;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.18);
}
.top-toolbar-group {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
/* More button wrapper */
.ui-more-tools-wrapper {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
}
/* More tools popover */
.ui-more-tools-popover {
  max-width: calc(100vw - 100px);
}
.ui-more-tools-popover .lytePopover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
/* Content container for overflow tools */
.ui-more-tools-content {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 4px 8px;
  min-width: auto;
  max-width: none;
  overflow-x: auto;
  /* Styles for tools when inside the popover */
  /* Ensure button groups display properly in popover */
  /* Ensure dropdowns work properly in popover */
  /* Style for split buttons in popover */
}
.ui-more-tools-content > * {
  display: inline-flex !important;
  flex-shrink: 0;
}
.ui-more-tools-content lyte-button-group {
  display: inline-flex;
}
.ui-more-tools-content lyte-dropdown {
  display: inline-flex;
}
.ui-more-tools-content .ui-splitBtn-group-hover {
  display: inline-flex;
}
.ui-share-popup-item lyte-button .ui-topband-blue-btn {
  border-radius: 4px;
}
.ui-signlist-btn.lyteMenuSelected .lytebutton__icon svg {
  transform: rotate(180deg);
  transition: 0.4s ease;
}
.ui-signlist-btn .lyte-button {
  min-width: 137px;
}
.ui-menubtn-arrow-white .lytebutton__svg {
  transition: transform 200ms ease-in-out;
}
.lyteMenuSelected .ui-menubtn-arrow-white .lytebutton__svg {
  transform: rotate(180deg);
  fill: var(--buttonPrimaryClr) !important;
}
.ui-aiformula-btn {
  height: 24px;
  border-radius: 4px;
  background-color: transparent;
  padding: 4px 10px;
  font-size: var(--fs-12-widget);
  line-height: normal;
  font-weight: 700;
}
.ui-btn-for-success {
  min-width: 88px;
  border: 1px solid var(--ziaGPTBtnBrClr);
  color: var(--ziaGPTBtnClr);
}
.ui-btn-for-success.lyteDefaultBtn:hover {
  border: 1px solid var(--ziaGPTBtnBrClr);
  color: var(--ziaGPTBtnClr);
  background-color: transparent;
}
.ui-btn-for-danger {
  min-width: 62px;
  border: 1px solid var(--ziaGPTBtnRedBr);
  color: var(--ziaGPTBtnRedBr);
}
.ui-btn-for-danger.lyteDefaultBtn:hover {
  border: 1px solid var(--ziaGPTBtnRedBr);
  color: var(--ziaGPTBtnRedBr);
  background-color: transparent;
}
.ui-loader-for-btn .ui-aiformula-btn {
  opacity: 0.4;
}
.ui-loader-for-btn .ui-btn-for-success {
  background-color: var(--ziaGPTBtnClr);
}
.ui-loader-for-btn .ui-btn-for-danger {
  background-color: var(--ziaGPTBtnRedBr);
}
.ui-qp-preview-btn {
  --buttonBgClr: var(--bg-white);
  --buttonBrClr: var(--themeColor);
  --clr-df: var(--themeColor);
  --iconSize: 20px;
}
.ui-qp-preview-btn:hover {
  --buttonHoverBgClr: var(--btnHoverState);
}
/* 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: var(--bdrRadius) 0 0 var(--bdrRadius);
}
lyte-button-group .lyteGroupHorizontal lyte-button:last-child button {
  border-radius: 0 var(--bdrRadius) var(--bdrRadius) 0;
}
lyte-button-group .lyteGroupVertical lyte-button:first-child button {
  border-radius: var(--bdrRadius) var(--bdrRadius) 0 0;
}
lyte-button-group .lyteGroupVertical lyte-button:last-child button {
  border-radius: 0 0 var(--bdrRadius) var(--bdrRadius);
}
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);
}
lyte-button-group .customType button.lyteBtnGroupSelectedBtn {
  background: #c0c1c2;
  color: #111;
  border-color: transparent;
}
/* import theme overrides - styles */
.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 {
  /*lyte-drop-button {
		border-top-right-radius: 0;
		border-bottom-right-radius: 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-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;
  /*&: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 {
  border-right: 1px solid var(--buttonBrClr);
}
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);
  z-index: 2;
}
.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: 2;
}
.ui-ctxmenu-col lyte-button-group .lyteBtnGroupWrap {
  display: flex;
  flex-direction: column;
}
.ui-classic-toolbar.ui-contextual-menu-tband,
.ui-smart-toolbar .ui-contextual-menu {
  height: 40px;
  --iconSize: 20px;
  --bdrRadius: 4px;
  --buttonPadTB: 3px;
  --buttonPadLR: 3px;
  --buttonHoverBrClr: var(--separatorClr);
}
.ui-classic-toolbar.ui-contextual-menu-tband .ui-pad-lr-1px,
.ui-smart-toolbar .ui-contextual-menu .ui-pad-lr-1px {
  --buttonPadLR: 1px;
}
.ui-classic-toolbar.ui-contextual-menu-tband lyte-button-group .lineType.lyteGroupHorizontal lyte-button .lyteDefaultBtn:hover,
.ui-smart-toolbar .ui-contextual-menu lyte-button-group .lineType.lyteGroupHorizontal lyte-button .lyteDefaultBtn:hover {
  --buttonBgClr: var(--buttonHoverBgClr);
  --buttonHoverBrClr: var(--separatorClr);
}
.ui-classic-toolbar.ui-contextual-menu-tband lyte-button-group .lineType.lyteGroupHorizontal lyte-button .lyteDefaultBtn:hover::after,
.ui-smart-toolbar .ui-contextual-menu lyte-button-group .lineType.lyteGroupHorizontal lyte-button .lyteDefaultBtn:hover::after {
  background: transparent;
  border: 1px solid var(--themeColor);
  border-radius: var(--bdrRadius);
}
.ui-classic-toolbar.ui-contextual-menu-tband lyte-button-group .lineType.lyteGroupHorizontal lyte-button .lyteDefaultBtn.lyteBtnGroupSelectedBtn,
.ui-smart-toolbar .ui-contextual-menu lyte-button-group .lineType.lyteGroupHorizontal lyte-button .lyteDefaultBtn.lyteBtnGroupSelectedBtn {
  z-index: 1;
  border: 1px solid transparent !important;
}
.ui-classic-toolbar.ui-contextual-menu-tband lyte-button-group .lineType.lyteGroupHorizontal lyte-button .lyteDefaultBtn.lyteBtnGroupSelectedBtn::after,
.ui-smart-toolbar .ui-contextual-menu lyte-button-group .lineType.lyteGroupHorizontal lyte-button .lyteDefaultBtn.lyteBtnGroupSelectedBtn::after {
  background: transparent;
  border: 1px solid var(--themeColor);
  border-radius: var(--bdrRadius);
}
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper {
  background: var(--bg-white);
}
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper:hover lyte-dropdown .lyteDummyEventContainer lyte-drop-button:after,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper:hover lyte-dropdown .lyteDummyEventContainer lyte-drop-button:after,
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper.is-selected-search-grpBtn lyte-dropdown .lyteDummyEventContainer lyte-drop-button:after,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper.is-selected-search-grpBtn lyte-dropdown .lyteDummyEventContainer lyte-drop-button:after {
  background: transparent;
  border: 1px solid var(--themeColor);
  border-right-color: transparent;
  border-radius: var(--bdrRadius) 0 0 var(--bdrRadius);
}
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper:hover lyte-button .lyteDefaultBtn:after,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper:hover lyte-button .lyteDefaultBtn:after,
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper.is-selected-search-grpBtn lyte-button .lyteDefaultBtn:after,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper.is-selected-search-grpBtn lyte-button .lyteDefaultBtn:after {
  border-left-color: transparent !important;
  background: transparent;
  border: 1px solid var(--themeColor);
  border-radius: 0 var(--bdrRadius) var(--bdrRadius) 0;
}
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper.is-selected-search-grpBtn,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper.is-selected-search-grpBtn {
  background: var(--buttonActiveClr);
}
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper lyte-button .lyteDefaultBtn,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper lyte-button .lyteDefaultBtn {
  border-width: 0 0 0 1px !important;
}
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper lyte-button .lyteDefaultBtn:after,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper lyte-button .lyteDefaultBtn:after {
  border-left-color: transparent;
  background: var(--bg-white);
}
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper lyte-dropdown .lyteDummyEventContainer:hover lyte-drop-button:after,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper lyte-dropdown .lyteDummyEventContainer:hover lyte-drop-button:after,
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:after,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:after {
  border-right-color: transparent;
  border-radius: var(--bdrRadius) 0 0 var(--bdrRadius);
}
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper .lyteBtnGroupWrap,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper .lyteBtnGroupWrap {
  gap: 0;
}
.ui-classic-toolbar.ui-contextual-menu-tband .lytebutton__menuarrow,
.ui-smart-toolbar .ui-contextual-menu .lytebutton__menuarrow,
.ui-classic-toolbar.ui-contextual-menu-tband .lytebutton__arrow,
.ui-smart-toolbar .ui-contextual-menu .lytebutton__arrow,
.ui-classic-toolbar.ui-contextual-menu-tband .h-floatright,
.ui-smart-toolbar .ui-contextual-menu .h-floatright {
  --iconSize: 16px;
}
.ui-classic-toolbar .lyteBtnGroupWrap {
  align-items: center;
  gap: 4px;
}
.ui-classic-toolbar zw-font-size-menu .lyteBtnGroupWrap {
  align-items: normal;
}
.ui-smart-toolbar .ui-contextual-menu {
  height: auto;
}
.lytelabeledbutton--group {
  border: 1px solid var(--buttonBrClr);
  border-radius: var(--bdrRadius);
  background: var(--buttonBgClr);
  padding: 5px 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.lytelabeledbutton--group:hover {
  --buttonBrClr: var(--themeColor);
}
.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: transparent !important;
  background: var(--draftBgClr);
  color: #FFF !important;
  font-size: var(--fs-11-widget);
  line-height: 20px;
}
lyte-button-group.ui-wf-btn-with-pencil .lineType lyte-button button.lyteDefaultBtn:hover {
  background: var(--draftBgClr);
  border-color: transparent !important;
  border-right-color: #FFF !important;
}
lyte-button-group.ui-wf-btn-with-pencil .lineType lyte-button:last-child button.lyteDefaultBtn {
  border-left-color: #FFF !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;
				&.lyteDropButtonDown {
					border-color: var(--buttonActiveBrClr);
				}
			}
			lyte-button {
				&:last-child {
					button {
						&.lyteDefaultBtn {
							border-color: transparent;
						}
					}
				}
			} 
			&.lyteGrouperFocused {
				lyte-button {
					button {
						&.lyteDefaultBtn {
							border-color: var(--themeColor); 
						}
					}
				}
			}
		}
		&:hover {
			.lineType.lyteGroupHorizontal {
				lyte-drop-button, lyte-button:last-child button.lyteDefaultBtn {
					border-color: var(--buttonActiveBrClr);
				}
			}
		}
	}
} */
.lyteBtnGroupSelectedBtn {
  background: var(--buttonActiveClr) !important;
  border-color: var(--buttonActiveBrClr) !important;
  border-right-color: var(--buttonActiveBrClr) !important;
  z-index: 1;
}
.lyte-button-trans {
  --buttonActiveClr: transparent;
  --clr-df: var(--dark-blue);
}
.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 {
  --dark-blue: var(--clr-df);
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/*  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(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);
  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);
  border: 1px solid var(--buttonHoverBrClr);
}
lyte-drop-button.lyteDropButtonUp {
  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);
}
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(../../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: none;
  background-position: unset;
  width: 8px;
  height: 4px;
  top: calc(50% - 2px);
  display: inline-block;
  opacity: 1;
  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(../../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(../../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: var(--fs-base-widget);
  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-drop-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: 0 -2px 6px 0 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: 0;
  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.01;
  position: fixed;
  overflow: hidden;
  display: none;
}
.lyteDropdownZIndex {
  z-index: calc(1060000 - 5);
}
/*Dropdown element disabled option -- BEGINS*/
.lyteDropdown-disabled lyte-drop-button {
  border-color: var(--buttonBrClr);
  cursor: default !important;
  opacity: 0.7;
  background: var(--buttonBgClr);
  color: #c4c4c4;
  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: var(--placeHolderClr);
}
.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(../../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 */
/*  Dropdown related style ENDS   */
/*lyte-drop-item:hover {
	background: #d7e9ff;
}*/
.lyteDummyEventContainer {
  display: flex;
}
.lyteDummyEventContainer {
  display: flex;
}
.ui-lt-dropfown-lg lyte-drop-button {
  padding: 9px 25px 9px 10px;
}
lyte-drop-item[selected="true"] {
  background: var(--menuActiveBg);
}
.ui-search-group-btn lyte-grouper {
  display: flex;
  border: 1px solid var(--buttonBrClr);
  border-radius: var(--bdrRadius);
}
.ui-search-group-btn lyte-grouper lyte-drop-button {
  --buttonPadTB: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-search-group-btn lyte-grouper .zw-splitbtn-arrow {
  display: flex;
}
.ui-search-group-btn lyte-grouper .zw-splitbtn-arrow .lyte-button {
  border: 1px solid transparent !important;
  border-width: 0 0 0 1px !important;
}
.ui-search-group-btn lyte-grouper:hover,
.ui-search-group-btn lyte-grouper.is-selected-search-grpBtn {
  border: 1px solid var(--buttonHoverBrClr);
  position: relative;
  z-index: 1;
  /*lyte-drop-button {
			&:hover {
				border-right: 1px solid var(--buttonActiveBrClr) !important;
			} 
		}*/
}
.ui-search-group-btn lyte-grouper:hover .zw-splitbtn-arrow .lyte-button,
.ui-search-group-btn lyte-grouper.is-selected-search-grpBtn .zw-splitbtn-arrow .lyte-button {
  border: solid var(--buttonHoverBrClr) !important;
  border-width: 0 0 0 1px !important;
}
.ui-contextual-menu .ui-badge-arrow-top lyte-drop-button {
  --buttonBgClr: var(--paperBg);
}
.ui-contextual-menu .ui-badge-arrow-top lyte-dropdown lyte-drop-button:hover {
  --buttonHoverBgClr: var(--paperBg);
}
.ui-smart-para-opt lyte-drop-button {
  --buttonBgClr: transparent;
}
.ui-smart-para-opt lyte-dropdown lyte-drop-button:hover {
  --buttonHoverBgClr: transparent;
}
.ui-classic-toolbar.ui-contextual-menu-tband lyte-drop-button,
.ui-smart-toolbar .ui-contextual-menu lyte-drop-button,
.ui-classic-toolbar.ui-contextual-menu-tband .ui-custom-font-combo,
.ui-smart-toolbar .ui-contextual-menu .ui-custom-font-combo {
  /*--buttonBgClr: var(--menubutton-bg);*/
  border-color: var(--buttonBrClr);
}
.ui-classic-toolbar.ui-contextual-menu-tband .ui-headinglist-btn,
.ui-smart-toolbar .ui-contextual-menu .ui-headinglist-btn,
.ui-classic-toolbar.ui-contextual-menu-tband .ui-custom-font-combo,
.ui-smart-toolbar .ui-contextual-menu .ui-custom-font-combo,
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-grouper,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-grouper {
  --buttonBrClr: var(--separatorClr);
  --buttonPadLR: 8px;
}
.ui-classic-toolbar.ui-contextual-menu-tband .ui-search-group-btn lyte-dropdown .lyteDummyEventContainer lyte-drop-button,
.ui-smart-toolbar .ui-contextual-menu .ui-search-group-btn lyte-dropdown .lyteDummyEventContainer lyte-drop-button {
  /*border-right: 1px solid var(--teritary-BorderClr) !important;*/
}
.ui-classic-toolbar lyte-dropdown lyte-drop-button:hover {
  --buttonHoverBgClr: var(--bg-white);
}
.ui-classic-toolbar .lyteDefaultBtn {
  --buttonHoverBgClr: var(--bg-white);
}
.ui-classic-toolbar .lyteDefaultBtn:focus::after,
.ui-classic-toolbar .lyteDefaultBtn:active::after {
  --btnGradLight: var(--buttonHoverBrClr);
  --btnGradDark: var(--buttonHoverBrClr);
  border-right: 1px solid var(--buttonHoverBrClr);
}
.ui-classic-toolbar .lyteDefaultBtn:focus,
.ui-classic-toolbar .lyteDefaultBtn:active {
  --bg-white: var(--buttonActiveClr);
}
.ui-borderopt-container .ui-bdr-settings-container lyte-drop-button {
  background-color: var(--bg-white-sec);
}
.ui-next-heading-style-table .lyte-button {
  border: 0;
  justify-content: space-between;
}
.ui-next-heading-style-table .lyte-button:hover {
  border: 0;
  background: transparent;
}
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;
}
.ui-view-lpnl-zoom-cont-menu {
  min-width: 253px;
}
.ui-view-lpnl-zoom-cont-menu lyte-drop-item:first-child.lyteDropdownSelection {
  background: transparent;
}
.ui-sbox-in-menu.lyteDropButtonDown .lytebutton__icon,
.ui-sbox-in-menu.lyteDropButtonUp .lytebutton__icon,
.ui-sbox-in-menu:hover .lytebutton__icon {
  border: solid var(--themeColor);
  border-width: 0 0 0 1px;
  display: block;
}
.ui-translit-ddownmenu .lytemenu__footer lyte-drop-item[selected="true"] {
  --menuActiveBg: transparent;
}
.lytelabeled-dropdown {
  height: 49px;
  padding: 6px 10px;
}
.lytecomp__grouplabel {
  display: block;
  color: var(--dark-blue);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.42857143;
}
.ui-advanced-find-replace-dialog lyte-drop-button {
  width: 137px;
}
.ui-border-width-bg {
  display: block;
  width: 34px;
  height: 0;
}
.ui-border-style-dropdown .ui-borderstylebg {
  display: block;
  width: 42px;
  height: 9px;
}
.ui-set-units lyte-drop-button,
.ui-sound_list lyte-drop-button {
  width: 140px;
}
.ui-bloglist-menu lyte-drop-item:hover .ui-blog-plink {
  color: var(--themeColor);
}
.ui-blogger-style-type-dd lyte-drop-body {
  width: 259px;
}
.ui-shadow-ref-menu .lyteDummyEventContainer {
  display: flex;
}
.ui-shadow-ref-menu .lyteDropdownSelection {
  background: var(--menuActiveBg) !important;
}
.ui-lock-user-list lyte-drop-button {
  background: var(--textBoxBg);
  overflow: auto;
}
.ui-lock-user-list lyte-drop-button input {
  padding: 3px 10px 3px 10px;
  margin: 0 4px 4px 0;
  height: var(--buttonHeight);
}
.ui-lock-user-list lyte-drop-button:hover {
  background: var(--textBoxBg);
}
.ui-lock-user-list[lt-prop-type="multisearch"] .lyteMultipleSelect li.lyteMultiselectInput {
  background: transparent;
}
.ui-lock-user-list[lt-prop-type="multisearch"] lyte-drop-button::after {
  content: none;
}
.ui-lock-user-list.ui-lock-cont-texarea lyte-drop-button {
  border: 1px solid var(--border-clr-sec);
  max-height: 85px;
  padding: 5px 5px 0;
}
.lytetokkenfield.lyteMultiSearchDropButtonFocused {
  background: var(--textBoxBg) !important;
  border: 1px solid var(--themeColor) !important;
  box-shadow: var(--buttonBoxshadow) !important;
}
.ui-barcode-format lyte-drop-button {
  width: 200px;
}
.ui-combo-with-search-cont lyte-drop-button {
  border-radius: 2px 0 0 2px;
}
lyte-dropdown.ui-video-provider {
  width: 44px;
}
lyte-drop-box.citation-ecstype-dropdown {
  min-width: 172px !important;
}
ui-formula-dialog lyte-drop-button {
  background: var(--buttonBgClr);
}
.ui-sign-dlg-type lyte-drop-button {
  width: 137px;
}
.ui-signer-dropdown lyte-drop-body {
  width: 231px;
}
.ui-signer-no-cont lyte-dropdown .lyteDummyEventContainer {
  height: 100%;
}
.ui-signer-ddown.lyteDropButtonDown {
  background: var(--signerBgClr) !important;
  border-color: var(--signerclr) !important;
}
.ui-signer-ddown .lyteselectbox__icon .lyteselectbox__arrow {
  fill: #000;
}
lyte-dropdown .lyteDummyEventContainer:focus .ui-signer-ddown {
  border-color: var(--signerclr) !important;
}
/*.ui-signer-mail-box { commented becoz unified css code for sign and addresponders dialog
	.ui-email-token-field-wrap {
		width: 100%;
	}
	.ui-lyte-tag {
		lyte-drop-button {
			height: 28px !important;
			overflow: hidden !important;
			padding: 5px 10px 1px;
		}
		lyte-drop-button { 
			padding: 0;
			display: flex;
			border-color: var(--signerclr);
			&:hover {
				border-color: var(--signerclr);
			}
		}
		.lyteMultipleSelect {
			height: 100%;
			li {
				margin: 0;
				padding: 0 10px;
				display: flex;
				height: 100%;
				align-items: center;
				background: var(--textBoxBg);
			}  
		}
	}
}*/
lyte-dropdown.ui-singdlg-country-code {
  width: 95px;
}
.ui-mm-from-address .lyteDummyEventContainer {
  width: 100%;
}
lyte-drop-box.ui-mm-fsettings-dropdown {
  min-width: 160px !important;
}
.ui-zmenu-grptitle-gray .lytemenu__title {
  margin: 0 0 5px;
  padding: 0;
  background: transparent;
}
.ui-zmenu-grptitle-gray .lytemenu__title:before {
  content: none;
}
.ui-zmenu-grptitle-gray .lytemenu__title .lytemenu__text {
  text-transform: none;
}
.ui-zmenu-grptitle-gray .lytemenu__title .lytemenu__text {
  color: var(--placeHolderClr);
}
lyte-drop-box.ui-chart-field {
  min-width: 246px !important;
  height: 331px;
  width: 246px  !important;
}
lyte-dropdown.ui-chart-conf-w-140 {
  width: 140px;
}
lyte-dropdown.ui-chart-conf-w-177 {
  width: 177px;
}
.ui-panel-bcont lyte-drop-button,
.ui-panel-bcont lyte-number {
  background: var(--bg-white);
}
.ui-panel-bcont lyte-drop-button:hover,
.ui-panel-bcont lyte-number:hover,
.ui-panel-bcont lyte-drop-button.ui-zinputfield-withheader.lyteInputFocus,
.ui-panel-bcont lyte-number.ui-zinputfield-withheader.lyteInputFocus {
  background: var(--bg-white);
}
.ui-zwbutton-bg lyte-drop-button {
  background: var(--bgV2) !important;
}
lyte-dropdown.ui-ff-attachment-Filesize {
  width: 50px;
}
lyte-dropdown.ui-sf-fmt-fontsize {
  width: 46px;
}
lyte-drop-box.ui-ff-link-dropdown-menu {
  width: 209px;
}
.ui-signer-with-prefix .ui-signer-ddown .lyteselectbox__text:before {
  counter-increment: signerPrefix;
  content: counter(signerPrefix, upper-alpha) ".";
}
lyte-drop-box.ui-editor-selectbox-dropdown-with-search {
  min-width: 253px !important;
}
lyte-drop-box lyte-menu-header {
  padding: 9px;
  border-bottom: 1px solid var(--teritary-BorderClr);
}
lyte-drop-button.ui-subform-select {
  height: 28px !important;
}
.ui-subform-menu .lytemenu__title {
  pointer-events: none;
}
.ui-subform-menu lyte-drop-item {
  background: var(--body-bg);
  border-top: 1px solid var(--bg-white);
  padding: 7px 0 7px 30px;
}
.ui-subform-menu .lytemenu__title .lytemenu__text[data-description]:after {
  content: attr(data-description);
  margin-left: 5px;
  color: #c79c0c;
  font-size: var(--fs-8-widget);
  font-weight: 700;
  font-family: var(--ff-base);
  text-transform: uppercase;
}
.ui-editor-selectbox-dropdown-with-search lyte-drop-header,
.ui-editor-selectbox-dropdown-with-search lyte-menu-header {
  background-color: var(--body-bg);
  padding: 9px !important;
  /*margin: -5px -5px 5px;*/
}
.ui-editor-selectbox-dropdown-with-search lyte-drop-body,
.ui-editor-selectbox-dropdown-with-search lyte-menu-body {
  overflow-y: auto !important;
  max-height: 188px;
}
lyte-drop-box.ui-op-format-sec-dd {
  width: 325px;
}
lyte-drop-box.ui-img-fit-cont {
  width: 253px;
}
lyte-dropdown lyte-drop-button.ui-lock-cont-texarea {
  background: transparent;
}
lyte-dropdown lyte-drop-button.ui-lock-cont-texarea.lyteDropButtonDown {
  background-color: transparent !important;
}
lyte-dropdown lyte-drop-button.ui-lock-cont-texarea:hover {
  background: transparent;
  cursor: text;
}
lyte-dropdown lyte-drop-button.ui-lock-cont-texarea input {
  background: var(--textBoxBg);
}
.ui-spl-more-options {
  padding: 10px;
}
.ui-zia-card-hr-seperator {
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
  border-bottom: 1px solid var(--separatorClr);
}
.ui-doc-nav-sbox lyte-drop-button {
  margin: -1px;
  border-right-color: transparent;
  padding-left: 10px;
}
.ui-doc-nav-sbox lyte-drop-button .lytemenu__text {
  overflow: unset;
}
.ui-topband-docmode-ddown {
  width: 312px;
}
.ui-topband-docmode-ddown lyte-drop-item {
  /*border-left: 5px solid transparent;*/
  padding-left: 10px;
  /*&[selected="true"] {
		    border-left-color: var(--themeColor);
		}*/
}
.ui-topband-docmode-ddown lyte-drop-body {
  border-radius: 6px;
}
.ui-topband-docmode-options .lyteselectbox {
  height: 32px;
}
/*.ui-topband-docmode-options {
	lyte-drop-button {
		&:after {
		    content: '';
		    position: absolute;
		    width: calc(100% - -2px);
		    height: 4px;
		    border-bottom: 2px solid var(--themeColor);
		    left: -1px;
		    bottom: -1px;
		    z-index: 2;
		    border-radius: 8px;
		}
	}
}
*/
/*
lyte-drop-box {
	&.ui-editorview-dd {
		lyte-drop-body {
			width: 216px;
		}
	}
}
lyte-dropdown {
	&.ui-editorview-btn {
		width: 45px;
	}
}*/
lyte-dropdown.ui-bbar-zoom {
  width: 62px;
}
lyte-dropdown.ui-bbar-zoom lyte-drop-button {
  --buttonPadTB: 5px;
  --buttonPadLR: 0;
}
lyte-dropdown.ui-bbar-zoom lyte-drop-button .lytebutton__icon {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
lyte-dropdown.ui-bbar-zoom lyte-drop-button:hover .lytebutton__icon,
lyte-dropdown.ui-bbar-zoom lyte-drop-button.lyteDropButtonDown .lytebutton__icon {
  border: solid var(--themeColor);
  border-width: 0 0 0 1px;
  background-color: transparent;
}
lyte-dropdown.ui-bbar-zoom lyte-drop-button.lytelabeledcombobox lyte-number .lyteField {
  width: calc(100% - 16px);
  height: 28px;
  border: 0 !important;
  position: relative;
}
lyte-dropdown.ui-bbar-zoom lyte-drop-button.lytelabeledcombobox lyte-number.lyteInputBox input,
lyte-dropdown.ui-bbar-zoom lyte-drop-button.lytelabeledcombobox lyte-number.lyteInputBox .lyteNumberSuffixDummyWrapper {
  padding-left: 5px;
}
lyte-dropdown.ui-bbar-zoom lyte-drop-button.lyteDropButtonUp {
  border-radius: 0;
}
lyte-dropdown.ui-bbar-zoom lyte-drop-button.lyteDropButtonUp .lyteselectbox__arrowicon {
  border-left: 1px solid var(--themeColor);
}
lyte-dropdown.ui-bbar-zoom .lyteDummyEventContainer:focus .lytebutton__icon {
  border: solid var(--themeColor);
  border-width: 0 0 0 1px;
  background-color: transparent;
}
lyte-dropdown.ui-bbar-zoom .lyteDummyEventContainer:focus lyte-drop-button {
  border-bottom: 0 !important;
}
lyte-dropdown.ui-bbar-zoom .lyteDummyEventContainer:focus:hover {
  border-bottom: 0;
}
lyte-drop-box.ui-bbar-zoom-dd lyte-drop-body {
  width: 253px;
}
/*.ui-editor-view-dd {
	lyte-drop-body {
		width: 216px;
	}
}*/
lyte-drop-box.ui-line-space-dd {
  width: 224px;
}
.ui-lytemenu-dd-select-bg-no lyte-drop-item[selected="true"] {
  background: transparent;
}
lyte-drop-box.ui-charspace-menu {
  min-width: 96px !important;
}
.lyteDropButtonDown.lytebutton--hbtn .lytebutton__icon.h-floatright {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.ui-image-panel .ui-pagelayout lyte-drop-button {
  background-color: var(--bg-white-sec);
}
lyte-drop-box.ui-border-width {
  min-width: 93px !important;
}
lyte-drop-box.ui-border-style {
  min-width: 65px !important;
}
.ui-w-70 {
  width: 70px;
}
lyte-drop-box.ui-caption-label {
  width: 235px;
}
.ui-custom-font-table lyte-drop-button {
  border-color: transparent;
}
.ui-fld-table-cont .flex-row.ui-fld-sbox lyte-drop-button {
  padding-left: 8px;
}
.ui-fld-table-cont .flex-row.ui-fld-sbox .ui-fld-selectbox lyte-drop-button {
  padding-left: 10px;
  padding-right: 0;
}
.ui-flex-table .ui-fld-selectbox lyte-drop-button {
  text-align: left;
  margin-right: 5px;
}
lyte-drop-footer {
  position: relative;
  padding: var(--menuItemPaddingTB) var(--menuItemPaddingLR) var(--menuItemPaddingTB) var(--menuItemPaddingLR);
}
.lyteDropdownDisabled lyte-drop-button .lyteselectbox__text {
  color: #c4c4c4;
}
.lyteDropdownDisabled lyte-drop-button:hover .lyteselectbox__text {
  color: #c4c4c4;
}
.lyteDropdownDisabled lyte-drop-button .lytebutton__arrow {
  opacity: 0.5;
}
.lyteDropdownDisabled lyte-drop-button:hover {
  color: #c4c4c4;
}
.ui-search-with-dropdown-button lyte-grouper {
  border-color: transparent;
}
.ui-search-with-dropdown-button lyte-grouper .lyteGroupWrap {
  flex: 1;
}
.lyteselectbox__icon {
  width: 16px;
  height: 100%;
  margin: 0;
  display: inline-block;
  box-sizing: content-box;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
}
.lyteselectbox__arrow {
  width: inherit;
  height: inherit;
}
.lyteselectbox__arrow {
  transition: transform 200ms ease-in-out;
}
.lyteselectbox__icon .lyteselectbox__arrow {
  fill: var(--arrowColor);
}
lyte-drop-button.lyteDropButtonDown .lyteselectbox__arrow,
lyte-drop-button.lyteDropButtonUp .lyteselectbox__arrow,
lyte-drop-button.lyteDropButtonDown .ui-zw-arrow-icon,
lyte-drop-button.lyteDropButtonUp .ui-zw-arrow-icon,
lyte-drop-button.lyteDropButtonDown .h-floatright,
lyte-drop-button.lyteDropButtonUp .h-floatright {
  transform: rotate(180deg);
}
lyte-drop-button.lytelabeledcombobox:hover .lyteselectbox__icon {
  border: solid var(--themeColor);
  border-width: 0 0 0 1px;
  background-color: transparent;
}
lyte-drop-button.lytelabeledcombobox.lyteDropButtonDown .lyteselectbox__icon {
  border: solid var(--themeColor);
  border-width: 0 0 0 1px;
  background-color: var(--buttonActiveClr);
}
.lytelabeledselectbox,
.lytelabeledcombobox {
  height: 49px;
  --buttonPadTB: 6px;
  --buttonPadLR: 10px;
}
.ui-zsbox-with-znfield .lyteselectbox__icon {
  right: 52%;
}
.lytelabeledselectbox .lyteselectbox__text {
  font-weight: 600;
}
.tkSettingBoxContainer lyte-dropdown lyte-drop-button {
  width: 100px;
}
.lyteselectbox__selected {
  display: inline-flex;
  width: 100%;
  font-size: 0;
  white-space: nowrap;
  padding-right: calc(var(--buttonPadLR) * 2);
  box-sizing: border-box;
  line-height: 16px;
}
.lyteselectbox__selected .lyteselectbox__icon {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  position: relative;
  float: left;
  top: 0;
  right: 0;
  background-color: transparent;
  border: 0;
  flex-shrink: 0;
}
.lyteselectbox__text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: pointer;
  font-size: var(--fs-base-widget);
  color: var(--clr-df);
  user-select: none;
}
.lyteselectbox .lyteselectbox__selected {
  padding-right: 5px;
}
.lyteselectbox .lyteselectbox__icon {
  padding: 0;
}
.ui-uniqueattachment-btn .lyteselectbox__text {
  color: var(--linkClr);
}
lyte-dropdown.ui-mm-email-ua-operation,
lyte-dropdown.ui-mm-email-ua-zdocs-column {
  width: 160px;
}
lyte-drop-box .ui-borderwidth-menu {
  width: 93px;
}
lyte-drop-box .ui-border-style-dropdown {
  width: 65px;
}
.lyteselectbox__placeholder {
  color: var(--placeHolderClr);
}
.lyteselectbox:hover .lyteselectbox__text,
.lyteselectbox.lyteDropButtonDown .lyteselectbox__text {
  color: var(--clr-df);
}
.ui-signer-list-sbox .lyteselectbox__icon {
  top: 2px;
}
lyte-drop-item {
  --iconSize: 20px;
}
lyte-drop-item:hover .ui-hover-sh {
  display: block;
}
.ui-icon-16px lyte-drop-item {
  --iconSize: 16px;
}
.lytecombobox:hover .lyteselectbox__icon,
.lytecombobox.lyteDropButtonDown .lyteselectbox__icon,
.lytecombobox.lyteDropButtonUp .lyteselectbox__icon {
  border: solid var(--themeColor);
  border-width: 0 0 0 1px;
  background-color: transparent;
}
.lytecombobox:hover .lyteselectbox__icon:hover,
.lytecombobox.lyteDropButtonDown .lyteselectbox__icon:hover,
.lytecombobox.lyteDropButtonUp .lyteselectbox__icon:hover {
  background-color: transparent;
}
.ui-translate-dlg-cont lyte-drop-button {
  width: 175px;
}
.ui-translate-src-menu,
.ui-translate-target-menu {
  height: 290px !important;
}
.ui-pro-bk-dialog lyte-drop-button {
  border: 1px solid var(--propacksecBrLight);
  background-color: var(--menuBg);
  border-radius: 4px;
}
.ui-pro-bk-dialog lyte-drop-button:hover {
  background: var(--bg-white);
}
.ui-propack-sbox.lyteselectbox {
  height: 35px;
  font-size: 14px;
  line-height: 17px;
  padding: 8px 10px;
  color: var(--propackTxtClr);
}
lyte-dateselect.fs-18 {
  top: -1px;
}
lyte-dateselect.fs-18 lyte-dropdown {
  font-size: 18px;
}
.ui-fld-col.ui-validation-error lyte-dropdown lyte-drop-button {
  border: 0;
  height: 26px;
  /*	& .lyteDropButtonDown {
				
			}*/
}
.ui-fld-col.ui-validation-error lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button {
  border: 0;
}
.ui-fld-selectbox lyte-drop-button {
  border: 0;
  background: transparent;
  padding-right: 25px;
  text-align: right;
}
.ui-fld-selectbox lyte-drop-button:hover {
  border: 0;
}
.lytetokenfield--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: calc(var(--bdrRadius) - 1px) 0 0 calc(var(--bdrRadius) - 1px);
}
.ui-lytetokenfield--text {
  font-size: var(--fs-base-widget);
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  cursor: default;
  user-select: none;
  box-sizing: border-box;
  line-height: normal;
}
.ui-single-sign-signer-cont lyte-drop-button {
  padding: 0;
}
.ui-single-sign-signer-cont .ui-lytetoken--field {
  position: relative;
  height: 26px;
  padding: 0 10px;
}
.ui-single-sign-signer-cont .lytetokenfield--image {
  width: 28px;
  height: 26px;
}
.ui-single-sign-signer-cont .ui-lytetokenfield--text {
  font-size: var(--fs-base-widget);
}
.ui-single-sign-signer-cont .lytetokenfield--image + .ui-lytetokenfield--text {
  padding: 0 20px 0 35px;
  line-height: 23px;
}
.ui-email-token-cust-w {
  width: calc(100% - 32px);
}
.ui-email-token-cust-w .ui-signer-token-field .lyteMultipleSelect li .lyteTagItem {
  display: block !important;
  height: auto !important;
}
.ui-add-res-token-field lyte-drop-remove {
  display: none !important;
}
.ui-add-res-token-field .lyteMultipleSelect {
  width: calc(100% - 50px);
}
.ui-condtn-input-icon-container .lytebutton__icon {
  margin-right: 5px;
  cursor: pointer;
  fill: var(--themeColor);
}
.lytecombobox .lyteselectbox__icon {
  margin: 0;
  padding: 0 5px 0 5px;
  border: solid transparent;
  border-width: 0 0 0 1px;
  background-color: transparent;
}
.lytecombobox.lyteDropButtonDown .lyteselectbox__icon {
  border-color: var(--themeColor);
}
.lyte-drop-item:hover .ui-hover-sh {
  display: block;
}
lyte-drop-button:hover .lyteDropPlaceholderNormal {
  color: var(--clr-df);
}
.lyteDropdownLabel {
  padding-right: 5px;
}
.ui-multiple-icon lyte-drop-item:hover .ui-hover-sh {
  display: flex;
}
.ui-drop-custom {
  background: var(--buttonBgClr);
}
.ui-drop-custom {
  border-radius: var(--bdrRadius);
}
.ui-drop-custom.ui-wf-sbox.lyteDropButtonDown .ui-text-blue {
  display: none;
}
.ui-workflow-drop lyte-drop-body {
  max-height: 250px;
}
.ui-workflow-drop lyte-drop-item {
  flex-direction: row !important;
}
.ui-workflow-drop lyte-drop-item img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
lyte-drop-button.ui-review-tb-tcallmarkup {
  width: 92px;
}
.ui-rm-width {
  min-width: 161px !important;
}
.ui-drop-custom {
  border-radius: var(--bdrRadius);
}
.ui-drop-custom.ui-wf-sbox.lyteDropButtonDown .ui-text-blue {
  display: none;
}
.ui-workflow-drop lyte-drop-body {
  max-height: 250px;
}
.ui-workflow-drop lyte-drop-item {
  flex-direction: row !important;
}
.ui-workflow-drop lyte-drop-item img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.ui-vertical-align-dd {
  min-width: 152px !important;
}
.ui-locale-w-650 {
  min-width: 650px !important;
}
.ui-scroll-h-246 {
  max-height: 246px;
}
.ui-makecpy-drop {
  min-width: 363px !important;
}
.ui-drop-custom {
  border-radius: var(--bdrRadius);
}
.ui-drop-custom.ui-wf-sbox.lyteDropButtonDown .ui-text-blue {
  display: none;
}
.ui-email-drop lyte-drop-body {
  max-height: 250px;
}
.ui-email-drop lyte-drop-item {
  flex-direction: row !important;
}
.ui-email-drop lyte-drop-item img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.ui-mmfield-settings-container lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button {
  border: 0 !important;
  background-color: transparent !important;
}
.ui-slct-title-2 {
  height: auto !important;
  min-width: 203px !important;
  border: 1px solid var(--menuBrClr);
}
.ui-slct-title-2 .lytemenu__title {
  background: transparent;
  margin: 0;
}
.ui-slct-title-2 .lytemenu__title .lytemenu__text {
  text-transform: none;
}
.ui-mm-temp-folder lyte-drop-button {
  width: 160px;
}
.ui-automation-downloaddoc-format-dd lyte-drop-body,
.ui-mm-format-dd lyte-drop-body {
  width: 383px;
}
.ui-mm-preview-fieldnav-dd lyte-drop-button {
  width: 188px;
}
lyte-drop-footer {
  background: var(--menuBg);
  border-top: 1px solid var(--teritary-BorderClr);
  margin: 5px 0 2px 0;
  padding: 0;
}
.ui-zmenu-grptitle-dashed.ui-zmenu-grptitle-solid lyte-drop-footer lyte-drop-item {
  padding: 12px 10px 10px;
}
.lyteMultipleSelect li {
  display: inline-flex;
}
.ui-lyte-validation-error lyte-drop-button {
  border: 1px solid #d22121 !important;
}
.ui-locale-w-650 {
  min-width: 650px !important;
}
.ui-fillfield-search-with-dd lyte-grouper {
  border: 0 !important;
}
.ui-fillfield-search-with-dd lyte-grouper lyte-drop-button {
  padding: 1px 2px;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px var(--efillfieldBdrClr) !important;
  border: 0 !important;
}
.ui-fillfield-search-with-dd lyte-grouper lyte-drop-button lyte-input .lyteField {
  border-bottom: 0 !important;
}
.ui-fillfield-search-with-dd lyte-grouper:hover lyte-drop-button:hover {
  border-right: 0 !important;
}
.ui-tokenfield-fill-dlg lyte-drop-button {
  background: var(--textBoxBg);
  overflow: auto;
}
.ui-tokenfield-fill-dlg lyte-drop-button:hover {
  background: var(--textBoxBg);
  border-color: var(--buttonBrClr);
}
.ui-tokenfield-fill-dlg .lyteMultiSelect,
.ui-tokenfield-fill-dlg .lyteMultipleSelect,
.ui-tokenfield-fill-dlg .lyteTagInputLi {
  height: 100%;
}
.ui-tokenfield-fill-dlg .lyteTagInputLi {
  padding-bottom: 4px !important;
}
.ui-tokenfield-fill-dlg .ui-email-token-field-wrap {
  width: 300px;
}
.ui-tokenfield-fill-dlg .ui-email-token-field-wrap input.lyteDropdownTextField {
  width: 15ch !important;
}
.ui-webhook-rightband .ui-webhook-url lyte-drop-button {
  width: 103px;
  background: var(--bg-white);
}
.ui-webhook-rightband .ui-webhook-url lyte-drop-body {
  width: 143px;
}
.ui-data-selectmenu lyte-drop-item[selected="true"] .lytemenu__text:before {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--clrBlkInvrs);
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 20px;
  border-radius: 50%;
}
.ui-review-tb-tcallmarkup {
  --bg-white: var(--bgV3);
  --buttonBrClr: var(--border-clr-sec);
  --buttonPadTB: 5px;
  --buttonPadLR: 6px;
}
.ui-align-btn lyte-drop-button {
  --buttonBrClr: transparent;
  --buttonBgClr: var(--buttonBrClr);
}
.ui-align-btn lyte-drop-button:hover {
  --bg-white: var(--bgV3);
  --buttonBrClr: var(--border-clr-sec);
}
.ui-align-btn lyte-drop-button.lyteDropButtonDown,
.ui-align-btn lyte-drop-button.lyteDropButtonUp {
  --buttonActiveClr: var(--bgV3);
  --buttonActiveBrClr: var(--border-clr-sec);
  --arrowColor: var(--arrowColor);
}
.ui-playbook-check-dropdown lyte-drop-button {
  --bdrRadius: 4px;
  --buttonBrClr: var(--border-clr-sec);
  --buttonBgClr: var(--bg-white);
}
.ui-playbook-check-dropdown lyte-drop-button:hover {
  --buttonHoverBgClr: transparent;
}
.ui-playbook-dropbox {
  border-radius: 12px;
}
.ui-playbook-dropbox .ui-playbook-drop {
  --menuPaddingTB: 20px;
  --menuPaddingLR: 16px;
  border-radius: 12px;
}
.ui-playbook-dropbox .ui-playbook-drop .ui-playbook-grp-header:after {
  content: '';
  height: 1px;
  position: absolute;
  width: calc(100% - 100px);
  background: var(--separatorClr);
  top: 50%;
  left: 100px;
}
.ui-playbook-dropbox .ui-playbook-drop .ui-playbook-grp-header[selected="true"] {
  --menuActiveBg: transparent;
}
.ui-playbook-dropbox .ui-playbook-drop .ui-playbook-empty-cont {
  font-style: italic;
  color: var(--ziaLabelClr);
}
.ui-display-drop-btn lyte-drop-button {
  width: 120px;
  --buttonBgClr: var(--cmtReplyBg);
  --buttonBrClr: var(--border-clr-sec);
}
.ui-app-lang-drop {
  max-height: 250px !important;
}
lyte-drop-body.ui-sort-drop-body {
  --menuPaddingLR: 0;
}
lyte-drop-body.ui-sort-drop-body lyte-tag-label {
  padding-bottom: 0;
}
.ui-mm-report-fieldnav-dd lyte-drop-button {
  width: 150px;
}
.ui-mm-report-fieldnav-dd lyte-drop-button span {
  font-weight: 400;
  text-transform: capitalize;
}
.ui-qp-manage-lib-dd {
  width: 271px;
}
.ui-quick-category-drop .ui-empty-state {
  height: 80px;
}
.ui-quick-category-drop .ui-quick-drop-footer {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid var(--separatorClr);
  background: var(--bg-white);
}
.ui-quick-category-drop .ui-quick-drop-footer .ui-link {
  color: var(--menuActiveClr);
}
.ui-common-drop-brds {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.ui-common-drop-brds lyte-drop-body {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.ui-quick-manage-drop {
  min-width: 232px !important;
}
.ui-quick-category-list {
  padding: 7px 10px;
  cursor: pointer;
  border-radius: 4px;
}
.ui-quick-category-list .ui-qp-options {
  opacity: 0;
}
.ui-quick-category-list:hover {
  background: var(--menuActiveBg);
}
.ui-quick-category-list:hover .ui-qp-options {
  opacity: 1;
}
.ui-quick-category-list.ui-qp-selected {
  background: var(--btnHoverState);
}
.ui-quick-category-list.ui-qp-selected:hover {
  --menuActiveBg: var(--btnHoverState);
}
.ui-quick-category-list .ui-max-w-200 {
  max-width: 200px;
}
.ui-qp-manage-cat-list {
  height: calc(100% - 20px);
}
.lyteAnnotatorZoom lyte-drop-button .lyteDropButtonUp {
  --buttonActiveClr: #222327;
}
.lyteAnnotatorZoomDropdown lyte-drop-body {
  --menuBg: #26282b;
}
.lyteAnnotatorZoomDropdown lyte-drop-item[selected="true"] {
  --menuActiveBg: #38393c;
  opacity: 1 !important;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Menu CSS BEGINS  */
lyte-menu-box {
  line-height: normal;
  border: 1px solid var(--menuBrClr);
  box-sizing: border-box;
  z-index: var(--menuZindex);
  vertical-align: middle;
  width: auto;
  position: absolute;
  top: -9999px;
  left: -9999px;
  outline: none;
  font-family: var(--ff-base);
  box-shadow: var(--menuBoxShadow);
  border-radius: 6px;
}
lyte-menu-body {
  box-sizing: border-box;
  overflow: auto;
  display: block;
  outline: none;
  background: var(--menuBg);
  border: 0;
  border-radius: 6px;
  padding: var(--menuPaddingTB) var(--menuPaddingLR);
}
lyte-menu-item {
  line-height: normal;
  border-radius: 4px;
  /*min-height: 34px;*/
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: flex;
  white-space: nowrap;
  text-align: left;
  font-size: var(--fs-base-widget);
  padding: var(--menuItemPaddingTB) var(--menuItemPaddingLR);
  z-index: 1;
  color: var(--clr-df);
}
.lyteMenuSelection {
  --clr-df: var(--menuActiveClr);
  --iconClr: var(--menuActiveClr);
  background: var(--menuActiveBg);
}
lyte-menu-label {
  font-size: var(--fs-base-widget);
  color: var(--clr-df);
  margin-right: 0;
  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-footer {
  background: var(--menuBg);
  border: 0;
  display: block;
  border-top: 0;
  padding: 10px 15px;
  font-size: 15px;
}
lyte-menu-description {
  font-size: 11px;
  margin-left: auto;
  opacity: 1;
  color: var(--shortCutTextClr);
}
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(var(--menuZindex) - 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(../../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 */
/* Menu CSS ENDS  */
.lyteMenuSelected {
  --buttonBgClr: var(--buttonActiveClr);
  --buttonBrClr: var(--buttonActiveBrClr);
}
.lyteMenuSelected .lyte-button {
  z-index: 1;
}
.lytemenu-render-inplace lyte-menu-item:hover {
  background: var(--menuActiveBg);
}
.zw-menu-icon-text lyte-menu-label {
  display: flex;
}
.zw-menu-icon-text lyte-menu-label .lytebutton__icon {
  flex-shrink: 0;
}
.lytemenu__separator {
  margin: 2px 0;
  height: 1px;
  min-height: 1px;
  background: var(--separatorClr);
  clear: both;
  padding: 0;
}
.lytemenu__shortcut {
  padding: 1px 0 0 10px;
  font-size: var(--fs-11-widget);
  color: var(--shortCutTextClr);
  float: right;
  line-height: 1.4;
}
.lytemenu__shortcut {
  padding-left: 15px;
}
.ui-menu-zindex-plus1 {
  z-index: calc(var(--menuZindex) + 1);
}
.lytemenu__footer lyte-menu-item:hover {
  background: var(--menuActiveBg);
}
.lytemenu__iconcontainer {
  padding: 3px 3px 3px 3px;
  margin-right: calc(16px - 4px);
  top: 50%;
  transform: translateY(-50%);
  float: left;
  box-sizing: content-box;
}
.lytemenu__iconcontainer .lytemenu__title .lytemenu__text {
  padding-left: 0;
}
.lytemenu__iconcontainer {
  padding: 3px 0;
}
.lytemenu__radio {
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  fill: #000;
}
.lytemenu__radio {
  fill: var(--clr-df);
}
.ui-font-combo-lists-grid lyte-menu-item {
  width: 150px;
  height: 70px;
  border: 1px solid var(--leftPanelBg);
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
  flex-direction: column;
}
.ui-font-combo-lists-grid lyte-menu-item .lytemenu__iconcontainer {
  display: none;
}
.ui-font-combo-lists-grid lyte-menu-item .lytemenu__text {
  padding-left: 0;
  line-height: normal;
}
.ui-font-combo-lists-grid lyte-menu-item .lytemenu__hint {
  margin: 6px 0 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  font-size: var(--fs-10-widget);
  line-height: 14px;
}
.ui-font-combo-lists-grid lyte-menu-item .lytemenu__icon.h-alignright {
  width: 16px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-right: 0;
}
.ui-font-combo-lists-grid lyte-menu-item.on-hover {
  border-color: var(--themeColor);
  background-color: transparent;
}
.ui-font-combo-lists-grid lyte-menu-item.lyteMenuSelection {
  --leftPanelBg: var(--themeColor);
  --menuActiveBg: transparent;
}
.ui-font-combo-lists-grid .lytemenu__title {
  width: 100%;
  height: auto;
  border: 0;
  margin-left: 0;
  background: transparent;
}
.ui-font-combo-lists-grid .lytemenu__title .lytemenu__text {
  padding-left: 0;
}
.lytemenu--split .lytemenu__icon.iconalign-right {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: calc(var(--menuItemPaddingLR)*2);
  margin: 0;
  top: 0;
  right: 0;
  background: var(--menuBg);
  border-radius: 0 4px 4px 0;
}
.lytemenu--split .lytemenu__icon.iconalign-right:before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: -1px;
  border-left: 1px solid var(--separatorClr);
}
.lytemenu--split .lytemenu__arrow .lytebutton__svg {
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  transition: transform 200ms ease-in-out;
}
.lytemenu--split.lyteMenuSelection {
  /*.lytemenu__arrow .lytebutton__svg {
			transform: rotate(180deg);
		}*/
}
.lytemenu--split.lyteMenuSelection .iconalign-right {
  --separatorClr: #ABC9FF;
  animation: splitMenubgAnim 200ms 200ms ease-in-out forwards;
}
.lytemenu--iconwithtext lyte-menu-item {
  white-space: normal;
}
.lytemenu--iconwithtext .lytemenu__text {
  padding-left: 26px;
}
.lytemenu--iconwithtext .lytemenu__title .lytemenu__text {
  padding-left: 0;
}
.ui-folder-moreoptions-menu lyte-menu-item.ui-save-txet-to-gallery {
  /*border-bottom: 1px solid var(--separatorClr);*/
  --menuItemPaddingLR: 9px;
}
.ui-save-txet-to-gallery.ui-zwdisabled {
  --menuActiveBg: transparent;
}
.ui-folder-opt-height {
  max-height: 253px;
}
/*.ui-folder-moreoptions-menu .lyteMenuSelection {
	--menuActiveBg: transparent;
}*/
.ui-charspace-menu .lytemenu__text {
  padding-left: 20px;
}
.lytemenu__icon {
  --iconSize: 20px;
  width: var(--iconSize);
  height: var(--iconSize);
  --iconClrBlue: var(--iconClr);
  --iconClrRed: var(--iconClr);
  --iconClrBlue2: transparent;
  --iconClrRed2: transparent;
  --iconClrGreen: var(--iconClr);
  --iconClrOrange: var(--iconClr);
  float: left;
  margin-right: 8px;
}
.lytemenu__icon.lytemenu__icon__large {
  --iconSize: 30px;
}
.ui-icon-size-16px .lytemenu__icon,
.ui-icon-size-16px .lytebutton__icon {
  --iconSize: 16px;
}
.ui-icon-size-16px.lytebutton__icon {
  --iconSize: 16px;
}
.lytemenu__text {
  width: auto;
  font-size: var(--fs-base-widget);
  line-height: normal;
}
.lytemenu__icon.h-alignright {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.lytemenu__submenu .lytemenu__icon.h-alignright {
  --iconSize: 16px;
  margin-right: calc(var(--menuItemPaddingLR) / 2);
}
.lytemenu__submenu .lytemenu__text {
  padding-right: calc(var(--menuItemPaddingLR) * 1);
}
.lytemenu__arrow {
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  fill: var(--arrowColor);
}
.lytemenu__arrow {
  padding: 0;
}
.lytemenu__hint {
  font-size: var(--fs-11-widget);
  color: var(--placeHolderClr);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  text-overflow: ellipsis;
  line-height: normal;
}
.lytemenu__hint {
  text-overflow: initial;
  white-space: normal;
  font-size: var(--fs-12-widget);
}
.lytemenu__text {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  color: var(--clr-df);
  vertical-align: top;
  max-width: 100%;
}
.lytemenu__text {
  width: auto;
  font-size: var(--fs-base-widget);
  line-height: normal;
}
.ui-docseq-menu .lytemenu__text {
  line-height: 15px;
}
.ui-docseq-menu .lytemenu__hint {
  line-height: 12px;
  color: var(--shortCutTextClr);
}
.lytemenu--iconwithtext .lytemenu__iconcontainer {
  position: absolute;
}
.lytemenu--iconwithtext .lytemenu__hint {
  margin-left: 26px;
}
lyte-menu-item:hover .ui-hover-sh {
  display: block;
}
.ui-docseq-menu lyte-menu-item .ui-hover-sh .lyte-button,
.ui-custom-autofields-menu lyte-menu-item .ui-hover-sh .lyte-button,
.ui-docseq-menu lyte-menu-item.ui-del-edit-wrap .lyte-button,
.ui-custom-autofields-menu lyte-menu-item.ui-del-edit-wrap .lyte-button {
  --buttonBgClr: transparent;
  --buttonBrClr: transparent;
  padding: 0;
}
.ui-docseq-menu lyte-menu-item .ui-hover-sh .lyteDefaultBtn:hover,
.ui-custom-autofields-menu lyte-menu-item .ui-hover-sh .lyteDefaultBtn:hover,
.ui-docseq-menu lyte-menu-item.ui-del-edit-wrap .lyteDefaultBtn:hover,
.ui-custom-autofields-menu lyte-menu-item.ui-del-edit-wrap .lyteDefaultBtn:hover {
  --buttonHoverBgClr: transparent;
  --buttonHoverBrClr: transparent;
}
.ui-pagenumbers-smenu {
  padding-bottom: 10px;
}
.ui-pagenumbers-smenu .ui-pageno-items {
  border: 1px solid var(--border-clr-df);
  width: 40px;
  height: 40px;
  margin: 0 -1px 0 0;
  padding: 4px 7px;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 0;
}
.ui-pagenumbers-smenu .ui-pageno-items:nth-of-type(3),
.ui-pagenumbers-smenu .ui-pageno-items:nth-of-type(8) {
  border-radius: var(--bdrRadius) 0 0 var(--bdrRadius);
  margin-left: 10px;
}
.ui-pagenumbers-smenu .ui-pageno-items:nth-of-type(7) {
  border-radius: var(--bdrRadius);
}
.ui-pagenumbers-smenu .ui-pageno-items:hover {
  border: 1px solid var(--themeColor);
  background: var(--buttonActiveClr);
  z-index: 2;
}
.ui-pagenumbers-smenu .ui-pageno-items:nth-child(6),
.ui-pagenumbers-smenu .ui-pageno-items:nth-child(11) {
  border-radius: 0 var(--bdrRadius) var(--bdrRadius) 0;
}
.lytemenu__title {
  --menuItemPaddingLR: 5px;
  --menuItemPaddingTB: 5px;
  --menuActiveBg: var(--menuBg);
  --clr-df: inherit;
  align-items: center;
}
.lytemenu__title .lytemenu__text {
  width: initial;
  position: relative;
  background: var(--menuBg);
  padding-right: 8px;
  font-size: var(--fs-12-widget);
}
.lytemenu__title:before {
  content: "";
  height: 1px;
  position: absolute;
  width: calc(100% - 10px);
  background: var(--separatorClr);
}
.ui-zmenu-grptitle-dashed .lytemenu__title {
  position: relative;
  background: transparent;
  padding: 10px 0 5px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.ui-zmenu-grptitle-dashed .lytemenu__title:first-of-type {
  margin-top: -5px;
  padding: 5px 0;
}
.ui-zmenu-grptitle-dashed .lytemenu__title .lytemenu__text {
  text-transform: inherit;
  padding: 0 5px 0 10px;
  background: transparent;
}
.ui-zmenu-grptitle-dashed .lytemenu__title:before {
  content: '';
  position: static;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed var(--separatorClr);
  background: transparent;
  flex: 1;
  display: block;
}
.ui-zmenu-grptitle-dashed.ui-zmenu-grptitle-solid .lytemenu__title {
  margin: 0;
}
.ui-zmenu-grptitle-dashed.ui-zmenu-grptitle-solid .lytemenu__title:before {
  border-bottom: 1px solid var(--teritary-BorderClr);
}
.ui-zmenu-grptitle-dashed.ui-zmenu-grptitle-solid .lytemenu__title .lytemenu__text {
  font-size: var(--fs-12-widget);
  text-transform: uppercase;
  color: var(--placeHolderClr);
}
.lytemenu--thumbnail .lytemenu__item {
  height: auto;
  display: inline-block;
  padding: 2px;
  text-align: center;
  width: auto;
  margin: 5px;
  border: 1px solid transparent;
  background: var(--menuBg);
  clear: initial;
}
.lytemenu--thumbnail .lytemenu__item .lytemenu__image {
  display: block;
}
.lytemenu--thumbnail .ui-chat-menuitem {
  padding: 8px 9px;
}
.ui-doctheme-menu .lytemenu__title .lytemenu__text {
  width: initial;
  position: relative;
  background: var(--body-bg);
  padding-right: var(--menuItemPaddingLR);
  display: inline-block;
  font-size: var(--fs-14-widget);
  color: var(--clr-df);
}
.ui-doctheme-menu .lytemenu__title,
.ui-theme-font-combo-menu .lytemenu__title,
.ui-theme-color-combo-menu .lytemenu__title {
  clear: both;
  margin-bottom: 5px;
  position: relative;
  margin-top: 0;
}
.ui-doctheme-menu .lytemenu__title:before,
.ui-theme-font-combo-menu .lytemenu__title:before,
.ui-theme-color-combo-menu .lytemenu__title:before {
  content: '';
  width: calc(100% - 20px);
  background: var(--border-clr-df);
  margin-top: 1px;
  height: 1px;
  position: absolute;
  right: var(--menuItemPaddingLR);
  top: calc(var(--menuItemPaddingLR) + 1px);
  left: var(--menuItemPaddingLR);
}
.ui-doctheme-menu .lytemenu__title .lytemenu__text,
.ui-theme-font-combo-menu .lytemenu__title .lytemenu__text,
.ui-theme-color-combo-menu .lytemenu__title .lytemenu__text {
  background: var(--body-bg);
}
.ui-doctheme-menu .lytemenu__title .lytemenu__text {
  background: var(--body-bg);
}
.ui-doctheme-menu lyte-menu-item {
  white-space: normal;
}
.ui-doctheme-menu lyte-menu-item.ui-design-user-empty {
  height: 412px;
}
.ui-doctheme-menu lyte-menu-item.lyteMenuSelection {
  background: transparent;
}
.ui-doctheme-menu .doctheme-reset-default {
  margin: -2px 0 2px 0;
  border: 1px solid var(--teritary-BorderClr);
  border-width: 1px 0 0 0;
  background: var(--body-bg);
}
.ui-doctheme-menu .doctheme-reset-default.lyteMenuSelection {
  background: var(--menuActiveBg);
}
.designMenu-design-gallery-submenu lyte-menu-item.ui-design-user-empty {
  height: 312px;
}
.designMenu-design-gallery-submenu lyte-menu-item.lyteMenuSelection {
  background: transparent;
}
.ui-doctheme-menu-with-dsc .lytemenu__text {
  padding-right: 5px;
  max-width: calc(100% - 30px);
}
.ui-doctheme-menu-with-dsc .lytemenu__hint {
  min-width: 16px;
  padding: 2px 5px;
  background: var(--activeBgClr);
  border-radius: 12px;
  font-size: 11px;
  margin: 0;
  color: var(--menuActiveClr);
}
.ui-design-menu-option lyte-menu-item:nth-of-type(1).lyteMenuSelection {
  background: transparent;
}
.ui-doctheme-menu .lytemenu__title:before,
.ui-theme-font-combo-menu .lytemenu__title:before,
.ui-theme-color-combo-menu .lytemenu__title:before {
  content: '';
  width: calc(100% - 20px);
  background: var(--border-clr-df);
  margin-top: 1px;
}
.ui-doctheme-menu .lytemenu__title .lytemenu__text,
.ui-theme-font-combo-menu .lytemenu__title .lytemenu__text,
.ui-theme-color-combo-menu .lytemenu__title .lytemenu__text {
  background: var(--body-bg);
}
.ui-doctheme-menu lyte-menu-item,
.ui-theme-font-combo-menu lyte-menu-item,
.ui-theme-color-combo-menu lyte-menu-item {
  white-space: normal;
}
.ui-doctheme-menu lyte-menu-item.ui-design-user-empty,
.ui-theme-font-combo-menu lyte-menu-item.ui-design-user-empty,
.ui-theme-color-combo-menu lyte-menu-item.ui-design-user-empty {
  height: 412px;
}
.ui-doctheme-menu lyte-menu-item.lyteMenuSelection,
.ui-theme-font-combo-menu lyte-menu-item.lyteMenuSelection,
.ui-theme-color-combo-menu lyte-menu-item.lyteMenuSelection {
  background: transparent;
}
.ui-doctheme-menu .doctheme-reset-default,
.ui-theme-font-combo-menu .doctheme-reset-default,
.ui-theme-color-combo-menu .doctheme-reset-default {
  margin: -2px 0 2px 0;
  border: 1px solid var(--teritary-BorderClr);
  border-width: 1px 0 0 0;
  background: var(--body-bg);
}
.ui-doctheme-menu .doctheme-reset-default.lyteMenuSelection,
.ui-theme-font-combo-menu .doctheme-reset-default.lyteMenuSelection,
.ui-theme-color-combo-menu .doctheme-reset-default.lyteMenuSelection {
  background: var(--menuActiveBg);
}
.ui-styles-preview-menu lyte-menu-item {
  padding: 0;
}
.ui-styles-preview-menu .lyteMenuSelection {
  background: transparent;
}
.ui-theme-font-combo-menu,
.ui-theme-color-combo-menu {
  height: 355px;
}
.ui-theme-font-combo-menu lyte-menu-item:hover .ui-font-set-del-icon,
.ui-theme-color-combo-menu lyte-menu-item:hover .ui-font-set-del-icon {
  display: block;
}
.ui-theme-color-combo-menu lyte-menu-item:hover .ui-doctheme-actbtn {
  display: block;
}
.ui-theme-color-combo-menu lyte-menu-item.lytemenu__title {
  background-color: var(--bg-white);
  cursor: default;
}
.ui-theme-color-combo-menu lyte-menu-item.lytemenu__title .lytemenu__text {
  background-color: var(--bg-white);
}
.ui-theme-color-combo-menu lyte-menu-item.lyteMenuSelection {
  background: var(--menuActiveBg);
}
.ui-theme-color-combo-menu lyte-menu-item.lyteMenuSelection.lytemenu__title {
  background-color: var(--bg-white);
}
lyte-menu-item .doctheme-design-card {
  width: 100%;
}
.ui-adv-page-setup-menu lyte-menu-item {
  --menuItemPaddingTB: 9px;
  display: block;
  white-space: normal;
}
.ui-adv-page-setup-menu lyte-menu-item lyte-menu-label {
  display: block;
}
.ui-adv-page-setup-menu lyte-menu-item .ui-zlblbtn-desc {
  line-height: 16px;
}
.ui-wq-more-options lyte-menu-item.lyteMenuSelection {
  background: transparent;
}
.ui-imgmargin-menu lyte-menu-item.img-align-preset-item {
  border: 1px solid var(--border-clr-df);
  margin: 0 -1px -1px 0;
  width: 76px;
  height: 76px;
  background: transparent;
  box-sizing: border-box;
}
.ui-image-panel .lytemenu--iconwithtext .lytemenu__title .lytemenu__text {
  padding-left: 0;
}
.ui-image-panel .lytemenu--iconwithtext .lytemenu__title:before {
  content: none;
}
.ui-menu-item-footer-blue .lytemenu__text {
  padding-left: 0;
  color: var(--themeColor) !important;
}
.ui-crop-img-option-dd .lytemenu__title:before {
  content: none;
}
.lytemenu__footer lyte-menu-item.ui-img-present-custom.lyteMenuSelection,
.lytemenu__footer lyte-menu-item.ui-img-present-custom:hover {
  background: transparent;
}
.ui-mm-repeat-menu lyte-menu-item {
  white-space: normal;
  border: 1px solid transparent;
  border-width: 1px 0;
  margin-top: -1px;
  padding: 0;
  /*&:hover, &.on-hover {
		    background: transparent !important;
			border-color: var(--themeColor);
    		z-index: 1;
    		.lytemenu__icon {
				&.h-alignright {
					background: var(--menuBg);
					&:before {
						border-color: var(--themeColor);
					}
				}
			}
		}*/
}
.ui-mm-repeat-menu lyte-menu-item .ui-mm-repeat-menuitem {
  padding: 6px 10px 6px 10px;
  line-height: normal;
}
.ui-mm-repeat-menu lyte-menu-item .ui-mm-repeat-menuitem:hover {
  background: var(--menuActiveBg);
}
.ui-mm-repeat-menu lyte-menu-item.lytemenu--split .ui-mm-repeat-menuitem {
  width: calc(100% - 20px);
}
.ui-mm-repeat-menu lyte-menu-item.lytemenu--split .lytemenu__arrow {
  transition: all 0.2s ease-in;
}
.ui-mm-repeat-menu lyte-menu-item .lytemenu__icon.h-alignright {
  width: 24px;
}
.ui-mm-repeat-menu lyte-menu-item .lytemenu__icon.h-alignright:before {
  top: 0;
  bottom: 0;
}
.ui-mm-repeat-menu lyte-menu-item .lytemenu__icon.h-alignright:hover {
  background: var(--menuActiveBg);
}
.ui-mm-repeat-menu .lyteMenuSelection {
  background: transparent;
}
.mm-rtlist-menu-ul lyte-menu-item {
  padding: 0;
}
.ui-data-source-more-option lyte-menu-item {
  white-space: normal;
}
lyte-menu-body.ui-link-grp-cont {
  padding: var(--menuItemPaddingTB) var(--menuItemPaddingLR) var(--menuItemPaddingTB) var(--menuItemPaddingLR);
}
.ui-stroke-menu .lytemenu__icon {
  width: 44px;
  height: 3px;
  margin-right: 0;
}
.ui-shadows-reflections.lytemenu--thumbnail .lytemenu__image {
  width: 24px;
  height: 24px;
}
.ui-shadows-reflections.lytemenu--thumbnail .lytemenu__title:before {
  content: none;
}
.ui-imgmargin-menu {
  height: 270px;
  box-sizing: border-box;
}
.ui-imgmargin-menu .lytemenu__item {
  border-color: var(--border-clr-df);
  margin: 0 -1px -1px 0;
  width: 76px;
  height: 76px;
  background: transparent;
  display: flex;
  flex-grow: 1;
  box-sizing: border-box;
}
.ui-imgmargin-menu .lytemenu__item.on-hover {
  border-color: var(--themeColor);
  z-index: 1;
}
.ui-add-citation-submenu .lytemenu__text {
  text-overflow: unset;
}
.ui-menuitem-with-desc .lytemenu__hint {
  max-width: 195px;
  white-space: normal;
}
.ui-menuitem-with-desc .lytemenu__hint {
  font-size: var(--fs-11-widget);
}
.ui-signer-list-ddown .lytemenu__text {
  padding-left: 19px;
}
.ui-ff-link-menu-note {
  --menuActiveBg: transparent;
}
.ui-ff-link-menu-note .lytemenu__text {
  color: var(--placeHolderClr);
  font-size: var(--fs-11-widget);
  white-space: normal;
}
.ui-sstatus-menu lyte-menu-item .ui-zlblbtn-desc {
  white-space: normal;
}
.ui-btn-publish-share lyte-menu-item .lytemenu__text {
  text-overflow: unset;
}
lyte-menu-box.ui-spellcheck-footer {
  background: var(--menuBg);
  border: 1px solid var(--menuBrClr);
  border-radius: var(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);
}
lyte-menu-box.ui-spellcheck-footer lyte-menu-body {
  border: 0 !important;
  border-radius: 0;
  padding: 0;
  margin-bottom: 10px;
}
.ui-spellcheck-menu.lytemenu__title {
  margin: 0;
}
.ui-spellcheck-menu.lytemenu__title:before {
  content: none;
}
.ui-spellcheck-menu.lytemenu__title .lytemenu__text {
  background: transparent;
  line-height: 20px;
}
.ui-lytemenu-dd-select-bg-no .lyteMenuSelection {
  background: transparent;
}
.ui-wfloating-menu .ui-menuitem-none .lytemenu__text {
  color: #736f6b !important;
  font-size: var(--fs-12-widget) !important;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  margin: 0 !important;
  padding: 0 3px !important;
  line-height: 70px;
}
.ui-wfloating-menu.ui-bullets-menu .ui-menuitem-none .lytemenu__text {
  font-size: var(--fs-8-widget) !important;
  line-height: 32px;
}
.lytemenu-ttl-with-line {
  position: relative;
  background: transparent !important;
  cursor: default;
  font-weight: 600;
}
.lytemenu-ttl-with-line:before {
  content: '';
  width: calc(100% - 20px);
  height: 1px;
  background: var(--border-clr-df);
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  position: absolute;
  margin-top: 1px;
}
.lytemenu-ttl-with-line .lytemenu__text {
  display: inline-block;
  padding: 0 5px;
  background: var(--menuBg);
  position: relative;
  margin-left: -5px;
}
.lytemenu--iconwithtext .lytemenu-ttl-with-line .lytemenu__text {
  margin-left: 15px;
}
lyte-menu-footer {
  padding: 5px 0;
  border: 1px solid var(--menuBrClr);
  box-shadow: 0 0 0 0 transparent;
  z-index: 1;
  border-radius: 0 0 5px 5px;
}
lyte-menu-box:has(lyte-menu-header) lyte-menu-body {
  border-radius: 0 0 5px 5px;
}
lyte-menu-box:has(lyte-menu-header) lyte-menu-body {
  border-radius: 0 0 5px 5px;
}
lyte-menu-box:has(lyte-menu-footer) lyte-menu-body {
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}
lyte-menu-box:has(lyte-menu-header):has(lyte-menu-footer) lyte-menu-body {
  border-radius: 0;
}
lyte-menu-header {
  background: var(--menuBg);
  border-radius: 5px 5px 0 0;
}
lyte-menu-item.ui-lock-icon-css {
  padding-right: 20px;
}
lyte-menu-item.ui-lock-icon-css:before {
  top: 9px;
}
lyte-menu-body.ui-theme-font-combo-menu {
  padding-bottom: 0;
}
lyte-menu-body.ui-theme-font-combo-menu .lytemenu__title {
  background: var(--bg-white);
}
lyte-menu-body.ui-theme-font-combo-menu .lytemenu__title.lytemenu__title .lytemenu__text {
  background: var(--bg-white);
}
.ui-quick-menu {
  max-height: 200px;
}
.ui-quick-menu .ui-wid-cont {
  width: calc(178px - 38px);
}
.ui-quick-menu.ui-empty-msg {
  min-height: 256px;
  padding-bottom: 8px !important;
}
.ui-quick-menu.ui-empty-msg.lyteMenuSelection {
  --menuActiveBg: transparent;
}
.ui-quick-menu .ui-quick-scroll-cont .lytemenu__icon {
  opacity: 0;
}
.ui-quick-menu .ui-quick-scroll-cont .lyteMenuSelection .lytemenu__icon {
  opacity: 1;
}
.ui-quick-submenu {
  max-height: 278px;
}
.ui-quick-submenu .ui-prev-bg {
  background: var(--body-bg);
  min-height: 138px;
}
.ui-quick-submenu .lyteMenuSelection {
  --menuActiveBg: transparent;
}
.lyte-menu-item.ui-link-grp-cont-wrap.lyteMenuSelection {
  background: transparent;
}
lyte-menu-box.ui-emailfield-menu {
  border: 1px solid var(--menuBrClr);
}
lyte-menu-box.ui-emailfield-menu lyte-menu-body {
  border: 0;
  border-radius: 0;
  max-height: 400px;
  overflow-y: auto;
}
lyte-menu-box.ui-emailfield-menu lyte-menu-footer {
  border-top: 1px solid var(--teritary-BorderClr);
  padding: 5px 0;
}
.ui-link-grp-cont-wrap {
  padding: var(--menuItemPaddingTB) var(--menuItemPaddingLR) var(--menuItemPaddingTB) var(--menuItemPaddingLR);
}
.ui-link-custom-menu lyte-menu-item.lyteMenuSelection {
  --clr-df: #0d0d0d;
}
.ui-insert-menu {
  max-height: 620px;
}
.ui-font-submenu {
  z-index: 1060001;
}
.ui-radio-select .lytemenu__iconcontainer {
  position: absolute;
}
.ui-radio-select .lytemenu__text {
  padding-left: 20px;
}
.ui-radio-select.ui-radio-caption lyte-menu-item:first-of-type .lytemenu__text {
  padding-left: 5px;
}
.ui-submenu-custom {
  margin: 0;
}
.ui-submenu-custom.lytemenu__title {
  padding-bottom: 2px;
}
.ui-submenu-custom.lytemenu__title .lytemenu__text {
  color: var(--arrowColor);
  font-size: var(--fs-11-widget);
  text-transform: capitalize;
}
.ui-menu-height .ui-max-h-192 {
  max-height: 192px;
}
.ui-cross-ref-list lyte-menu-item:hover {
  background: var(--menuActiveBg);
}
.condition-field-popup .ui-search-btn input {
  border: 0;
  background: var(--menuBg);
}
.ui-lytemenu-ttl-unselect .lytemenu__title {
  pointer-events: none;
}
.ui-zmenu-grptitle-dashed.ui-zmenu-border-solid .lytemenu__title:before {
  border-bottom-style: solid;
}
lyte-menu-item .lyteFileUpdMsgWrap {
  color: var(--clr-df);
}
.ui-inpersigner-settings-menu-w {
  width: 208px;
}
.ui-signer-settings-menu-w {
  width: 155px;
}
.ui-mv-menu {
  width: 158px;
}
.ui-custom-menuitem.lytemenu__custom.lyteMenuSelection {
  background: transparent !important;
  cursor: default;
}
.ui-emailfield-menu lyte-menu-footer {
  border-top: 1px solid var(--teritary-BorderClr);
  margin: 5px 0 0 0;
  padding: 5px 0;
}
.ui-vc-btn-red .lytemenu__text {
  color: #ee5445 !important;
}
.ui-rmenu-img-caption .lytemenu__icon {
  --iconSize: 20px;
}
lyte-menu-description {
  line-height: 1.4;
  padding: 1px 0 0 10px;
}
.ui-menuitem-with-dsc.lytemenu--iconwithtext .lytemenu__hint {
  color: #8f9ba7;
  margin-left: 3px;
}
.ui-menuitem-with-dsc.lytemenu--iconwithtext .lytemenu__hint:before {
  content: "(";
}
.ui-menuitem-with-dsc.lytemenu--iconwithtext .lytemenu__hint:after {
  content: ")";
}
.ui-darkmenu-custom lyte-menu-item {
  padding: 6px 0 6px 30px;
}
.ui-dark-submenu-pos lyte-menu-item.is-active:before,
.ui-darkmenu-custom lyte-menu-item.is-active:before,
.ui-dark-submenu-pos lyte-menu-item.is-active-stroke:before,
.ui-darkmenu-custom lyte-menu-item.is-active-stroke:before,
.ui-dark-submenu-pos lyte-menu-item.is-active:after,
.ui-darkmenu-custom lyte-menu-item.is-active:after,
.ui-dark-submenu-pos lyte-menu-item.is-active-stroke:after,
.ui-darkmenu-custom lyte-menu-item.is-active-stroke:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.ui-dark-submenu-pos lyte-menu-item.is-active:before,
.ui-darkmenu-custom lyte-menu-item.is-active:before,
.ui-dark-submenu-pos lyte-menu-item.is-active-stroke:before,
.ui-darkmenu-custom lyte-menu-item.is-active-stroke:before {
  background: var(--clr-df);
}
.ui-dark-submenu-pos lyte-menu-item.is-active-stroke:after {
  border: 1px solid var(--clr-df);
  left: 14px;
}
.ui-dark-submenu-pos lyte-menu-item.is-active-stroke:before {
  display: none;
}
.ui-menu-item-pad-large lyte-menu-item {
  padding: 8px 10px 8px 10px;
}
.ui-merge-drop-menu lyte-menu-item {
  padding: 7px 10px 9px 10px;
}
.ui-digisign-ddown lyte-menu-item:not(.ui-dsign-manageac) {
  padding: 5px 10px;
  margin: 5px 10px 5px;
  border: 1px solid var(--border-clr-sec);
  background-color: var(--dialogButtonBg);
  border-radius: 2px;
}
.ui-digisign-ddown lyte-menu-item:not(.ui-dsign-manageac) span.lytemenu__text {
  color: var(--placeHolderClr);
  font-size: var(--fs-12-widget);
  line-height: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0;
  clear: both;
}
.ui-digisign-ddown lyte-menu-item .lytemenu__iconcontainer {
  position: static;
  transform: none;
  padding: 0;
}
.ui-digisign-ddown lyte-menu-item.ui-dsign-manageac .lytemenu__iconcontainer {
  display: none;
}
.ui-digisign-ddown lyte-menu-item.ui-dsign-manageac span.lytemenu__text {
  margin: 0 0 0 -25px !important;
}
.ui-digisign-ddown lyte-menu-item.lyteMenuSelection {
  --dialogButtonBg: var(--menuActiveBg);
  --border-clr-sec: var(--activeBorderClr);
}
.ui-3dots-custom {
  z-index: 99;
}
.ui-3dots-custom .ui-3dots-anim:before {
  @include ui-3dot-loading-anim(ibtn-wt, 2px, rgba(0, 0, 0, 0.5), #000000) !important;
}
.ui-recent-docs {
  height: 200px;
}
.ui-menu-height .ui-max-h-192 {
  max-height: 192px;
}
.ui-menu-item-pad-large lyte-menu-item {
  padding: 8px 10px 8px 10px;
}
.ui-merge-drop-menu lyte-menu-item {
  padding: 7px 10px 9px 10px;
}
.ui-digisign-ddown lyte-menu-item:not(.ui-dsign-manageac) {
  padding: 5px 10px;
  margin: 5px 10px 5px;
  border: 1px solid var(--border-clr-sec);
  background-color: var(--dialogButtonBg);
  border-radius: 2px;
}
.ui-digisign-ddown lyte-menu-item:not(.ui-dsign-manageac) span.lytemenu__text {
  color: var(--placeHolderClr);
  font-size: var(--fs-12-widget);
  line-height: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0;
  clear: both;
}
.ui-digisign-ddown lyte-menu-item .lytemenu__iconcontainer {
  position: static;
  transform: none;
  padding: 0;
}
.ui-digisign-ddown lyte-menu-item.ui-dsign-manageac .lytemenu__iconcontainer {
  display: none;
}
.ui-digisign-ddown lyte-menu-item.ui-dsign-manageac span.lytemenu__text {
  margin: 0 0 0 -25px !important;
}
.darkMode .ui-dark-submenu-pos.is-active-stroke:after {
  display: none;
}
.darkMode .ui-dark-submenu-pos.is-active-stroke:before {
  background: var(--clr-df);
}
.ui-emailfield-menu lyte-menu-footer {
  border-top: 1px solid var(--teritary-BorderClr);
  margin: 5px 0 0 0;
  padding: 5px 0;
}
.ui-inpersigner-settings-menu-w {
  width: 208px;
}
.ui-signer-settings-menu-w {
  width: 155px;
}
.ui-3dots-custom {
  z-index: 99;
}
.ui-3dots-custom .ui-3dots-anim:before {
  @include ui-3dot-loading-anim(ibtn-wt, 2px, rgba(0, 0, 0, 0.5), #000000) !important;
}
.ui-embed-menu .lyteMenuSelection {
  --menuActiveBg: transparent;
}
.ui-embed-menu .ui-max-h-500 {
  max-height: 400px;
}
.ui-embed-menu .lytemenu__title:before {
  width: calc(100% - 70px);
  right: 0;
}
.ui-embed-menu .ui-design-theme-label,
.ui-embed-menu .lytemenu__text {
  --clr-df: var(--clrBlkInvrs);
}
.ui-panels-category-menu {
  min-width: 140px;
}
/*--Start-widgets-menu-css-begins--*/
.ui-widget-menu {
  min-height: 197px;
  --menuPaddingTB: 0;
}
.ui-widget-menu iframe {
  min-height: inherit;
  display: flex;
}
.ui-lang-menu-h {
  height: 324px;
  overflow: auto;
}
.ui-headinglist-menu lyte-menu-body {
  --menuBg: #FFFFFF;
  --menuActiveBg: #d7e9ff;
  --menuActiveClr: #2460CC;
  --separatorClr: #e6e6e6;
  --arrowColor: #303030;
  padding-bottom: 0;
}
.ui-headinglist-menu .lytemenu__separator:last-of-type {
  display: none;
}
.ui-headinglist-menu lyte-menu-footer {
  margin-top: 2px;
}
.ui-text-wrap-menu lyte-menu-item {
  flex-wrap: wrap;
}
.ui-text-wrap-menu lyte-menu-item.lytemenu__title .lytemenu__text {
  --clr-df: var(--themeColor);
}
.ui-text-wrap-menu lyte-menu-description {
  width: 100%;
  padding-left: 30px;
}
.ui-tools-menu-body {
  min-width: 200px;
}
lyte-menu-body.ui-reader-settings-container {
  border: 0;
}
lyte-menu-body.ui-reader-settings-container.ui-day-btn-active,
lyte-menu-body.ui-reader-settings-container.ui-day-btn-active lyte-menu--item {
  background-color: var(--reader-menu-bg);
}
lyte-menu-body.ui-reader-settings-container.ui-day-btn-active .lytemenu__text {
  color: var(--reader-menu-clr);
}
lyte-menu-body.ui-reader-settings-container.ui-night-btn-active,
lyte-menu-body.ui-reader-settings-container.ui-night-btn-active lyte-menu-item {
  background-color: var(--dark-menu-bg);
}
lyte-menu-body.ui-reader-settings-container.ui-night-btn-active .lytemenu__text {
  color: var(--dark-menu-clr);
}
.ui-help-menu lyte-menu-header {
  background: var(--body-bg);
  padding: 10px;
}
.ui-help-menu lyte-menu-header .ui-search-btn input {
  background: var(--textBoxBg);
  border-radius: 3px;
}
lyte-menu-header {
  background: var(--menuBg);
  border-radius: 5px 5px 0 0;
}
.ui-formula-menu-list lyte-menu-group {
  border-bottom: 0;
}
.ui-formula-menu-list lyte-menu-header {
  background: var(--body-bg);
  position: relative;
  z-index: 1;
}
.ui-formula-menu-list .ui-search-btn input {
  background: var(--textBoxBg);
  border-radius: 3px;
}
.ui-formula-menu-list lyte-menu-body {
  max-height: 316px;
}
.ui-formula-menu-list .lytemenu__footer {
  padding: 5px 0;
  margin: 0;
}
lyte-menu-header.ui-menu-header-search {
  z-index: 1;
  position: relative;
}
.ui-empty-cont {
  min-width: 365px;
  border-top: 1px solid transparent;
  height: 136px;
}
.ui-empty-cont .ui-empty-cont-desc {
  max-width: 309px;
  margin: 0 auto;
}
.ui-aloud-menu-item lyte-menu-item {
  padding-left: 31px;
}
.ui-payment-flds-menu lyte-menu-footer {
  border-top: 1px solid var(--separatorClr);
  --menuBrClr: transparent;
  padding: 6px 0 0 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: transparent;
  position: relative;
  width: 100%;
  font-family: var(--ff-base);
}
lyte-tab-head {
  background-color: var(--tabBg);
  border-radius: 4px;
  display: flex;
  border: 1px solid var(--border-clr-sec);
  box-sizing: border-box;
}
lyte-tab-title {
  text-align: center;
  line-height: 16px;
  border-radius: 4px;
  font-weight: 600 !important;
  display: inline-block;
  font-size: var(--fs-12-widget);
  color: var(--clr-df);
  padding: 3px 10px;
  margin: 0;
  cursor: pointer;
  box-sizing: border-box;
  background: var(--tabBg);
  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.lyteTabDisable:hover {
  color: var(--clr-df);
}
lyte-tab-title.lyteTabActive,
lyte-tab-title.lyteTabActive:hover {
  --tabBg: var(--tabActivebg);
  color: var(--tabTitleClr);
  font-weight: normal;
}
lyte-tab-body {
  display: block;
  border: none;
  padding: 10px;
  font-size: var(--fs-base-widget);
  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(--separatorClr);
}
.lyteTabDefaultTop lyte-tab-title {
  margin-bottom: 0;
  border-bottom: 1px solid transparent;
}
.lyteTabDefaultTop lyte-tab-title.lyteTabActive {
  box-shadow: 0 0 0 1px var(--tabActivebg);
  z-index: 1;
  border-bottom: 1px solid var(--tabActivebg);
}
.lyteTabDefaultTop lyte-tab-title:hover {
  border-bottom-color: transparent;
}
.lyteTabDefaultTop lyte-tab-title.lyteTabActive:hover {
  border-bottom-color: var(--tabActivebg);
}
.lyteTabDefaultTop lyte-tab-title.lyteTabDisable:hover {
  border-bottom-color: transparent;
}
/*  Tab top ends */
/*  Tab bottom starts */
.lyteTabDefaultBottom lyte-yield {
  display: flex;
  flex-direction: column;
}
.lyteTabDefaultBottom lyte-tab-head {
  order: 2;
  border-top-color: transparent;
}
.lyteTabDefaultBottom lyte-tab-body {
  order: 1;
  border-bottom: 0;
}
.lyteTabDefaultBottom lyte-tab-title {
  border-top: 1px solid transparent;
  margin-top: -1px;
}
.lyteTabDefaultBottom lyte-tab-title.lyteTabActive {
  border-top: 1px solid var(--tabActivebg);
}
.lyteTabDefaultBottom lyte-tab-title:hover {
  border-top-color: transparent;
}
.lyteTabDefaultBottom lyte-tab-title.lyteTabActive:hover {
  border-top-color: var(--tabActivebg);
}
.lyteTabDefaultBottom lyte-tab-title.lyteTabDisable:hover {
  border-top-color: transparent;
}
/*  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: 10px 0;
  width: 200px;
  text-align: left;
  overflow: auto;
}
.lyteTabDefaultLeft lyte-tab-head {
  border-right: 0;
}
.lyteTabDefaultLeft lyte-tab-body,
.lyteTabDefaultRight lyte-tab-body {
  flex-grow: 10;
  width: calc(100% - 200px);
  padding-top: 18px;
}
.lyteTabDefaultLeft lyte-tab-title.lyteTabActive,
.lyteTabDefaultLeft lyte-tab-title.lyteTabActive:hover,
.lyteTabDefaultRight lyte-tab-title.lyteTabActive,
.lyteTabDefaultRight lyte-tab-title.lyteTabActive:hover {
  border-left: 5px solid var(--themeColor);
  background: var(--buttonActiveClr);
  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;
}
.lyteTabDefaultLeft lyte-tab-title.lyteTabDisable:hover,
.lyteTabDefaultRight lyte-tab-title.lyteTabDisable:hover {
  background: transparent;
}
/*  Tab left and right ends */
.lyteTabCloseIcon {
  background-image: url(../../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 !important;
}
#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(../../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 {
  cursor: default;
  opacity: 0.7;
}
/*  Lyte Nested Tabs CSS Begins */
.lyteNestedTab .lyteTabDefaultTop > lyte-yield {
  display: block;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head {
  flex-direction: row;
  padding: 0;
  width: auto;
  border: 1px solid var(--border-clr-sec);
  overflow: visible;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title {
  margin: 0 10px;
  padding: 10px 5px;
  overflow: hidden;
  margin-bottom: -1px;
  border: 0;
  border-bottom: 1px solid transparent;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title:hover {
  background: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border: 0;
  border-bottom: 1px solid var(--tabActivebg);
  background: transparent;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-body {
  width: auto;
  padding: 15px;
  border: 1px solid var(--border-clr-sec);
  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 var(--border-clr-sec);
  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 transparent;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head lyte-tab-title:hover {
  background: transparent;
  border: 0;
  border-top: 1px solid transparent;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border: 0;
  border-top: 1px solid var(--tabActivebg);
  background: transparent;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-body {
  width: auto;
  padding: 15px;
  border: 1px solid var(--border-clr-sec);
  border-bottom: 0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield {
  flex-direction: row;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-head {
  order: 0;
  border: 1px solid var(--border-clr-sec);
  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(--tabActivebg);
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-body {
  border: 1px solid var(--border-clr-sec);
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield {
  flex-direction: row-reverse;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-head {
  border: 1px solid var(--border-clr-sec);
  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(--tabActivebg);
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-body {
  border: 1px solid var(--border-clr-sec);
}
/* import theme overrides - styles */
/* LYTE-TABS CSS ENDS   */
/*
.tabBody() {
	@border: none;
	@padding: 10px 9px;
	@font-size: 13px;
}
.TabDefaultRight() {
	@padding: 20px;
	@w: 240px;
}
.TabDefaultRightBody() {
	@padding-top: 20px;
	overflow-y: auto;
	@w: calc(100% - 260px);
	@w: 100%;
}
.tabTopActiveTitle() {
	@border-bottom: 1px solid var(--themeColor);
	background-color: var(--themeColor);
   	@color: #FFFFFF;
}
.tabDefaultLeftActiveTitle() {
	@border-left: none;
	@bg: @tabRightLeftItemBg;
	@margin-left: 0px;
}
.nestedTabTopTabHeadMixin() {
	@border: 1px solid @tabBorder;
	border-width: 0 0 1px 0 !important;
}
.nestedTabTopTabTitleMixin() {
	@padding: 11px 10px;
	@border-bottom: 1px solid transparent;
}
.nestedTabTopTabTitleActiveMixin() {
	@border-bottom: 2px solid var(--themeColor) ;
	@bg: transparent;
}
.nestedTabTopTabBodyMixin() {
	@padding: 30px;
	@border: 0px;
	height: auto !important;
}
.nestedTabTopTabTitleHoverMixin() {
	@border-bottom: 1px solid transparent;
	@bg: transparent;
}


 paragraph optional panel 

.tabTopActiveTitleHover() {
	@border-bottom-color: var(--themeColor);
}
.tabactivehover() {
	@color: #FFFFFF
}
.tabTopTitle() {
	@border-bottom: 1px solid var(--themeColor);
}
.tabTopTitleHover() {
	@border-bottom-color: var(--themeColor);
}
// Settings panel Begin
.TabDefaultRight() {
	@padding: 0;
	@w: 155px;
}
.tabLeftRightTitle() {
	@padding: 12px 10px;
	width: calc(100% + 1px);
}
.tabDefaultLeftActiveTitle() {
	@bg: var(--tabActivebg);
	@border-left: 5px solid var(--themeColor) ;
}
.tabDefaultRightTitleHover() {
	@bg: var(--tabVerticalHoverBg);
    color: var(--clr-df);
}*/
/*lyte-tabs {
	&.ui-fb-panel-cont {
		padding: 0 20px !important;
	}
}
.lyteTabActive {
	overflow: visible;
}
lyte-tab-title {
	text-overflow: unset;
	&.lyteTabActive {
		&:after {
			content: "";
		    top: 100%;
		    left: 50%;
		    border: solid transparent;
		    height: 0;
		    width: 0;
		    position: absolute;
		    pointer-events: none;
		    border-color: rgba(136, 183, 213, 0);
		    border-top-color: var(--themeColor);
		    border-width: 7px;
		    margin-left: -7px;
		}	
	}
}
lyte-tab-body {
	height: 100%;
	overflow: unset;
	&.ui-help-panel-cont {
		overflow: auto;
	}
}
// paragraph optional panel
lyte-tab-head {
	&.ui-data-source-tab-head {
		width: 220px;
		lyte-tab-title {
			height: 41px;
		}
	}
}
.lyteNestedTab {
	lyte-tabs {
		&.ui-lyte-panel-subtab {
			box-sizing: border-box;
			border: 1px solid var(--border-clr-sec);
			lyte-tab-body {
				padding: 10px;
				background: var(--buttonBgWhiteClr);
			}
			&.lyteTabDefaultTop {
				lyte-yield {
					lyte-tab-head  {
						border-bottom: 0 !important;
						lyte-tab-title {
							margin: 0;
							padding: 0;
							line-height: 25px;
							color: var(--clr-df);
							background: var(--mainTopBandBg);
						    border: 1px solid var(--border-clr-sec);
						    border-width: 0 1px 1px;
						    margin-right: -1px;
						    margin-left: -1px;
							&.lyteTabActive {
							    background: var(--buttonBgWhiteClr);
								border-bottom: 1px solid transparent;
							}
						}
					}
				}
			}
		}
	}
}*/
.lytetabpanel__icon {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  position: relative;
  z-index: 3;
  float: left;
}
.lytetabpanel__icon svg {
  width: inherit;
  height: inherit;
  fill: gray;
}
.lyteTabActive.ui-zw-fbicon-problems {
  --hsvg-clr1: #fc7065;
}
.lyteTabActive.ui-zw-fbicon-suggestions {
  --hsvg-clr1: #f9d480;
}
.lyteTabActive.ui-zw-fbicon-appreciation {
  --hsvg-clr1: #00adca;
}
.lyteTabActive.ui-zw-fbicon-help {
  --hsvg-clr1: #54a3fb;
}
lyte-tab-content.ui-hpanel-tab-innercont {
  height: calc(100% - 56px);
}
lyte-tab-content .ui-help-options-grid-cont {
  padding: 0;
}
.lyteTabDefaultLeft lyte-tab-head,
.lyteTabDefaultRight lyte-tab-head {
  flex-grow: unset;
  overflow: unset;
}
.lyteTabDefaultLeft lyte-tab-body {
  padding: 0 0 0 25px;
}
.lyteTabDefaultLeft lyte-tab-title.lyteTabActive:after {
  content: '' !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -5px;
  left: auto;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid var(--buttonActiveClr);
  border-right: 0;
  width: 0;
  height: 0;
}
.ui-right-panel-tab-yield ~ lyte-yield {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ui-lyte-secondary-tab-head {
  --tabBg: var(--paperBg);
  --tabActivebg: var(--paperBg);
  align-items: center;
  border-radius: 0;
  border-width: 0 0 1px 0;
  margin-top: -1px;
}
.ui-lyte-secondary-tab-head lyte-tab-title {
  font-size: var(--fs-base-widget);
  height: 39px;
  border: solid transparent;
  border-width: 0 1px 0 0 !important;
  border-radius: 0;
  position: relative;
}
.ui-lyte-secondary-tab-head lyte-tab-title:hover {
  background-color: var(--tabActivebg);
}
.ui-lyte-secondary-tab-head lyte-tab-title.lyteTabActive {
  color: var(--themeColor);
  border-color: var(--separatorClr);
  margin-bottom: -2px;
  box-shadow: none;
}
.ui-lyte-secondary-tab-head lyte-tab-title.lyteTabActive .lytebutton__text {
  color: var(--themeColor);
}
.ui-lyte-secondary-tab-head lyte-tab-title.lyteTabActive:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--themeColor);
}
.ui-lyte-secondary-tab-head lyte-tab-title:nth-child(2).lyteTabActive {
  border-left: 1px solid var(--separatorClr) !important;
}
.ui-lyte-secondary-tab-head lyte-tab-title .lyte-button-trans {
  --placeHolderClr: var(--clr-df);
}
.ui-lyte-secondary-tab-head .ui-zw-separator-vr {
  height: 12px;
  margin: 0 4px 0 8px;
}
.ui-lyte-secondary-tab-head .zw-splitbtn-arrow .lyte-button-trans {
  --buttonHoverBgClr: var(--activeBgClr);
}
.ui-lyte-secondary-tab-head .zw-splitbtn-arrow.lyteMenuSelected .lyte-button-trans {
  --buttonBgClr: var(--activeBgClr);
}
.ui-lyte-secondary-tab-head .zw-splitbtn-arrow .lytebutton__arrow {
  margin-right: -10px;
}
.ui-lyte-secondary-tab-head ~ lyte-tab-body {
  background-color: var(--paperBg);
}
.ui-tab-cont lyte-tabs lyte-tab-body {
  height: calc(100% - 25px) !important;
  padding: 10px 0;
}
.ui-lyte-tertiary-tab-head {
  --tabBg: var(--body-bg);
  --border-clr-sec: var(--buttonBrClr);
  --tabActivebg: var(--bg-white);
  --tabTitleClr: var(--clr-df);
}
.ui-lyte-tertiary-tab-head .lyteTabActive {
  border: 0;
  border-bottom: 0 !important;
  box-shadow: 0 0 0 1px var(--themeColor) !important;
}
.ui-lyte-tertiary-tab-head lyte-tab-body {
  padding: 0;
}
lyte-tab-head.ui-max-w-200 {
  max-width: 200px;
}
.ui-lyte-tertiary-tab-head-wrapper {
  position: relative;
  padding: 10px 10px 0;
  margin-bottom: -2px;
  background: var(--buttonBgClr);
  border: solid var(--buttonBrClr);
  border-width: 1px 1px 0 1px;
  border-radius: var(--bdrRadius) var(--bdrRadius) 0 0;
}
.ui-leftpanel-subtab .lyteTabDefaultTop lyte-tab-title {
  background-color: var(--leftPanelBg);
  border: 1px solid transparent;
  border-bottom-color: var(--panelSepClr);
  height: 26px;
}
.ui-leftpanel-subtab .lyteTabDefaultTop lyte-tab-title:hover {
  border-bottom-color: var(--panelSepClr);
}
.ui-leftpanel-subtab .lyteTabDefaultTop lyte-tab-title.lyteTabActive {
  background-color: var(--buttonBgClr);
  border: 1px solid var(--panelSepClr);
  border-bottom-color: var(--buttonBgClr);
  color: var(--clr-df);
}
.ui-leftpanel-subtab .lyteTabDefaultTop lyte-tab-title.lyteTabActive:hover {
  border-bottom-color: var(--buttonBgClr);
}
.ui-leftpanel-subtab .lyteTabDefaultTop lyte-tab-title.lyteTabActive::after {
  content: none;
}
.ui-leftpanel-subtab .lyteTabDefaultTop lyte-tab-body {
  background: var(--buttonBgClr);
  padding: 0;
  height: auto !important;
}
.ui-panel-subtab {
  background: var(--buttonBgWhiteClr);
  border: 1px solid var(--border-clr-df);
  padding: 8px;
  height: calc(100% + 0px) !important;
  border-radius: 2px 2px 0 0;
}
/*.ui-panel-subtab {
	.lyteTabDefaultTop {
		lyte-tab-title {
			background-color: var(--mainTopBandBg);
			border: 1px solid var(--border-clr-sec);
			line-height: 25px;
			padding: 0px 15px;
			&:hover {
				border-bottom-color: var(--border-clr-sec);
			}
			&:first-of-type {
			    border-top-left-radius: 2px;
			    margin-right: -1px;
			}
			&:last-of-type {
			    border-top-right-radius: 2px;
			    width: calc(50% - -1px);
			}
			&.lyteTabActive {
				background-color: var(--buttonBgWhiteClr);
				border: 1px solid var(--border-clr-sec);
				border-bottom-color: transparent;
				color: var(--clr-df);
				font-weight: 600;
				&:hover {
					border-bottom-color: transparent;
				}
				&::after {
					content: none;
				}
			}
		}
		lyte-tab-body {
		    background: var(--buttonBgWhiteClr);
			border: 1px solid #ccc;
			padding: 0;
			height: calc(100% + 0px) !important;
			border-radius: 2px 2px 0 0;
		}
	}
}*/
.ui-advanced-page-setup-dialog lyte-tab-body {
  height: auto !important;
  padding: 25px 25px 0;
}
.ui-advanced-page-setup-dialog lyte-tab-content {
  width: 50%;
}
.ui-lyte-left-tab-wrap .menutabs {
  --tabBg: transparent;
  border-width: 0 1px 0 0;
  border-right: 1px solid var(--dialogLeftPaneBrClr);
  border-radius: 0;
}
.ui-lyte-left-tab-wrap lyte-tab-title {
  background: transparent;
  text-align: left;
  text-transform: capitalize;
  font-size: var(--fs-base-widget);
  line-height: 1.3;
  border-left: 5px solid transparent;
  border-radius: 0;
}
.ui-lyte-left-tab-wrap lyte-tab-title.lyteTabActive {
  color: var(--clr-df);
}
.ui-lyte-left-tab-wrap lyte-tab-title.lyteTabActive:hover {
  color: var(--clr-df);
}
.ui-symboldlg-tabpanel.lyteTabDefaultLeft lyte-yield {
  width: 100%;
}
.ui-symboldlg-tabpanel.lyteTabDefaultLeft lyte-tab-head {
  padding-right: 8px;
  width: 200px;
  overflow-y: scroll;
  white-space: normal;
  overflow-x: hidden;
  flex-shrink: 0;
}
.ui-mailmerge-dialog-container lyte-modal-content lyte-tab-body {
  padding: 25px 25px 0;
}
.ui-lyte-plain-tab {
  --tabBg: transparent;
}
.ui-lyte-plain-tab.lyteTabDefaultTop lyte-tab-head {
  border-bottom: 1px solid var(--border-clr-sec);
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.ui-lyte-plain-tab.lyteTabDefaultTop lyte-tab-title {
  border-bottom-color: transparent;
  border-radius: 0;
}
.ui-lyte-plain-tab.lyteTabDefaultTop lyte-tab-title.lyteTabActive {
  background: transparent;
  border-bottom: 2px solid var(--themeColor) !important;
  box-shadow: none;
}
.ui-lyte-plain-tab lyte-tab-title {
  background-color: transparent;
  color: var(--clr-df);
  padding: 7px 17px;
  font-weight: 600;
}
.ui-lyte-plain-tab lyte-tab-title.lyteTabActive:after {
  content: none;
}
.ui-lyte-plain-tab lyte-tab-title.lyteTabActive:hover {
  color: var(--clr-df);
  font-weight: 600;
}
.ui-zw-wizard-tab.lyteTabDefaultTop lyte-tab-head {
  border-bottom: 1px solid var(--border-clr-sec);
}
.ui-zw-wizard-tab.lyteTabDefaultTop lyte-tab-title {
  background: transparent;
  border-bottom-color: transparent;
}
.ui-zw-wizard-tab.lyteTabDefaultTop lyte-tab-title.lyteTabActive {
  background-color: var(--themeColor);
  border-bottom: 1px solid var(--themeColor);
}
.ui-data-source-dlg .lyteNestedTab .lyteTabDefaultTop lyte-tab-head lyte-tab-title {
  margin: 0;
  padding: 9px 15px;
  color: var(--dark-blue);
  font-size: 12px;
  margin-bottom: -1px;
}
.ui-data-source-dlg .lyteNestedTab .lyteTabDefaultTop lyte-tab-body {
  padding: 10px 0 0;
}
.ui-data-source-dlg .ui-top-tabpanel lyte-tab-head {
  margin: 0;
}
.ui-data-source-dlg .ui-top-tabpanel lyte-tab-head lyte-tab-title {
  width: auto;
}
.ui-data-source-dlg .ui-top-tabpanel lyte-tab-head lyte-tab-title.lyteTabActive {
  font-weight: 700;
  color: var(--clr-df);
}
.ui-mm-source-cont lyte-tab-content {
  height: 522px;
}
.ui-plain-tab-cont lyte-tab-head {
  margin: 0 !important;
}
.ui-plain-tab-cont lyte-tab-title {
  width: 50%;
  border: none;
  padding: 12px 15px;
  box-shadow: none;
  border-radius: 0;
}
.ui-plain-tab-cont.ui-fb-panel-cont {
  padding: 0 20px !important;
}
.ui-plain-tab-cont.ui-fb-panel-cont lyte-tab-head {
  margin: 0 !important;
  border-bottom-color: transparent !important;
  padding: 15px 0 !important;
}
.ui-plain-tab-cont.ui-fb-panel-cont lyte-tab-title {
  width: auto;
  padding: 0 0 5px 0 !important;
  background: transparent !important;
  box-shadow: none;
  margin: 0 13px !important;
  gap: 3px;
}
.ui-plain-tab-cont.ui-fb-panel-cont lyte-tab-title .lytetabpanel__icon {
  display: inline-block;
  float: none;
  width: 20px;
  height: 20px;
  margin: 0;
}
.ui-plain-tab-cont.ui-fb-panel-cont lyte-tab-title .lytetabpanel__text {
  font-size: 12px;
  color: var(--blueTintClr);
  text-transform: capitalize;
}
.ui-notification-dd-wrap .ui-normal-tab lyte-tab-head {
  padding: 0 10px;
  margin: 0;
}
.ui-notification-dd-wrap .ui-normal-tab lyte-tab-head lyte-tab-title {
  padding: 10px;
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  overflow: visible;
}
.ui-notification-dd-wrap .ui-normal-tab lyte-tab-body {
  height: auto;
  padding: 0;
  background: var(--body-bg);
}
.ui-notify-inner-div lyte-tab-title .zbutton__badge {
  top: 6px;
}
.ui-shortcuts-dialog .lyteTabDefaultLeft lyte-tab-head {
  width: 185px;
}
.ui-panel-bcont lyte-tab-head lyte-tab-title {
  padding: 6px 10px;
  width: 100%;
}
.ui-panel-bcont lyte-tab-head lyte-tab-title.lyteTabActive {
  background: var(--bg-white);
  color: var(--clr-df);
  border-bottom-color: var(--border-clr-sec);
}
.ui-panel-bcont lyte-tab-head lyte-tab-title.lyteTabActive:after {
  content: none;
}
.ui-populate-tab lyte-tab-content .ui-series-tab-info {
  border-top: 0;
}
.ui-populate-tab lyte-tab-content .ui-series-tab-info textarea {
  padding-left: var(--buttonPadLR);
}
/*.ui-editor-rightpanel {
	width: 354px;
}*/
.ui-reviewpane-tabpanel lyte-tab-title {
  padding: 8px 15px;
  margin-bottom: 0;
  border-bottom: 1px solid transparent;
  font-weight: 500;
  --buttonBgClr: var(--bg-white);
}
.ui-reviewpane-tabpanel lyte-tab-title.lyteTabActive {
  --themeColor: var(--tabActivebg);
  color: var(--clr-df);
  font-weight: 600;
}
.ui-reviewpane-tabpanel lyte-tab-title.lyteTabActive:after {
  display: none;
}
.ui-reviewpane-tabpanel lyte-tab-title:hover {
  background: var(--tabVerticalHoverBg);
  border-bottom: none;
}
.ui-reviewpane-tabpanel .ui-rmode-filters {
  border-top: 1px solid var(--dialogLeftPaneBrClr);
  margin-top: 0;
}
.ui-hpanel-maincont lyte-tabs {
  padding: 15px 0 !important;
}
.ui-hpanel-maincont lyte-tabs .ui-hpanel-main-tab {
  margin: 0 20px !important;
}
.ui-payload-tab.ui-tab-cont lyte-tab-head {
  border-bottom: 1px solid var(--border-clr-sec);
  margin-bottom: 10px;
}
.ui-payload-tab.ui-tab-cont lyte-tab-title {
  padding: 7px 15px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom: 1px solid transparent;
  background-color: transparent;
  width: auto;
  color: var(--shortCutTextClr);
  font-weight: 600;
}
.ui-payload-tab.ui-tab-cont lyte-tab-title.lyteTabActive {
  color: var(--buttonBgWhiteClr) !important;
  background: var(--themeColor);
}
.ui-payload-tab.ui-tab-cont .ui-text-blue {
  top: 9px;
}
.ui-payload-tab.ui-tab-cont lyte-tab-body {
  padding: 0;
}
lyte-tab-content .ui-webhook-notification-datasource {
  top: 0;
  right: 125px;
}
.ztabpanel--vertical {
  --tabActivebg: var(--buttonActiveClr);
}
/*--start-common-tab-head-space--*/
.ui-tabs-margin {
  width: calc(100% - 50px);
}
.ui-tabs-margin lyte-tab-title {
  font-weight: 400 !important;
}
.ui-tabs-margin lyte-tab-title.lyteTabActive {
  font-weight: 600 !important;
}
.ui-insert-spl-tab lyte-tab-title {
  font-weight: 400 !important;
}
.ui-insert-spl-tab lyte-tab-title.lyteTabActive {
  font-weight: 600 !important;
}
/*--end-common-tab-head-space--*/
.ui-cmt-pad-body {
  padding: 10px 0 0 0 !important;
}
/*--Start-view-mode-tab-head-UI--*/
.ui-view-tab-head {
  --zwRightPanelWidth: 350px;
}
.ui-view-tab-head lyte-tab-head {
  border: 1px solid var(--border-clr-sec);
  border-color: transparent transparent var(--border-clr-sec) transparent;
}
.ui-view-tab-head lyte-tab-title {
  border-width: 0 !important;
  width: 100%;
  user-select: none;
  --border-clr-sec: transparent;
}
.ui-view-tab-head lyte-tab-title:hover {
  --themeColor: transparent;
}
.ui-view-tab-head lyte-tab-title.lyteTabActive {
  margin-bottom: 0;
  --border-clr-sec: transparent;
  --themeColor: var(--clrBlkInvrs);
}
.ui-view-tab-head lyte-tab-title.lyteTabActive:before {
  --themeColor: transparent;
}
.ui-cmt-only .ui-rmode-filters {
  padding-top: 0;
  padding-left: 20px;
  justify-content: flex-start;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyteHovercardPopover.popoverWrapper {
  z-index: 1060001 !important;
}
.lyteHovercardPopover .lytePopover {
  background: var(--toolTipBg);
  color: #fff;
  border-radius: var(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);
  border: 1px solid transparent;
}
.lyteHovercardPopover .lytePopoverArrowIcon {
  background: var(--toolTipBg);
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowTop {
  box-shadow: -1px -1px 0 0 var(--toolTipBg);
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowBottom {
  box-shadow: 1px 1px 0 0 var(--toolTipBg);
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowRight {
  box-shadow: 1px -1px 0 0 var(--toolTipBg);
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowLeft {
  box-shadow: -1px 1px 0 0 var(--toolTipBg);
}
.lyteHovercardWrapperElem {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 4px;
}
lyte-hovercard-content {
  padding: 6px 10px 6px 10px;
  display: block;
  max-width: 500px;
  overflow-wrap: break-word;
  max-height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.lyteHovercardWithMaxHeight [yield-name="hoverCardYield"],
.lyteHovercardWithMaxHeight lyte-hovercard-content {
  max-height: inherit;
}
.lyteHovercardPopover .lytePopoverTopRight.lytePopover::before,
.lyteHovercardPopover .lytePopoverTopLeft.lytePopover::before,
.lyteHovercardPopover .lytePopoverTop.lytePopover::before,
.lyteHovercardPopover .lytePopoverBottomRight.lytePopover::before,
.lyteHovercardPopover .lytePopoverBottomLeft.lytePopover::before,
.lyteHovercardPopover .lytePopoverBottom.lytePopover::before,
.lyteHovercardPopover.lytePopTopToOrig .lytePopover::before,
.lyteHovercardPopover.lytePopBottomToOrig .lytePopover::before {
  content: '';
  width: 100%;
  height: 11px;
  background: transparent;
  position: absolute;
}
.lyteHovercardPopover .lytePopoverBottomRight.lytePopover::before,
.lyteHovercardPopover .lytePopoverBottomLeft.lytePopover::before,
.lyteHovercardPopover .lytePopoverBottom.lytePopover::before,
.lyteHovercardPopover.lytePopBottomToOrig .lytePopover::before {
  top: -11px;
}
.lyteHovercardPopover .lytePopoverTopRight.lytePopover::before,
.lyteHovercardPopover .lytePopoverTopLeft.lytePopover::before,
.lyteHovercardPopover .lytePopoverTop.lytePopover::before,
.lyteHovercardPopover.lytePopTopToOrig .lytePopover::before {
  bottom: -12px;
}
.lyteHovercardPopover .lytePopoverRightBottom.lytePopover::before,
.lyteHovercardPopover .lytePopoverRightCenter.lytePopover::before,
.lyteHovercardPopover .lytePopoverRight.lytePopover::before,
.lyteHovercardPopover .lytePopoverLeftBottom.lytePopover::before,
.lyteHovercardPopover .lytePopoverLeftCenter.lytePopover::before,
.lyteHovercardPopover .lytePopoverLeft.lytePopover::before,
.lyteHovercardPopover.lytePopLeftToOrig .lytePopover::before,
.lyteHovercardPopover.lytePopRightToOrig .lytePopover::before {
  content: '';
  height: 100%;
  width: 11px;
  background: transparent;
  position: absolute;
}
.lyteHovercardPopover .lytePopoverRightBottom.lytePopover::before,
.lyteHovercardPopover .lytePopoverRightCenter.lytePopover::before,
.lyteHovercardPopover .lytePopoverRight.lytePopover::before,
.lyteHovercardPopover.lytePopRightToOrig .lytePopover::before {
  left: -11px;
}
.lyteHovercardPopover .lytePopoverLeftBottom.lytePopover::before,
.lyteHovercardPopover .lytePopoverLeftCenter.lytePopover::before,
.lyteHovercardPopover .lytePopoverLeft.lytePopover::before,
.lyteHovercardPopover.lytePopLeftToOrig .lytePopover::before {
  right: -11px;
}
/*lyteHovercardPopover {
	.lytePopoverArrowIcon {
		width: 10px;
		height: 5px;
		transform: rotate(0deg);
	}
	.lytePopoverArrowIcon {
        border-bottom: 5px solid var(--toolTipBg);
	    border-left: 5px solid transparent;
	    border-right: 5px solid transparent;
	    border-bottom-color: var(--toolTipBg); 
	}
}*/
.ui-hovercard-tooltip .lytePopover::before {
  display: none;
}
.ui-quick-hovercard .lytePopover {
  --toolTipBg: var(--bg-white);
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
}
.ui-quick-hovercard.ui-menu-zindex-plus1 {
  z-index: calc(var(--menuZindex) + 1) !important;
}
.ui-publish-copy-link.lyteHovercardPopover .lytePopover {
  background: var(--menuBg);
}
.lyteHovercardPopover.ui-hrcard-index {
  z-index: 1102 !important;
}
.ui-autocorrect-tlp {
  min-width: 100px;
  max-width: 250px;
}
.ui-autocorrect-tlp-info {
  max-width: 300px;
  max-height: 400px;
}
.ui-transliteration-tooltip {
  width: 176px;
}
.ui-lyte-ntooltip.lyteHovercardPopover .lytePopover {
  background: #ffe08c;
  color: #000;
  font-size: var(--fs-11-widget);
  line-height: 13px;
}
.ui-lyte-ntooltip.lyteHovercardPopover .lytePopover .lytePopoverArrowIcon {
  --toolTipBg: #ffe08c;
}
.ui-formula-tooltip-hint {
  color: #D2D2D2;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/*  Popover related CSS BEGINS  */
.bodyWrapper {
  overflow: hidden;
}
.popoverWrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  position: fixed;
}
.popoverWrapper.noFreeze {
  pointer-events: none;
}
.popoverWrapper.lytePopoverOpening,
.popoverWrapper.lytePopoverClosing {
  pointer-events: none;
}
.popoverWrapper.lytePopoverOpening .lytePopover,
.popoverWrapper.lytePopoverClosing .lytePopover {
  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(9999 + 10);
  opacity: 0;
  border-radius: var(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);
  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 0;
  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: none;
  left: -5px;
}
.lytePopoverHeaderDraggable {
  cursor: move;
  touch-action: none;
}
.lyteStopBodyScrolling {
  overflow: hidden;
}
.lytePopoverVisible {
  opacity: 1;
}
.lytePopoverDispNone {
  display: none;
}
.lytePopoverVisibilityHidden {
  visibility: hidden;
}
/* import theme overrides - styles */
/*  Popover related CSS ENDS  */
/*.popoverArrow() {
	@w: 0;
	@h: 0;
	transform: rotate(0deg) !important;
	border-bottom: 7px solid #000;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-color: #000;
    z-index: 999;
    @bg: none;
}
.popoverArrowTop() {
	@box-shadow: none;
	@top: -6px;
}*/
/* 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;  //commented for userprofile panel */
}
.ui-login-info .ui-login-name {
  font-size: 18px;
  line-height: 22px;
  /*font-family: 'Lato-semibold', sans-serif;  //Commented for userprofile panel  */
}
.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*/
lyte-popover-content.ui-embed-ddown {
  padding: 15px;
}
.ui-cp-template-menu .lytePopoverElement {
  left: 70px !important;
}
.ui-cp-template-menu lyte-popover-footer {
  background: var(--body-bg);
  padding: 7px 10px;
  position: relative;
  border: 1px solid var(--teritary-BorderClr);
  border-width: 1px 0 0 0;
  cursor: pointer;
}
.ui-cp-template-menu lyte-popover-footer:hover {
  background: var(--menuActiveBg);
}
lyte-popover-content.ui-doctheme-menu {
  width: auto !important;
}
.ui-usercolor-popover lyte-popover-content {
  padding-bottom: 0;
}
.ui-inputdateformat-popover {
  --menuBg: #000 !important;
  color: #FFFFFF !important;
  --menuBrClr: #000 !important;
  font-size: var(--fs-12-widget);
  line-height: initial;
}
.ui-inputdateformat-popover span {
  color: #A7A7A7;
}
/*.ui-custom-date-format-popover { // commented for date format config popover need to check with other popover related to this
	.lytePopoverArrowIcon  {
		transform: rotate(270deg) !important;
		background: transparent;
		&.lytePopoverArrowRight {
			box-shadow: none;
			right: -9px;
		}
}
}
.ui-inputdateformat-popover {
	--menuBg: #000;
	color: #fff;
	@include fs-12();
    line-height: initial;
    span {
		color: #A7A7A7;
	}
}*/
.ui-workflow-popover {
  z-index: 1060 !important;
}
.ui-workflow-popover .lytePopover {
  min-width: 400px;
  border-radius: 12px;
  border: 0;
  box-shadow: 1px 7px 20px 0 rgba(83, 83, 109, 0.36);
  background: var(--body-bg);
  -webkit-font-smoothing: antialiased;
}
.ui-workflow-popover.ui-workflow-popover-only-footer .lytePopover .ui-workflow-popover-cont {
  display: none;
}
.ui-workflow-popover.ui-workflow-popover-only-footer .lytePopover .ui-workflow-popover-footer {
  border: none;
}
.ui-color-picker-popover .lytePopover {
  border: 1px solid var(--separatorClr);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
}
.ui-date-time-picker lyte-popover-header {
  padding: 12px 17px 12px 17px;
  border: solid var(--separatorClr);
  border-width: 0 0 1px 0;
  position: relative;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.ui-date-time-picker .ui-time-picker {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px 15px 20px;
  border: solid var(--separatorClr);
  border-width: 1px 0 0 0;
}
.ui-date-time-picker .ui-time-picker .lytebutton__svg {
  fill: #999;
}
.ui-date-time-picker lyte-popover-footer {
  padding: 15px 17px 15px 17px;
  border: solid var(--separatorClr);
  border-width: 1px 0 0 0;
}
.ui-date-time-picker lyte-popover-footer .lyte-button {
  padding: 6px 10px 6px 10px;
  font-size: 12px;
}
.ui-auto-ins-dialog .lytePopover {
  border-radius: 20px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  padding: 15px 15px 20px;
  top: auto !important;
  left: auto !important;
  right: 332px;
  bottom: 48px;
  border: 0;
}
.ui-auto-ins-dialog.ui-right-panel-close .lytePopover {
  right: 32px;
}
.ui-find-popover-wrap .lytePopover {
  left: auto !important;
  right: 30px !important;
}
lyte-popover-content.ui-inputdateformat-popover {
  padding: 5px;
}
.ui-inputdateformat-popover {
  padding: 5px;
}
.ui-uprofile-accinfo-vpanel-div .lytePopover {
  position: fixed !important;
  right: -1px !important;
  top: -1px !important;
  left: auto !important;
  z-index: 1003;
}
lyte-popover-content.ui-inputdateformat-popover {
  padding: 5px;
}
.ui-cloud-dlg .lytePopover {
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid var(--border-clr-df);
  top: 43px !important;
  left: 1178px !important;
}
.ui-ef-tooltip {
  border: 1px solid var(--menuBrClr);
  border-radius: var(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);
  background: var(--menuBg);
}
.ui-popover-wrap-zindex {
  z-index: 1060000;
}
lyte-popover-content.ui-link-bubbles {
  min-width: 200px;
  max-width: 320px;
  white-space: nowrap;
  pointer-events: all;
}
.smartToolbarCover.lytePopoverWrapper {
  z-index: 1040 !important;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
.lyteTooltip {
  box-shadow: 0 0 0 0 transparent;
  text-align: left !important;
  font-family: var(--ff-base);
  font-size: var(--fs-base-widget);
  padding: 6px 10px 6px 10px;
  position: absolute;
  background: var(--toolTipBg);
  color: #fff;
  text-align: center;
  border-radius: var(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);
  z-index: 1060001;
  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.lyteDownAlignLeft .lyteTooltipInnerSpan,
.lyteTooltip.lyteDownAlignLeft::before {
  top: -5px;
  left: 15%;
}
.lyteTooltip.lyteDownAlignRight .lyteTooltipInnerSpan,
.lyteTooltip.lyteDownAlignRight::before {
  top: -5px;
  right: 15%;
}
.lyteTooltip.lyteUpAlignLeft .lyteTooltipInnerSpan,
.lyteTooltip.lyteUpAlignLeft::before {
  bottom: -5px;
  left: 15%;
}
.lyteTooltip.lyteUpAlignRight .lyteTooltipInnerSpan,
.lyteTooltip.lyteUpAlignRight::before {
  bottom: -5px;
  right: 15%;
}
.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%;
}
.lyteTooltip.whiteBg.lyteDownAlignLeft::before {
  box-shadow: -1px -1px 0 0 #c1c1c1;
  top: -4px;
  left: 15%;
}
.lyteTooltip.whiteBg.lyteDownAlignRight::before {
  box-shadow: -1px -1px 0 0 #c1c1c1;
  top: -4px;
  right: 15%;
}
.lyteTooltip.whiteBg.lyteUpAlignLeft::before {
  box-shadow: 1px 1px 0 0 #c1c1c1;
  left: 15%;
  bottom: -4px;
}
.lyteTooltip.whiteBg.lyteUpAlignRight::before {
  box-shadow: 1px 1px 0 0 #c1c1c1;
  right: 15%;
  bottom: -4px;
}
/* import theme overrides - styles */
.lyteTooltip.ui-name-exceed {
  top: 40px;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/*  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(--checkBoxBrClr);
  box-shadow: none !important;
  box-sizing: border-box;
  background-color: var(--checkBoxBgClr);
  content: '';
  background-image: none;
  background-position: -335px -4px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 0;
}
lyte-checkbox input[type="checkbox"]:active + .lyteCheckBoxDefault::before,
.lyteCheckBoxDefault:hover::before {
  border-color: var(--checkBoxBrClr);
  background-position: -359px -4px;
}
lyte-checkbox input[type="checkbox"]:focus + .lyteCheckBoxDefault::before {
  border-color: var(--checkBoxBrClr);
  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(--checkBoxBrClr);
  background-color: var(--checkBoxBgClr);
  background-position: -384px -4px;
}
lyte-checkbox input[type="checkbox"]:checked:disabled + .lyteCheckBoxDefault:hover::before {
  border-color: var(--checkBoxBrClr);
  background-color: var(--checkBoxBgClr);
  background-position: -384px -4px;
}
.lyteCheckDisabled label {
  cursor: not-allowed;
}
.lyteCheckBoxPrimary::before {
  content: '';
  background-image: url(../../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(--switchBrClr);
  vertical-align: middle;
  width: 30px;
  height: 16px;
  display: inline-block;
  border-radius: 11px;
  position: relative;
  background: var(--swtichBg);
}
.lyteCheckSwitch .on-btn {
  border: 1px solid var(--switchBrClr);
  box-shadow: 0.5px 0.866px 4px 0 rgba(32, 32, 32, 0.08);
  width: 16px;
  height: 16px;
  background: var(--switchOnThumbBg);
  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 var(--switchOnBg);
  background: var(--switchOnBg);
}
input[type="checkbox"].on-off-sw:focus + .lyteCheckSwitch {
  box-shadow: none;
}
input[type="checkbox"].on-off-sw:checked:focus + .lyteCheckSwitch {
  border: 1px solid var(--switchOnBg);
  box-shadow: none;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckSwitch .on-btn {
  border: 1px solid var(--switchOnBg);
  box-shadow: none;
  background: #FFFFFF;
  left: calc(100% - 15px);
}
.lyteCheckSwitch + span {
  vertical-align: middle;
  display: inline-block;
  margin-left: 0;
}
.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 {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  line-height: 9px;
  font-size: var(--fs-8-widget);
  padding-left: 16px;
  padding-right: 4px;
  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: 14px;
  padding-left: 6px;
  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 */
/*  Checkbox related CSS ENDS   */
.lyteCheckBoxPrimary span,
.lyteCheckBoxDefault span {
  display: inline;
  vertical-align: unset;
}
lyte-checkbox {
  display: flex;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault::after {
  /*content: none;*/
  display: inline-flex;
  align-items: center;
}
/*.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: "\2713";*/
  content: none;
  position: absolute;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault span:before {
  content: none;
  width: 8px;
  height: 1.3px;
  top: 9px;
  left: -17px;
  transform: rotate(-48deg);
  border-radius: 0 10px 10px 0;
  background: #ffffff;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault span:after {
  top: 1.5px;
  left: -18.5px;
  transform: rotate(6deg);
  color: var(--themeColor);
  font-size: 11px;
}
/*lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault::after {
    content: none;
}*/
.lyteCheckDisabled {
  /*.lyteCheckBoxDefault {
    	&::before {
    		opacity: .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;
}
.lyteCboxUnchecked .on-btn {
  border-color: var(--switchBrClr);
  background: var(--paperBg);
}
.ui-slider-switch .lyteCheckboxStateLabel {
  font-size: 8px;
  text-transform: uppercase;
  padding-left: 16px;
  padding-right: 3px;
}
.ui-slider-switch .lyteCheckboxSwitchWithStateLabel {
  line-height: 14px;
  padding: 0;
}
.ui-slider-switch input[type="checkbox"].on-off-sw:checked + .lyteCheckboxSwitchWithStateLabel .lyteCheckboxStateLabel {
  padding-right: 14px;
  padding-left: 5px;
}
/* checkbox swith css ends */
.lyteCheckDisabled {
  opacity: 0.5;
  pointer-events: none;
}
/*.ui-mm-adfield-cont {
	.lyteCheckBoxDefault {
		span {
			width: calc(100% - 26px);
		}
	}
}*/
.ui-ff-sign-sub-div {
  background: var(--body-bg);
  margin: 0 -10px;
}
.ui-format-checkbox1 .lyteCheckBoxDefault {
  display: flex;
}
.ui-format-checkbox1 .lyteCheckBoxDefault lyte-yield {
  display: flex;
}
.ui-mm-output-action-cont lyte-checkbox .ui-flex-container {
  gap: 3px;
}
lyte-checkbox:hover span .am-opt-link {
  color: var(--themeColor);
}
.ui-fillable-panel lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault span:after,
.ui-advanced-find-replace-dialog lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault span:after,
.ui-advanced-page-setup-dialog lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault span:after {
  content: none;
}
.ui-format-checkbox1.ui-format-checkbox1-hr lyte-checkbox {
  margin-right: 34px;
  margin-bottom: 0;
}
lyte-checkbox.ui-signdlg-signin-order .lyteCheckSwitch {
  margin-right: 5px;
}
lyte-checkbox .lyteCheckBoxDefault {
  display: flex;
}
.ui-format-checkbox-colon lyte-checkbox {
  display: flex;
}
.ui-format-checkbox-colon lyte-checkbox:after {
  content: ":";
}
.autocorrect-new-ui lyte-checkbox label {
  flex-direction: row-reverse;
  gap: 5px;
}
.ui-settings-dialog .ui-format-checkbox1 lyte-checkbox {
  margin-bottom: 7px;
}
.ui-settings-dialog .ui-format-checkbox1 lyte-checkbox:last-of-type {
  margin-bottom: 0;
}
/*.ui-review-toolbar {*/
lyte-checkbox .zswitch__label {
  font-weight: 600;
  top: 30%;
}
lyte-checkbox.lyteCboxChecked .zswitch__statescontainer {
  left: 0;
  top: 0;
}
lyte-checkbox.lyteCboxChecked .zswitch__statescontainer .zswitch__onstate .zswitch__label {
  color: #fff;
}
lyte-checkbox.lyteCboxUnchecked .zswitch__statescontainer {
  left: -29px;
  top: 0;
}
lyte-checkbox.lyteCboxUnchecked .zswitch__statescontainer .zswitch__offstate .zswitch__label {
  color: var(--clr-df);
}
/*}*/
.ui-review-tb-collab lyte-checkbox .lyteCheckSwitch {
  width: 55px;
  flex: 1;
}
.ui-review-tb-collab lyte-checkbox.lyteCboxUnchecked .zswitch__statescontainer {
  left: -41px;
}
.ui-review-tb-collab .lyteCheckboxOffStateLabel,
.ui-review-tb-collab .lyteCheckboxOnStateLabel {
  left: 0;
}
.ui-review-tb-collab .lyteCheckboxOnStateLabel {
  color: var(--clr-white);
}
.ui-review-tb-tc lyte-checkbox .lyteCheckSwitch,
.ui-interative-cal lyte-checkbox .lyteCheckSwitch {
  width: 42px;
  flex: 1;
}
.ui-review-tb-tc lyte-checkbox.lyteCboxUnchecked .zswitch__statescontainer,
.ui-interative-cal lyte-checkbox.lyteCboxUnchecked .zswitch__statescontainer {
  left: -29px;
}
.ui-toblueband-tswitch-cont lyte-checkbox .lyteCheckSwitch {
  border-color: #076ae1;
  background: #4b99f8;
}
.ui-toblueband-tswitch-cont lyte-checkbox .lyteCheckSwitch .on-btn {
  border-color: #0663d3;
  background: #7db8ff;
}
lyte-checkbox.ui-footer-switch-checkbox label {
  flex-direction: row-reverse;
  gap: 5px;
}
.ui-format-checkbox1-colon .ui-checkbox-label:after {
  content: ":";
}
.ui-format-checkbox1-colon .lyteCheckBoxDefault {
  display: flex !important;
}
.ui-insert-fields-lock-button lyte-checkbox label {
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
}
.ui-vi-role-lists lyte-checkbox label {
  margin: 0;
}
lyte-checkbox {
  /*&:focus {
		border-color: var(--themeColor);
		z-index: 2;
	}*/
}
lyte-checkbox input:focus-visible ~ .lyteCheckSwitch {
  /*border-color: var(--themeColor);*/
  outline: 1px solid var(--themeColor);
}
lyte-checkbox input:focus-visible ~ .lyteCheckSwitch .on-btn {
  /*border-color: var(--themeColor);*/
  outline: 1px solid var(--themeColor);
}
lyte-checkbox input[type="checkbox"]:focus-visible + .lyteCheckBoxDefault:before {
  outline: 1px solid var(--themeColor);
}
input[type="checkbox"].on-off-sw:checked:focus-visible + .lyteCheckSwitch {
  /*border-color: var(--themeColor);*/
  outline: 1px solid var(--themeColor);
}
input[type="checkbox"].on-off-sw:checked:focus-visible + .lyteCheckSwitch .on-btn {
  /*border-color: var(--themeColor);*/
  outline: 1px solid var(--themeColor);
}
.ui-format-checkbox1 lyte-checkbox input[type=checkbox] {
  display: block ;
}
lyte-checkbox.ui-format-checkbox1 input[type=checkbox] {
  display: block ;
}
.ui-record-dlg .ui-format-checkbox1 lyte-checkbox {
  color: var(--placeHolderClr);
}
.ui-mmfield-item-checkbox .lyteCheckbox {
  flex: 1;
}
.ui-pop-2c-variable lyte-checkbox label.lyteCheckbox {
  margin: 0 15px 7px 0;
}
.ui-pop-2c-variable lyte-checkbox:last-of-type label.lyteCheckbox {
  margin: 0;
}
/*input[type="checkbox"] {
	&.on-off-sw:checked {
		+ .lyteCheckSwitch {
			--switchOnBg: var(--switchSlideBg);
		}
	}
}*/
tc-toggle-comp label {
  gap: 5px;
  flex-direction: row-reverse;
}
.ui-switch-toggle-reverse {
  width: 100%;
}
.ui-switch-toggle-reverse label {
  width: 100%;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5px;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/*  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 {
  /*@border: 1px solid var(--buttonBrClr);*/
  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(--buttonBrClr);
  border-radius: var(--bdrRadius);
}
.lyteInputBox input,
lyte-input textarea {
  /*@border: 1px solid var(--buttonBrClr);*/
  background: var(--clr-white);
  border: 0;
  border-radius: calc(var(--bdrRadius) - 1px);
  padding: var(--buttonPadTB) var(--buttonPadLR);
  width: 100%;
  display: block;
  box-shadow: none;
}
.lyteInput textarea {
  border-radius: 0;
}
lyte-input textarea:disabled,
lyte-input input:disabled {
  background: var(--buttonBgClr);
  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 {
  background: var(--textBoxBg);
  border-radius: 3px;
  color: var(--dialogInputClr);
  min-height: 60px;
  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%);
}
.lyteInputDisabled[lt-prop-type="textarea"] .lyteField::after {
  background: #f3f3f3;
}
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 {
  z-index: 1;
  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(../../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 #aaa;
}
lyte-input input::placeholder {
  font-family: var(--ff-base);
  color: var(--dark-blue);
}
lyte-input input:-ms-input-placeholder {
  font-family: var(--ff-base);
  color: var(--dark-blue);
}
lyte-input input::-ms-input-placeholder {
  font-family: var(--ff-base);
  color: var(--dark-blue);
}
lyte-input input::-ms-clear {
  display: none;
}
lyte-input textarea::placeholder {
  font-family: var(--ff-base);
  color: var(--dark-blue);
}
lyte-input textarea:-ms-input-placeholder {
  font-family: var(--ff-base);
  color: var(--dark-blue);
}
lyte-input textarea::-ms-input-placeholder {
  font-family: var(--ff-base);
  color: var(--dark-blue);
}
.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(--body-bg);
}
.lyteInput input {
  background: transparent;
  border: 0;
  padding: 0;
  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(--body-bg);
}
.lyteInput.lyteInputDisabled .lyteField:hover {
  border-bottom: 1px solid var(--textBoxBrClr);
}
.lyteInput.lyteInputFocus .lyteField {
  border-bottom: 1px solid var(--body-bg);
}
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 {
  line-height: 15px;
  padding-left: 0;
}
.lyteInput.vertical[lt-prop-type="search"] input,
lyte-input[lt-prop-type="search"] input {
  padding-left: 0;
}
lyte-input[lt-prop-type="search"] .searchIcon {
  position: absolute;
  background-image: url(../../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(../../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(../../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(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  mask-image: url(../../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;
}
.lyteInputWithArrowKeys .lyteField {
  display: flex;
}
.lyteInputArrowContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0 15px;
  user-select: none;
}
.lyteInputDownArrow,
.lyteInputUpArrow {
  background-image: url(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  width: 8px;
  height: 15px;
  rotate: -90deg;
  scale: 0.7;
  opacity: 0.7;
  cursor: pointer;
}
.lyteInputUpArrow {
  background-position: -41px -29px;
}
.lyteInputDownArrow {
  background-position: -58px -29px;
}
.lyteInputArrowDisabled {
  opacity: 0.5;
  pointer-events: none;
}
.lyteInputWithPrefix .lyteField {
  display: flex;
}
.lyteInputPrefix {
  color: var(--clr-df);
}
.lyteInput .lyteInputPrefix {
  padding: 6px 5px 6px 0;
}
.lyteInputBox .lyteInputPrefix {
  padding: 7px 0 7px 10px;
}
.lyteInputWithPrefix.lyteInputBox input {
  padding-left: 5px;
}
.lyteInputReadonly:not(.lyteInputKeysPrevented) .lyteInputCalendarIcon {
  cursor: not-allowed;
}
.lyteInputReadonly:not(.lyteInputKeysPrevented) .lyteInputCalendarIcon:hover {
  background-color: #676869;
}
/* import theme overrides - styles */
/*  Input related CSS ENDS    */
.lyteInputFocus input:focus-visible {
  outline: none;
  box-shadow: none !important;
}
.web-view-widPercenge-view-pnlhover lyte-number input {
  border-color: var(--buttonHoverBrClr) !important;
}
.ui-pagelayout.ui-lyte-txt-enter {
  height: 47px;
  border-bottom: 0;
}
.ui-pagelayout.ui-lyte-txt-enter lyte-input .lyteField {
  width: calc(100% - -22px);
  margin-top: 4px;
  height: 24px;
  line-height: 24px;
  margin-left: -11px;
  border-radius: 0;
  outline: none;
}
.ui-pagelayout.ui-lyte-txt-enter lyte-input .lyteField input {
  line-height: 24px;
  padding: 0 10px;
  height: 100%;
  border-radius: 0;
}
.ui-pagelayout.ui-lyte-txt-enter .ui-email_field_icon {
  top: auto;
  bottom: -1px;
  right: 3px;
}
.ui-lock-content-dialog lyte-input {
  box-sizing: border-box;
}
.ui-lock-content-dialog input {
  --textBoxBrClr: transparent;
}
.ui-bookmark-dialog lyte-input.horizontal .lyteLabel {
  min-width: auto;
  float: left;
  margin-top: 4px;
  margin-right: 3px;
  width: 50%;
  flex-shrink: 0;
  padding: 0;
}
.ui-bookmark-dialog lyte-input.horizontal .lyteField {
  min-width: 50%;
  width: 50%;
  display: flex;
}
.ui-link-text-field .lyteInputBox input {
  background-color: var(--body-bg);
  color: var(--dialogInputClr);
}
/*.lyteInputBox {
	input {
		height: 28px;
	}
}*/
.ui-link-search-btn .ui-search-btn lyte-input .lyteField {
  border-color: #ddd;
}
.ui-link-search-btn .ui-search-btn lyte-input input {
  background: #FFFFFF;
  border: 0;
}
.ui-shortcuts-dialog .ui-search-btn input {
  background-color: var(--textBoxBg);
  border: 1px solid var(--textBoxBrClr);
}
.ui-input-with-search input {
  padding-left: 10px !important;
}
.ui-embed-search input {
  padding-left: 5px !important;
}
.ui-readonly-fpath-cont lyte-input input {
  border-color: var(--textBoxBrClr);
  background: var(--dialogButtonBg);
  color: var(--clrBlkInvrs);
  height: 28px !important;
  padding: 3px 28px 3px 37px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  user-select: none;
}
.ui-select-data-source-dlg .ui-search-btn input {
  border-color: var(--textBoxBrClr);
  background-color: var(--textBoxBg);
}
/*.lyteModal {
	.ui-search-btn {
		input {
			border: 1px solid var(--textBoxBrClr);
		}
	}
}*/
.lyteInputBox.ui-trans-input {
  padding: 0 !important;
}
.lyteInputBox.ui-trans-input .lyteField {
  border-color: transparent;
}
.lyteInputBox.ui-trans-input .lyteField:hover {
  border-color: var(--buttonBrClr);
}
.lyteInputBox.ui-trans-input .lyteField:hover input {
  background: var(--clr-white);
}
.lyteInputBox.ui-trans-input input {
  padding-left: 3px;
  padding-right: 3px;
  background: transparent;
}
.lyteInputBox.ui-trans-input.lyteInputFocus .lyteField {
  border-color: var(--themeColor);
}
.lyteInputBox.ui-trans-input.lyteInputFocus .lyteField input {
  background: var(--clr-white);
}
.ui-panel-bcont .ui-right-18 input,
.ui-panel-bcont .ui-left-pad-xl-1 input {
  padding-left: 3px;
  padding-right: 3px;
  background: transparent;
}
.ui-panel-bcont .ui-right-18.lyteInputFocus .lyteField,
.ui-panel-bcont .ui-left-pad-xl-1.lyteInputFocus .lyteField {
  border-color: var(--themeColor);
}
.ui-panel-bcont .ui-right-18.lyteInputFocus .lyteField input,
.ui-panel-bcont .ui-left-pad-xl-1.lyteInputFocus .lyteField input {
  background: var(--clr-white);
}
.ui-insertfield-sel-opt-div input.ui-input-pad {
  padding: 3px 45px 3px 28px;
}
.ui-cboxfield-opt .lyteInputBox .lyteField {
  border-radius: 0;
}
.ui-cboxfield-opt .lyteInputBox .lyteField input {
  padding: 3px 25px 3px 5px !important;
  height: 100%;
}
.ui-cboxfield-opt .lyteInputBox .lyteField:hover {
  border-color: var(--textBoxBrClr);
}
.ui-cboxfield-opt .lyteInputFocus .lyteField:hover {
  border-color: var(--themeColor);
}
.ui-cbox-with-icon lyte-input .lyteField {
  border: 0;
}
.ui-cbox-with-icon lyte-input .lyteField:hover {
  border: 0;
}
.ui-cbox-with-icon lyte-input.lyteInputFocus .lyteField {
  border: 0;
}
.ui-insertfield-sel-opt-div input.prefill-select-choice {
  padding: 3px 68px 3px 28px;
}
.ui-insertfield-sel-opt-div .lyteField {
  border-radius: 0;
}
.ui-insertfield-sel-opt-div .lyteField:hover {
  z-index: 1;
}
.ui-series-tab-info lyte-input textarea {
  min-height: 134px;
}
.ui-editor-selectbox-dropdown-with-search .ui-search-btn input {
  border-radius: 2px;
  background: var(--menuBg);
  border: 1px solid transparent;
}
.ui-editor-selectbox-dropdown-with-search .ui-search-btn input:focus {
  border: 1px solid var(--themeColor);
}
.lyteInputBox.ui-ff-attachment-size .lyteField {
  border-radius: var(--bdrRadius) 0 0 var(--bdrRadius);
  z-index: 2;
}
lyte-input.ui-ff-text-area-field textarea {
  min-height: 73px;
}
.ui-chart-panel .ui-accordian-subpanel .ui-chart-lp-axis-range-div lyte-input input {
  height: 28px;
  padding: 3px 5px;
}
.ui-signer-no-cont lyte-input {
  width: 25px;
  height: 100%;
}
.ui-signer-no-cont lyte-input .lyteField {
  border: 0;
}
.ui-signer-no-cont lyte-input .lyteField:hover {
  border: 0;
}
.ui-signer-no-cont lyte-input.lyteInputFocus .lyteField {
  border: 0;
}
.ui-signer-without-drag lyte-input.ui-signer-input-no {
  display: none;
}
lyte-input.ui-mm-msg-txt .ui-sign-msg-editor {
  padding: 7px 9px 7px 9px;
}
.ui-inperson-sname lyte-input .lyteField {
  border: 1px solid var(--signerclr) !important;
}
.ui-inperson-sname lyte-input input {
  border: 0 !important;
}
.lyteModalElement lyte-tag input {
  font-size: var(--fs-base-widget);
}
.ui-sign-signer-cont .lyteField {
  border-radius: 0 2px 2px 0 !important;
}
.lyteInputBox .ui-cmt-link-container input:focus {
  border: 1px solid var(--themeColor);
}
input.ui-rpanel-search {
  border: 1px solid var(--textBoxBrClr);
  background: var(--textBoxBg);
  color: var(--dialogInputClr);
  padding-left: 32px !important;
}
lyte-input.ui-fb-panel-msg {
  box-sizing: border-box;
  width: auto;
}
.ui-blk-vconnector lyte-input .lyteField {
  display: flex;
}
.ui-single-sign-signer-cont lyte-search lyte-input {
  height: 100%;
}
.ui-single-sign-signer-cont lyte-search lyte-input input {
  padding: 0 10px!important;
}
.ui-public-embed-dlg lyte-input textarea,
.ui-blogger-post-dlg lyte-input textarea {
  min-height: 75px;
}
.ui-fillsubmit-container .ui-sign-cbox-subcont lyte-input textarea {
  padding: 3px 5px;
}
.ui-doc-email-input.lytetokenfield {
  padding: 5px 10px 1px;
  min-height: 28px;
}
.ui-date-time-picker .ui-time-picker lyte-input {
  width: 92px;
}
.ui-date-time-picker .ui-time-picker lyte-input .lyteField {
  display: flex;
  justify-content: center;
}
.ui-date-time-picker .ui-time-picker lyte-input input {
  border: 1px solid var(--buttonBrClr);
  padding: 3px 8px;
}
.ui-date-time-picker .ui-time-picker lyte-input .lyteInputArrowContainer {
  padding: 2px 4px 1px 4px;
  border: 1px solid var(--buttonBrClr);
  margin-left: -1px;
  background: var(--buttonBgClr);
}
.ui-stylelibrary-dlg .ui-search-btn input {
  background: var(--textBoxBg);
  padding: 3px 10px 3px 10px;
  border-radius: var(--bdrRadius);
}
.lyteInputBox input.lyteinputfield__textbox {
  width: calc(100% - (1px + 12px + 12px));
  padding: var(--buttonPadTB) var(--buttonPadLR);
  flex: 1;
}
.ui-find-inputbox .lyteField {
  width: 100%;
  background: var(--clr-white);
  box-shadow: none;
  margin: 0;
  height: calc(var(--buttonHeight) - 2px);
  border: 0 !important;
  vertical-align: top;
  outline: none;
  color: var(--clr-df);
}
.ui-find-inputbox .lyteInputBox .lyteField:hover,
.ui-find-inputbox .lyteInputFocus .lyteField:hover {
  border: 0;
}
.lyteInputBox.lyteInputDisabled .lyteField {
  border-color: #aaa;
  opacity: 0.5;
}
.lyteInputBox.lyteInputDisabled.ui-readonly-input .lyteField {
  border-color: var(--buttonBrClr);
  opacity: 1;
}
.lyteInputBox.lyteInputDisabled.ui-readonly-input .lyteField input:disabled {
  cursor: default;
  color: var(--clr-df);
}
.ui-lyte-dialog .lyteInputBox .lyteField {
  --buttonBrClr: var(--border-clr-sec);
}
.ui-pub-input-with-btn lyte-input .lyteField {
  border: 0 !important;
}
.ui-table-head-sticky tr td .lyteField {
  border: 0 !important;
  height: 26px !important;
  width: 100%;
}
lyte-input.ui-validation-error {
  border: 0 !important;
}
lyte-input.ui-validation-error .lyteField {
  border: 1px solid #d22121 !important;
  z-index: 1;
}
lyte-input.ui-validation-error.ui-mm-text-emailsubject {
  border: 0 !important;
}
.ui-delim-other-value input {
  width: 36px;
  --buttonHeight: 24px;
}
.ui-w-50px input {
  width: 50px;
}
.ui-w-75px input {
  width: 75px;
}
.ui-cus-mar-w input {
  width: 77px;
}
.ui-num-rows-w input {
  width: 140px;
}
.ui-tab-def-w input {
  width: 78px !important;
}
.ui-cond-num-w input {
  width: 84px;
}
.ui-num-column-w input {
  width: 160px;
}
.lyteInputBox.ui-latext-inputbox .lyteField,
.lyteInputBox.ui-latext-inputbox.lyteInputFocus,
.lyteInputBox.ui-latext-inputbox .lyteField:hover {
  border-color: transparent;
}
.ui-hex-desc .ui-hex-btn {
  border-radius: 2px 0 0 2px;
  background: var(--buttonBgClr);
  border: 1px solid var(--border-clr-sec);
  z-index: 2;
}
.ui-hex-desc lyte-input {
  margin-left: -1px;
}
.ui-hex-desc lyte-input .lyteField {
  border-radius: 0 var(--bdrRadius) var(--bdrRadius) 0;
}
.ui-hex-desc lyte-input input {
  width: 65px;
}
.ui-view-panel .ui-webview-cblk,
.ui-settings-dialog .ui-webview-cblk {
  margin-left: 2px;
}
lyte-modal-content .ui-webhook-rightband input,
lyte-modal-content .ui-webhook-rightband textarea {
  border: 0 !important;
}
lyte-modal-content .ui-webhook-rightband input:hover,
lyte-modal-content .ui-webhook-rightband textarea:hover {
  border: 0 !important;
}
.ui-webhook-table tbody tr:hover .lyteField,
.ui-webhook-table tbody tr.is-selected .lyteField {
  border-color: var(--themeColor);
  height: 40px;
}
.ui-webhook-table tbody tr:hover .lyteField input,
.ui-webhook-table tbody tr.is-selected .lyteField input {
  height: 100%;
}
.lyteInputBox.ui-latext-inputbox .lyteField,
.lyteInputBox.ui-latext-inputbox.lyteInputFocus,
.lyteInputBox.ui-latext-inputbox .lyteField:hover {
  border-color: transparent;
}
.ui-view-panel .ui-webview-cblk,
.ui-settings-dialog .ui-webview-cblk {
  margin-left: 2px;
}
lyte-input.ui-rich-txt-editor-container,
lyte-input.ui-rich-msg-container {
  border: 1px solid var(--textBoxBrClr);
}
.ui-pro-input .lyteField {
  border-radius: 4px;
}
.ui-pro-input .lyteField input {
  border-radius: 4px;
}
lyte-input.ui-mm-text-emailsubject {
  padding-right: 0 !important;
}
lyte-input.ui-mm-text-emailsubject input {
  padding-right: 25px;
}
.ui-pub-input-with-btn lyte-input .lyteField {
  border: 0 !important;
}
.ui-ffefill-input .lyteField {
  border: 0 !important;
}
.ui-pub-input-with-btn lyte-input .lyteField {
  border: 0;
}
.ui-pub-input-with-btn lyte-input .lyteField:hover {
  border: 0;
}
.ui-pub-input-with-btn lyte-input .lyteField input {
  color: var(--clr-df);
}
.ui-pub-input-with-btn lyte-input.lyteInputFocus .lyteField {
  border: 0;
}
.lyteInputDisabled ~ .ui-email_field_icon {
  display: none;
}
.lyteInputDisabled ~ .ui-email_field_icon.ui-mm-field-remove-icon {
  display: block;
}
.ui-caption-input .lyteField:hover {
  z-index: 1;
}
.ui-error-validation-bdr .lyteField {
  border: 1px solid #d22121 !important;
  border-radius: var(--bdrRadius);
}
.ui-workflow-textarea {
  background-color: var(--textBoxBg);
  border: 1px solid var(--textBoxBrClr);
  border-radius: var(--bdrRadius);
  color: var(--dialogInputClr);
}
.ui-workflow-textarea textarea {
  padding: 7px 9px 7px 9px !important;
  min-height: 75px;
}
.ui-workflow-textarea .lyteTextareaResize {
  display: none;
}
.ui-workflow-input-icon .ui-icon-calendar-sm {
  left: 7px;
  top: 6px;
  z-index: 2;
}
.ui-workflow-input-icon input {
  padding-left: 30px;
  padding-right: 6px !important;
}
.ui-input-box-icon .lyteInputCalendarIcon {
  right: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ui-calendar-cusom {
  background: var(--bg-white);
  z-index: 1111;
}
.ui-caption-input .lyteField:hover {
  z-index: 1;
}
.ui-error-validation-bdr .lyteField {
  border: 1px solid #d22121 !important;
  border-radius: var(--bdrRadius);
}
.ui-download-info lyte-input .lyteField {
  height: 28px;
}
.ui-download-info lyte-input input {
  border: 0;
  padding: 3px 30px 3px 10px !important;
  height: 100%;
}
.ui-field-input .lyteField {
  border: 0 !important;
  border-radius: 0 !important;
}
.ui-fld-table-row-sub .ui-field-input .lyteField input,
.ui-fld-table-row-group-lead .ui-field-input .lyteField input {
  width: 100%;
}
lyte-input.ui-field-input input {
  padding: 3px 10px 3px 10px;
}
/*// Common css begins 

.ui-search-btn {
	lyte-input {
		input {
			border: 0;
		}
	}
}

// Common css ends */
.lyteselectbox__textbox {
  border: 0 !important;
  padding: 0 !important;
  font-size: var(--fs-base-widget);
  color: var(--clr-df);
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  background: transparent !important;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.ui-invalid-msg .ui-font-search-input .lyteField {
  border-color: #ee5445 !important;
}
.ui-fld-sbox .ui-search-group-btn lyte-input .lyteField {
  border: 0;
}
.lyteInputBox.ui-fld-type-input .lyteField {
  border: 0;
}
.lyteInputBox.ui-fld-type-input .lyteField:hover {
  border: 0;
}
.lyteInputBox.ui-fld-type-input .lyteField .ui-fld-type-input-sub {
  padding-right: 25px;
}
.lyteInputBox input:focus {
  border: 0;
}
lyte-input.ui-mmflied-searchInp .lyteField {
  border-radius: var(--bdrRadius) var(--bdrRadius) 0 0;
  border-color: var(--scrollTopBg);
}
.ui-mm-flied-search-input .lyteField {
  border-color: var(--scrollTopBg);
}
.ui-mm-flied-search-input .lyteField input {
  background: transparent;
}
.ui-search-btn input {
  height: auto;
  border: 0;
}
.ui-search-btn .lyteField {
  border-radius: var(--bdrRadius) var(--bdrRadius) 0 0 !important;
}
lyte-input .ui-mm-text-emailsubject {
  height: 100% !important;
}
lyte-input textarea.ui-email-doc-sub:hover {
  border: 1px solid var(--border-clr-sec);
}
lyte-input .ui-email-doc-sub textarea {
  height: 56px;
}
.ui-mm-rl-menulist-search-inp lyte-input .lyteField,
.ui-mm-rl-menulist-search-inp lyte-input .lyteField:hover,
.ui-mm-rl-menulist-search-inp lyte-input.lyteInputFocus .lyteField {
  border-bottom: 1px solid var(--menuBrClr);
}
.ui-mm-rl-menulist-search-inp lyte-input .ui-mm-rl-menulist-search {
  border-bottom: 0;
}
.ui-mm-preview-recordsearch lyte-input .lyteField {
  border: 1px solid var(--dialogTblHeaderClr);
  border-radius: var(--bdrRadius);
}
.ui-mm-preview-recordsearch lyte-input .lyteField:hover {
  border: 1px solid var(--dialogTblHeaderClr);
}
.ui-mm-preview-recordsearch lyte-input.lyteInputFocus .lyteField {
  border: 1px solid var(--dialogTblHeaderClr);
}
lyte-input:has(.ui-pwd-input:not(:placeholder-shown)) ~ .ui-pwd-input-label {
  opacity: 1;
  pointer-events: auto;
}
.ui-formula-cond-list .ui-formula-cond lyte-input .lyteField {
  border: 0;
}
.ui-formula-cond-list .ui-formula-cond lyte-input .lyteField:hover {
  border: 0;
}
.ui-formula-cond-list .ui-formula-cond lyte-input.ui-validation-error .lyteField {
  box-shadow: 0 0 0 1px #f12a2a;
  height: 26px;
  border-radius: 0;
  border: 0 !important;
}
.ui-formula-cond-list .ui-formula-cond lyte-input.lyteInputFocus .lyteField {
  border: 0;
}
.ui-formula-wrap:hover .lyteField,
.ui-formula-wrap:hover .ui-formula-val {
  border-color: var(--themeColor);
}
.ui-formula-wrap:has(.lyteMenuSelected) .lyteField {
  border-color: var(--themeColor);
}
.ui-formula-wrap:has(.lyteInputFocus) .ui-formula-val {
  border-color: var(--themeColor);
}
.ui-formula-wrap lyte-input {
  height: 28px;
}
.ui-formula-wrap lyte-input input {
  padding-right: 28px;
}
.ui-formula-wrap .lyteField {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-formula-menu-wrap:hover lyte-input .lyteField,
.ui-formula-menu-wrap:hover .ui-formula-val {
  border-color: var(--themeColor);
}
.ui-formula-menu-wrap:has(.ui-formula-val.lyteMenuSelected) lyte-input .lyteField {
  border-color: var(--themeColor);
}
.ui-formula-menu-wrap:has(lyte-input.lyteInputFocus) .ui-formula-val {
  border-color: var(--themeColor);
}
.ui-formula-menu-wrap:has(lyte-input.ui-validation-error):hover .ui-formula-val {
  border-color: var(--buttonBrClr);
}
.lyteInputDisabled ~ .ui-email_field_icon {
  display: none;
}
.lyteInputDisabled ~ .ui-email_field_icon.ui-mm-field-remove-icon {
  display: block;
}
.ui-spinner-lbl-spn input {
  width: 84px;
}
.ui-condtn-pinput .lyteField {
  border-radius: var(--bdrRadius) 0 0 var(--bdrRadius);
}
.ui-field-input .lyteField {
  border: 0 !important;
  border-radius: 0 !important;
}
.ui-fld-table-row-sub .ui-field-input .lyteField input,
.ui-fld-table-row-group-lead .ui-field-input .lyteField input {
  width: 100%;
}
lyte-input.ui-field-input input {
  padding: 3px 10px 3px 10px;
}
lyte-input.ui-field-input input {
  padding: 3px 10px 3px 10px;
}
.lyteInputBox.ui-fld-type-input .lyteField {
  border: 0;
}
.lyteInputBox.ui-fld-type-input .lyteField:hover {
  border: 0;
}
.lyteInputBox.ui-fld-type-input .lyteField .ui-fld-type-input-sub {
  padding-right: 25px;
}
.lyteInputBox input:focus {
  border: 0;
}
.ui-search-btn input {
  height: auto;
  border: 0;
}
.ui-search-btn .lyteField {
  border-radius: var(--bdrRadius) var(--bdrRadius) 0 0 !important;
}
.lyteInputBox .lyteField:hover {
  z-index: 1;
}
.ui-mm-datetime-input.ui-email-datetime-inp {
  background-color: var(--textBoxBg) !important;
  --textBoxBr: 1px solid var(--textBoxBrClr);
}
.ui-txt-email .ui-rte-editor {
  padding: var(--buttonPadTB) var(--buttonPadLR);
}
.ui-cmt-link-container input {
  --textBoxBg: var(--textBoxBrClr);
}
.ui-cmt-link-container input:hover {
  border: 1px solid var(--textBoxBrClr);
}
.ui-cmt-link-container input:focus {
  border: 1px solid var(--themeColor);
}
.ui-quick-part-input .ui-mm-rtlist-menu-search-icon {
  z-index: 2;
}
.ui-quick-part-input .lyteField {
  display: flex;
}
.ui-quick-closeicon {
  background: var(--buttonBgClr);
  width: 100%;
  box-sizing: border-box;
}
.ui-quick-closeicon.lyteInputFocus .lyteField {
  --themeColor: 1px solid transparent;
}
.ui-quick-closeicon .lyteField {
  position: relative;
  --buttonBrClr: 1px solid transparent;
}
.ui-quick-closeicon .lyteField:hover {
  --themeColor: 1px solid transparent;
}
.ui-quick-closeicon .lyteField input {
  padding-left: 25px;
}
.ui-quick-closeicon .inputCloseIcon {
  display: flex !important;
  background: var(--shortCutTextClr);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  opacity: 1;
  padding: 0;
  align-items: center;
  justify-content: center;
  top: calc(50% - 5px);
  left: auto;
}
.ui-quick-closeicon .inputCloseIcon:before {
  transform: scale(0.6);
  filter: invert(1);
}
.ui-sort-by-sec .ltIconShow input {
  --clr-white: var(--cmtReplyBg);
}
.ui-sort-by-sec .ui-sort-close-icon {
  right: 0;
  top: 50%;
  transform: translateY(-50%) scale(0.8);
}
.ui-sort-by-sec .ui-sort-close-icon.ui-sort-close-active {
  display: block;
}
.ui-date-inp.lyteInputBox .lyteField {
  --bdrRadius: 0 2px 2px 0;
}
.ui-save-docu-cont input {
  padding-right: 80px;
}
/* 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(../../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(../../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(../../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(../../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 */
lyte-file-message,
lyte-fileupload,
lyte-file-select-area {
  font-family: inherit;
}
.fileUploadWrapper {
  display: flex;
  align-items: center;
  justify-content: 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%;
}
.ui-fill-attact-file .lyteFileUpdBoxType .lyteFileUpdMsgWrap {
  border: 1px solid var(--buttonBrClr);
  background: var(--buttonBgClr);
  height: 28px;
  padding: var(--buttonPadTB) var(--buttonPadLR);
  color: var(--clr-df);
  border-radius: var(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);
}
.ui-fill-attact-file .fileUploadWrapper lyte-yield {
  flex: 0;
}
.ui-fill-attact-file--item .lyteFileUpdMsgWrap {
  --buttonBgClr: transparent;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/*  Calendar related CSS BEGINS     */
lyte-calendar {
  display: inline-block;
}
.lyteCalendarPopup {
  background: transparent;
  z-index: 1060;
  box-shadow: none;
  font-family: var(--ff-base);
  font-size: 14px;
  border: 0;
}
.lyteCalendarNavigator {
  border: solid var(--separatorClr);
  border-width: 0 0 1px 0;
  padding: 11px 20px 11px 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 {
  order: 1 !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  order: 2;
  border: 0;
  border-radius: 50%;
}
.lyteCalNav:hover {
  border: 0;
}
.lyteCaldLft::before,
.lyteCaldRgt::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-image: url(../../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(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -351px -278px;
  opacity: 0.5;
}
.lyteCaldRgt {
  order: 3 !important;
  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 {
  order: 2 !important;
  flex-grow: 3;
  text-align: center;
  order: 1;
  cursor: default;
  color: var(--clr-df);
}
.lyteCalsCalMonth {
  font-size: 18px;
}
.lyteCalsCalYear {
  font-size: 13px;
}
.lyteCalTableContainer {
  border-spacing: 8px 7px;
  box-sizing: border-box;
  display: table;
  padding: 10px 13px 10px 13px;
  width: 100%;
}
.lyteCalTableRow,
.lyteCalTableRowHeader {
  display: table-row;
}
.lyteCalTableCellHeader {
  color: var(--clr-df);
  cursor: default;
  display: table-cell;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 6px;
}
.lyteCalTableCell {
  border: 1px solid transparent;
  color: var(--clr-df);
  cursor: pointer;
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  text-align: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
}
.lyteCalOtherDecadeCell,
.lyteCalGray {
  opacity: 0.4;
}
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalGray,
.lyteCalGray.lyteCalWeekSel,
.lyteCalOtherDecadeCell:hover,
.lyteCalOtherDecadeCell.lyteCalYearSel,
.lyteCalGray:hover,
.lyteCalGray.lyteCalSel {
  opacity: 1;
}
.lyteCalToday {
  background: transparent;
  color: #333;
  border: 1px solid #4190f2;
}
.lyteCalTableCell:hover,
.lyteCalToday:hover {
  border: 1px solid #d9e9fc;
  background: #d9e9fc;
}
.lyteCalDisabled.lyteCalSel,
.lyteCalHoliday.lyteCalSel,
.lyteCalWeekend.lyteCalSel,
.lyteCalSel,
.lyteCalSel:hover {
  background: #4190f2;
  color: #fff;
  border: 1px solid #4190f2;
}
.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: 9px;
}
.lyteDrillCalYearView .lyteCalTableCell,
.lyteDrillCalMonthView .lyteCalTableCell {
  height: 58px !important;
  height: auto;
  width: 40px;
  padding: 0 5px;
  border-radius: 29px;
}
.lyteDrillCalCurrentYear,
.lyteDrillCalCurrentMonth {
  color: #333;
  border: 1px solid #4190f2;
}
.lyteDrillCalHeaderButton {
  background: transparent;
  padding: 0;
  color: #333;
  border: 0;
  border-radius: 3px;
  font-size: 13px;
  cursor: pointer;
}
.lyteDrillCalHeaderButton:hover {
  background: transparent;
}
.lyteDrillCalYearListHeader:hover,
.lyteDrillCalYearListHeader {
  border-color: transparent;
  background: transparent;
  cursor: default;
}
.lyteDrillCalHeaderButton .lyteCalsCalMonth {
  font-size: 13px;
}
.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: 5px;
  border-radius: 3px;
}
.lyteCalYearSel:hover,
.lyteCalYearSel,
.lyteCalMonthSel:hover,
.lyteCalMonthSel {
  border: 1px solid #4190f2;
  background: #4190f2;
  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 */
/*  Calendar related CSS ENDS     */
.lyteCalendarPopup {
  width: 100%;
}
.lyteCalTableCellHeader {
  font-weight: bold;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
}
.lyteCalBtns {
  display: none;
}
.ui-editor-datefield lyte-calendar {
  border: 1px solid var(--buttonBrClr);
}
.ui-editor-datefield lyte-calendar .lyteCalTableContainer {
  border-spacing: 3px 7px;
}
.ui-editor-datefield.ui-date-time-picker .ui-time-picker {
  border-width: 0;
}
/* 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;
}
.lyteDateRPWithYearNavigator .lyteDateRangePickerCol1 .lyteDateRPMonthHeader {
  padding-inline-start: 75px;
}
.lyteDateRPWithYearNavigator .lyteDateRangePickerCol2 .lyteDateRPMonthHeader {
  padding-inline-end: 75px;
}
.lyteSeperateDRP.lyteDateRPWithYearNavigator .lyteDateRPMonthHeader {
  padding-inline: 75px;
}
.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;
}
.lyteDateRPMonthEndDate:focus-visible,
.lyteDateRPMonthStartDate:focus-visible,
.lyteDateRPTempSelected:focus-visible {
  outline: 2px solid #333;
  outline-offset: -2px;
}
.lyteDateRPTempFirstDateSelected:focus-visible,
.lyteDateRPFirstDateSelected:focus-visible,
.lyteDateRPTempLastDateSelected:focus-visible,
.lyteDateRPLastDateSelected:focus-visible {
  outline: none;
}
.lyteDateRPTempFirstDateSelected:focus-visible::before,
.lyteDateRPFirstDateSelected:focus-visible::before,
.lyteDateRPTempLastDateSelected:focus-visible::before,
.lyteDateRPLastDateSelected:focus-visible::before {
  outline: 2px solid #333;
  z-index: 1;
}
.lyteDateRPTempFirstDateSelected:focus-visible .lyteCalDateSpan,
.lyteDateRPFirstDateSelected:focus-visible .lyteCalDateSpan,
.lyteDateRPTempLastDateSelected:focus-visible .lyteCalDateSpan,
.lyteDateRPLastDateSelected:focus-visible .lyteCalDateSpan {
  position: relative;
  z-index: 5;
}
/*------- 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 .lyteCalTableCell.lyteCalDiffMonth {
  pointer-events: auto;
}
.lyteAllowOtherMonthSelection .lyteCalTableCell.lyteCalDisabled {
  pointer-events: none;
}
.lyteAllowOtherMonthSelection .lyteDateRPFirstDateSelected,
.lyteAllowOtherMonthSelection .lyteDateRPTempSelected,
.lyteAllowOtherMonthSelection .lyteDateRPLastDateSelected,
.lyteAllowOtherMonthSelection .lyteCalDiffMonth:hover {
  opacity: 1;
}
/* import theme overrides - styles */
/* LYTE-DATERANGEPICKER ENDS    */
.ui-vhistory-pos {
  top: 32px;
  right: 12px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--menuBrClr);
  background: var(--menuBg);
  z-index: 1;
}
.ui-vhistory-pos .lyteDateRangePickerRow {
  --menuBg: transparent;
  box-shadow: none;
  border: 1px solid transparent;
}
.ui-vhistory-pos lyte-icon {
  background-image: url(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg) !important;
  background-position: -1px -2px !important;
  opacity: 0.5 !important;
}
.lyteDateRangepickerDropdown lyte-drop-body {
  max-height: 200px;
}
.lyteDateRPTempFirstDateSelected::after,
.lyteDateRPFirstDateSelected::after,
.lyteDateRPTempLastDateSelected::after,
.lyteDateRPLastDateSelected::after {
  height: 30px;
}
.lyteDateRPTempFirstDateSelected:before,
.lyteDateRPFirstDateSelected:before,
.lyteDateRPTempLastDateSelected:before,
.lyteDateRPLastDateSelected:before {
  --activeBgClr: var(--themeColor);
}
.lyteDateRPTempSelected:after,
.lyteDateRPMonthStartDate:after {
  height: 30px;
}
.lyteDateRangePickerRow .lyteCalTableContainer {
  padding: 5px 0 5px 0;
}
/* 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: 13px;
  color: var(--clr-df);
}
.lyteMessageBoxContentHidden {
  z-index: -1;
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.lyteMessageBox {
  padding: 4px 40px 4px 20px;
  z-index: 1080;
  background: transparent;
  border-radius: 2px;
  color: var(--clr-df);
  font-size: 15px;
  transition: 0.3s all ease;
  display: block;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  border: 0;
  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 {
  display: none !important;
  height: 100%;
  display: inline-block;
  position: absolute;
  width: 0;
}
.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(../../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: 0;
}
.lyteMessageBox .lyteMessageBoxClose {
  background-image: url(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -321px -159px;
  top: 11px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  right: 8px;
}
.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 */
/* LYTE-MESSAGEBOX ENDS   */
/*.MessageBox(){
	@padding: 0;
	@bg: transparent;
	@border-radius: 0;
}
.MessageBoxContent() {
    @color: inherit;
    @font-size: 14px;
}*/
/*.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 rgb(174, 232, 190) !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 rgb(247, 213, 187) !important;
    color:#866f40;
}
.lyteMessageBox.infoMessageIcon{
	border-color: #98b9e2;
    background: #dcecf7 !important;
    box-shadow: 0px 0px 0px 0px rgb(185, 221, 241) !important;
    color:#347494;
}*/
.lyteMessageBox {
  margin: 0 15px;
}
.lyteMessageBox.successMessageIcon {
  background: var(--noteSuccessBg);
}
.lyteMessageBox.successMessageIcon .lyteMessageBoxContent {
  color: var(--noteSuccessClr);
}
.lyteMessageBox.errorMessageIcon {
  background: var(--noteErrorBg);
}
.lyteMessageBox.errorMessageIcon .lyteMessageBoxContent {
  color: var(--noteErrorClr);
}
.lyteMessageBox.infoMessageIcon {
  background: var(--noteInfoBg);
}
.lyteMessageBox.infoMessageIcon .lyteMessageBoxContent {
  color: var(--noteInfoClr);
}
.lyteMessageBox.warningMessageIcon {
  background: var(--noteWarnBg);
}
.lyteMessageBox.warningMessageIcon .lyteMessageBoxContent {
  color: var(--noteWarnClr);
}
.ui-alert-topband {
  top: 10px !important;
}
.ui-alert-topband .lyteMessageBoxClose {
  top: 6px !important;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* 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;
}
.lyteScrollbarHover,
.lyteScrollContainer:hover {
  background: #eee;
  opacity: 0.9;
}
.lyteScrollContainer.lyteScrollContainerY {
  width: 8px;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
}
.lyteScrollContainer.lyteScrollContainerX {
  height: 8px;
  top: auto;
  bottom: 0;
  right: 0;
  left: 0;
}
.lyteScrollContainer .lyteScrollDiv {
  background: #aaa;
  position: relative;
  border-radius: 5px;
}
.lyteScrollbarHover .lyteScrollDiv,
.lyteScrollContainer .lyteScrollDiv:hover {
  background: #999;
}
.lyteScrollContainerY .lyteScrollDiv {
  width: 100%;
}
.lyteScrollContainerX .lyteScrollDiv {
  height: 100%;
}
.lyteScrollContainer.lyteScrollContainerX.top {
  top: 0;
  bottom: auto;
}
.lyteScrollContainer.lyteScrollContainerY.left {
  left: 0;
  right: auto;
}
.lyteScrollBar.lyteScrollNativeScrollImpl {
  overflow: auto !important;
  scrollbar-width: none;
}
.lyteScrollNativeScrollImpl::-webkit-scrollbar {
  width: 0;
}
.lyteScrollNativeScrollImpl .lyteScrollContainerY {
  max-height: calc(100% - var(--lyte-scrollbar-y-top, 0));
}
.lyteScrollNativeScrollImpl .lyteScrollContainerX {
  max-width: 100%;
}
@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 */
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/*  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: var(--dialogTblHeaderClr);
  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: 0;
  width: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
lyte-tbody {
  display: table-row-group;
}
lyte-td {
  height: 28px;
  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: 0 10px;
  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.infinitescroll lyte-tbody lyte-tr:last-of-type lyte-td {
  border-bottom: 1px solid var(--border-clr-sec);
}
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 lyte-th.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: 0;
}
.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(0);
  transition: transform 0.2s linear;
}
.lyteTableColumnSortPlaceholder {
  position: absolute;
  top: 0;
  bottom: 0;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 5;
  border: 1px dashed #c8c8c8;
  background: rgba(0, 0, 0, 0.03);
}
lyte-table.lyteTableInfiniteScrollBorderReset lyte-td {
  border: 0;
  padding: 0;
}
.lyteTableInfiniteScrollBorderReset lyte-cell-wrapper {
  height: 28px;
  display: block;
  padding: 0 10px;
  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 */
/*  Lyte Table CSS ENDS   */
.ui-custom-font-table lyte-tr lyte-td {
  height: 29px;
}
.ui-next-heading-style-table {
  height: 295px;
}
.ui-next-heading-style-table lyte-tr lyte-td {
  height: 38px;
  background-color: #FFFFFF;
}
.ui-next-heading-style-table lyte-tr lyte-td:last-of-type:hover {
  border: 1px solid var(--buttonHoverBrClr);
  box-shadow: var(--buttonBoxshadow);
  border-right-color: var(--buttonHoverBrClr) !important;
}
.ui-next-heading-style-table lyte-tr lyte-td .lyte-button {
  background-color: #FFFFFF;
}
.ui-next-heading-style-table.border lyte-tbody lyte-tr lyte-td:last-of-type {
  border-right: 1px solid var(--border-clr-sec);
}
/*lyte-table > .lyteTableScroll {
	overflow: unset;
}*/
lyte-table.ui-tbl-theme-tbl lyte-table-structure {
  --buttonBgClr: transparent;
}
lyte-table.ui-tbl-theme-tbl lyte-tr lyte-td {
  height: 7px;
  padding: 0;
  min-width: auto;
  border: 1px solid transparent;
  line-height: 1px;
  vertical-align: middle;
}
lyte-table.ui-tbl-theme-tbl lyte-tr lyte-td.ui-more-themes-lbl {
  height: 36px;
  white-space: normal;
}
lyte-table.border lyte-th {
  border-bottom: 1px solid var(--border-clr-sec);
}
/* 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: 0 2px 6px 0 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(../../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 */
.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;
}
.ui-credit-job-table-container .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(--dark-blue);
  --webkit-font-smoothing: antialiased;
  position: relative;
}
.ui-credit-job-table-container lyte-table.ui-lyte-table-secondary lyte-th,
.ui-credit-job-table-container lyte-table.ui-lyte-table-secondary lyte-td {
  background: #f8f8f8;
  border-color: #dfe2e8;
  border-bottom: 1px solid #dfe2e8;
}
.ui-credit-job-table-container lyte-table.ui-lyte-table-secondary .lyteTableScroll {
  border-color: #dfe2e8;
  border-radius: 2px;
}
.ui-credit-job-table-container .lyteStickyTable .lyteFixedColumn {
  position: sticky;
}
/* 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(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg) no-repeat -224px -81px;
  mask: url(../../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(--dark-blue);
  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(../../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;
}
.lyteNumberPrefix {
  align-self: center;
  white-space: nowrap;
  flex-shrink: 0;
  padding-right: 4px;
}
.lyteField.lyteNumberHasPrefix {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  position: relative;
}
.lyteField.lyteNumberHasPrefix .lyteNumberPrefix {
  grid-column: 1;
  grid-row: 1;
}
.lyteField.lyteNumberHasPrefix > input {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  width: 100%;
}
.lyteField.lyteNumberHasPrefix > .lyteNumberUnitElem {
  grid-column: 3;
  grid-row: 1;
}
.lyteField.lyteNumberHasPrefix > .lyteNumberSuffixDummyWrapper {
  grid-column: 2;
  grid-row: 1;
}
.lyteField.lyteNumberHasPrefix > .lyteNumberArrowContainer {
  grid-column: 4;
  grid-row: 1;
}
.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);
}
.lyteNumberControls:focus-visible {
  outline: 1px solid var(--themeColor);
  z-index: 2;
}
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 var(--themeColor);
  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-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,
.ui-max-iteration-input.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);
}
.ui-panel-bcont {
  /*.ui-zinputfield-l, .ui-zinputfield-r {
		input {
			width: 68px;
		}
	}*/
}
.ui-panel-bcont .ui-right-18 .lyteField,
.ui-panel-bcont .ui-left-pad-xl-1 .lyteField {
  width: 60px;
}
.ui-num-without-label .lyteNumberSuffixDummyWrapper {
  gap: 3px;
}
.ui-header-row .lyteField {
  width: 60px;
  margin-right: 3px;
}
.lyteNumberSuffixDummyElem {
  opacity: 1;
  visibility: hidden;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Navigator CSS BEGINS  */
lyte-navigator {
  font-family: var(--ff-base);
  font-size: var(--fs-base-widget);
  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(../../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(../../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: 0 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 */
/* Navigator CSS ENDS  */
lyte-navigator .zc-pagination-info {
  min-width: auto;
}
.zc-pagination-navigate .lyteDisabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.zc-pagination-navigate .zc-pagination-info {
  color: var(--leftPanelTitleClr);
  font-weight: 600;
  opacity: 0.8;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Search CSS BEGINS */
.lyteSearchHidden {
  display: none !important;
}
lyte-search[lt-prop-close-icon="true"] input {
  padding-right: 0;
}
/* import theme overrides - styles */
/* Search CSS ENDS */
.searchIcon {
  display: none;
}
.inputCloseIcon {
  display: none !important;
}
lyte-search.ui-search-no-border-bottom .lyteField {
  border-bottom: 0;
  display: flex;
}
lyte-search.ui-font-search-box input {
  background: var(--headerGrad1);
  border: 1px solid transparent;
  border-radius: 4px;
  height: 28px;
  padding: 3px 5px !important;
  color: var(--dialogInputClr);
  font-size: 13px;
  box-sizing: border-box;
  line-height: normal;
}
.ui-link-search-btn .ui-mm-rtlist-menu-search-icon {
  z-index: 1;
}
.ui-search-btn lyte-search {
  /*.lyteField {
			z-index: 2;
		}*/
}
.ui-search-btn lyte-search input {
  border: 0;
  color: var(--dialogInputClr);
  border-radius: var(--bdrRadius);
}
.ui-search-btn input.lytetextbox {
  background-color: var(--textBoxBg);
  border: 1px solid var(--textBoxBrClr);
  border-radius: var(--bdrRadius);
  height: var(--buttonHeight);
  padding: 3px 10px 3px 10px;
  padding-left: 10px !important;
}
.ui-search-btn input.lytetextbox:focus {
  border-color: var(--themeColor);
  position: relative;
  z-index: 1;
}
.ui-panel-subtab .ui-mm-rtlist-menu-search-icon {
  z-index: 1;
  top: 6px;
  left: 9px;
}
.ui-panel-subtab .ui-search-btn lyte-input input {
  border: 0 !important;
}
.ui-search-btn .ui-mm-preview-recordsearch input.lytetextbox {
  padding-left: 30px !important;
  border: 0;
}
.ui-editor-selectbox-dropdown-with-search lyte-search input {
  padding: 5px 10px 5px 30px;
  border-radius: var(--bdrRadius);
}
.ui-inp-search .lyteField {
  width: 100% !important;
  background-color: var(--buttonBgWhiteClr);
  border: 1px solid var(--border-clr-df);
  height: 32px !important;
  margin: 0 !important;
}
.ui-inp-search .lyteField input {
  padding: 6px 10px;
  font-size: var(--fs-14-widget);
  height: 100%;
}
.ui-editor-selectbox-dropdown-with-search lyte-search input {
  padding: 5px 10px 5px 30px;
  border-radius: var(--bdrRadius);
}
.ui-classic-toolbar lyte-search .lyteInput .lyteField,
.ui-zfontcombo-menu-header lyte-search .lyteInput .lyteField,
.ui-smart-toolbar lyte-search .lyteInput .lyteField {
  border-bottom: 0;
}
.ui-classic-toolbar .lyteMenuSelected {
  --arrowColor: var(--arrowColor);
}
.ui-translate-align .lyteField {
  display: flex;
}
.ui-style-lib .lyteField {
  --body-bg: var(--border-clr-sec);
}
.ui-search-lib .ui-search {
  top: 5px;
}
.ui-menu-header-search {
  background: var(--body-bg);
}
.ui-menu-header-search .ui-search-btn input {
  background: var(--textBoxBg);
  border-radius: 3px;
}
.ui-collab-list-search .inputCloseIcon {
  display: block !important;
}
.ui-qp-close .inputCloseIcon {
  display: flex !important;
}
.ui-quick-pad-left input {
  padding-left: 30px !important;
}
.ui-quick-pad-left .inputCloseIcon {
  display: block !important;
  background: var(--teritary-BorderClr);
  border-radius: 50%;
  padding: 6px;
  right: 8px;
  top: 7px;
  opacity: 1;
  width: 14px;
  height: 14px;
}
.ui-quick-pad-left .inputCloseIcon:before {
  transform: translate(-36%, -41%) scale(0.8);
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-COLORPICKER BEGINS */
.lyteColorPicker {
  display: inline-block;
  border: 1px solid var(--separatorClr);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  background: var(--buttonBgClr);
}
.lyteColorPicker.popColorPicker {
  display: none;
}
.lyteColorPicker__showhidecontainer {
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  font-size: 13px;
  font-family: var(--ff-base);
}
/*  Colorpicker basic section related code begins    */
.lyteColorPicker__default {
  width: 212px;
  display: flex;
  flex-direction: column;
}
.lyteColorPicker__nocolorbutton {
  padding: 10px 17px 12px 17px;
  border-bottom: 1px solid var(--separatorClr);
  cursor: pointer;
}
.lyteColorPicker__noFill {
  background-image: url(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -43px -79px;
  width: 11px;
  height: 11px;
  opacity: 0.6;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.lyteColorPicker__nocolorbutton svg {
  display: none;
}
.lyteColorPicker__nocolorbutton:hover {
  background: var(--buttonBgClr);
}
.lyteColorPicker__palettecontainer {
  border-bottom: 1px solid var(--separatorClr);
  order: 0;
  padding: 10px 17px 12px 17px;
}
.lyteColorPicker__palettecontainer.LCP_DefaultColorCont.default_color {
  display: flex;
  padding: 10px 17px 12px 17px;
  justify-content: left;
}
.cpDefault__colors {
  border-radius: 50%;
}
.lyteColorPicker__palette {
  font-size: 0;
}
.lyteColorPickerUsedColors {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 3px 0;
}
.lyteColorPicker__paletteheading {
  cursor: default;
  color: var(--clr-df);
  margin-bottom: 3px;
}
.lyteColorPicker__defaultpaletteheading {
  cursor: default;
  color: var(--clr-df);
  margin: 0 0 0 6px;
}
.lyteColorPicker__palettecontainer.usedColor__container {
  order: 1;
}
.lyteColorPicker__navigatable {
  order: 2;
  padding: 10px 15px;
  border-radius: 0 0 2px 2px;
  cursor: pointer;
}
.lyteColorPicker__navigatable:hover {
  background: var(--buttonBgClr);
}
.lyteColorPicker__colorfieldcontainer {
  display: none;
  order: 3;
}
.lyteColorPicker__palette .standard__colors,
.lyteColorPicker__shades {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.lyteColorPicker__palette .cpDefault__colors,
.lyteColorPicker__shades {
  margin: 0;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
}
.lyteColorPicker__colorpan {
  width: 16px;
  height: 16px;
  margin: 0px 2px 0 0;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
}
.default__colors .lyteColorPicker__colorpan {
  border: 1px solid transparent;
}
.default__colors:first-child .lyteColorPicker__colorpan {
  margin-bottom: calc(2px + 0px);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.default__colors:nth-child(2),
.default__colors:nth-child(3) {
  display: none;
}
.lyteColorPickerShowHiddenColor.default__colors:nth-child(2),
.lyteColorPickerShowHiddenColor.default__colors:nth-child(3),
.lyteColorPickerAccentColorPalette .default__colors:nth-child(2),
.lyteColorPickerAccentColorPalette .default__colors:nth-child(3) {
  display: block;
}
.lyteColorPicker__colorpan:hover {
  border-color: transparent;
}
.default__colors:first-child .lyteColorPicker__colorpan:hover {
  border-color: rgba(17, 17, 17, 0.3);
}
.lyteColorPicker__colorpan.lyteCPSelectedColor::before {
  content: '';
  position: absolute;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 8px;
  height: 4px;
  top: 2px;
  left: 2px;
  transform: rotate(-45deg);
}
.lyteColorPicker__colorpan.lyteCPSelectedColor[lt-prop-title="#ffffff"]::before {
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}
.lyteColorPicker__text {
  display: inline-block;
  vertical-align: baseline;
  color: var(--clr-df);
}
.LCP_rightArrow {
  background-image: url(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -97px -26px;
  width: 4px;
  height: 7px;
  display: inline-block;
  vertical-align: middle;
}
.lyteColorPicker__icon {
  background-image: url(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -110px -58px;
  width: 14px;
  height: 11px;
  opacity: 0.6;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
/*  Colorpicker basic section related code ends    */
/*  Colorpicker advanced section related code begins    */
.lyteColorPicker--advanced {
  padding: 0;
  width: 290px;
}
.colorDiv {
  overflow: hidden;
  position: relative;
  cursor: default;
  touch-action: none;
  border: solid var(--separatorClr);
  border-radius: 2px;
}
#lyteCPImgDiv {
  height: 160px;
  background-image: url(../../../../../../images/lyteCPbgGradient.66cd5f82ce4ca4526e2740e564c7d13f.png);
  background-repeat: round;
}
.colorSlider_palette_circle {
  border: 1px solid #FFF;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  cursor: pointer;
  position: absolute;
  z-index: 10;
}
.lyteColorPicker__previewDiv {
  padding: 15px 17px 20px 17px;
  position: relative;
}
.lyteColorPicker__opacityslider,
.colorSlider_hue {
  position: relative;
  vertical-align: middle;
  touch-action: none;
}
.lyteColorPicker__sliderDiv {
  display: flex;
  align-items: center;
  margin: 0;
}
.colorSlider_hue {
  margin-bottom: 15px;
}
.opacityslider__circlethumb,
.colorSlider_sliderHandle {
  transform: translateY(-50%) translateX(-50%);
  cursor: grab;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 1px solid var(--dark-blue);
  position: absolute;
  z-index: 14;
  top: 50%;
  background: var(--dark-blue);
}
.lyteColorPicker__transparentbg,
.colorSlider_hueBar_border {
  width: 100%;
  border-radius: 6px;
}
.opacityslider__track,
.colorSlider_hueBar {
  background-image: linear-gradient(to right, red, #ff00dd, blue, aqua, #00ff00, yellow, red);
  height: 10px;
  border-radius: 1px;
  border: 1px solid var(--dragDropBorderClr);
}
.opacityslider__track {
  background-image: none;
  background-position-x: 1px;
  background-repeat: repeat-y;
}
.opacityPreviewDiv__transparentbg,
.previewDiv {
  width: 32px;
  height: 100%;
  cursor: pointer;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
}
.opacityPreviewDiv__transparentbg1,
.dynamicDiv {
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.lyteColorPicker__commandbar {
  margin: 12px 17px 12px 17px;
  display: flex;
}
.LCP_backbtn {
  margin-right: auto;
}
.selectFormat {
  width: 70px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.selectFormat lyte-dropdown {
  display: block;
  width: 70px;
}
.selectFormat lyte-dropdown lyte-drop-button {
  font-size: 12px;
}
.lyteCPDropbox {
  width: 70px;
}
.lyteCPDropbox .lyteArrow {
  width: 70px;
}
.lyteCPDropbox lyte-drop-item {
  padding: 5px;
  font-size: 12px;
  color: #555;
}
.lyteCPDropbox lyte-drop-item[selected="true"] {
  color: var(--clr-df);
}
.lyteCPDropbox lyte-drop-item[selected="true"]::before {
  content: none;
}
.selectFormat .colorPickerDD {
  padding: 3px 8px;
}
.selectFormat lyte-dropdown lyte-icon.dropdown {
  background-position: -14px -2px;
  width: 9px;
  height: 5px;
}
.showValue {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 85px);
}
.showValue lyte-table-structure {
  background: transparent;
}
.showValue .lyteInputBox input {
  border: 0;
}
.cpValFormatIp {
  border-spacing: 0;
}
.cpValFormatIp lyte-tr:nth-child(2) lyte-td {
  font-size: 11px;
  color: silver;
  text-align: center;
}
.cpValFormatIp lyte-td {
  vertical-align: top;
  padding: 0;
  border-bottom: 0;
  min-width: auto;
}
.cpValFormatIp lyte-tr:first-child lyte-td {
  padding-left: 5px;
}
.cpValFormatIp lyte-tr:first-child lyte-td:first-child {
  padding-left: 0;
}
.showValue .lyteField {
  border: 1px solid #d6d6d6;
}
.showValue .lyteInputBox input {
  padding: 4px 0 4px 0;
  font-size: 11px;
  min-width: auto;
  text-align: center;
}
.showValue .lyteInputBox .lyteField:hover {
  border: 1px solid #c1c1c1;
}
.showValue .lyteInputBox.lyteInputFocus .lyteField {
  outline: none;
  border: 1px solid #c1c1c1;
}
.showValue .lyteInputBox.vertical {
  width: 40px;
}
#lyteCPShowValue {
  width: 128px;
}
#lyteCPShowValue.lyteInputBox input {
  text-align: left;
}
.lyteColorPicker__transparentbg {
  border-radius: 6px;
  background: url(../../../../../../images/lyteCP_op_slider_bg.fcb8fe1f6608f21afdcab89ef5c71c59.png);
  background-size: cover;
}
.lyteCP__transparentbg {
  margin-left: 0 !important;
  background: url(../../../../../../images/lyteCP_op_slider_bg.fcb8fe1f6608f21afdcab89ef5c71c59.png);
  border-radius: 2px;
  width: 32px;
  height: 24px;
}
.lyteCP_PreviewWrapper {
  margin-left: auto;
}
.lyteCP__dynamicColor {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  overflow: hidden;
}
.lyteCP__dynamicColor .previewDiv,
.lyteCP__dynamicColor .dynamicDiv {
  border-radius: 0;
  border: 0;
  width: 100%;
  height: 100%;
}
.lyteCPHexText lyte-td:first-child {
  visibility: hidden;
}
#lyteCPHiddenInput {
  position: absolute;
  left: -9999px;
}
/*  Colorpicker advanced section related code ends    */
.lyteColorPicker__pe {
  pointer-events: none;
  cursor: default;
}
.showValue .lyteInputBox.lyteInputFocus.lyteCp__Invalid .lyteField {
  border: 1px solid #f4a7a7;
}
.lyteCp__Invalid input {
  background: #f5c7c7;
}
.lyteColorPicker__commandbar button {
  text-transform: capitalize;
}
/* import theme overrides - styles */
/* LYTE-COLORPICKER ENDS */
.lyteCPHexText lyte-td:first-child {
  visibility: visible;
}
.default__colors:first-child .lyteColorPicker__colorpan:hover {
  border-color: transparent;
}
.lyteColorPicker__sliderDiv {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--separatorClr);
}
.lyteColorPicker__previewDiv {
  border-bottom: 1px solid var(--separatorClr);
}
.lyteColorPicker__sliderDiv > div:first-child {
  width: calc(100% - (20px + 32px + 1px + 1px));
}
.opacityslider__circlethumb,
.colorSlider_sliderHandle {
  transform: translateY(-50%) translateX(-50%);
  cursor: grab;
}
.showValue lyte-table-structure {
  background: transparent;
}
.cpValFormatIp lyte-td {
  background: transparent;
}
.showValue .lyteInputBox input {
  border: 0;
}
#lyteCPShowValue.lyteInputBox input {
  padding: 4px 8px 4px 8px;
}
.cpValFormatIp lyte-tr:nth-child(2) lyte-td {
  height: auto;
}
.lyteColorPicker__previewDiv lyte-table .lyteTableScroll {
  overflow: visible;
}
.lyteColorPicker__navigatable {
  display: flex;
  align-items: center;
}
.lyteColorPicker__text {
  flex: 1;
  font-size: 12px;
}
.lyteColorPicker__defaultpaletteheading {
  vertical-align: middle;
  font-size: 12px;
  line-height: normal;
}
.default__colors:first-child .lyteColorPicker__colorpan {
  margin-top: calc(2px);
}
.lyteColorPicker__palettecontainer .lyteColorPicker__colorpan:last-of-type {
  margin-right: 0;
}
.lyteColorPicker__colorpan:hover {
  box-shadow: inset 0 0 0 1px #f2f2f2, 0 0 0 1px #333;
  z-index: 2;
}
.lyteCP_PreviewWrapper {
  margin-left: 0 !important;
}
.colorDiv {
  border-width: 0 0 1px 0;
}
/* extended color picker starts (For applied color) */
.lyteColorPicker__default lyte-yield {
  order: -1;
}
.lytecolorpicker__colorlabel {
  @include fs-base();
  width: 100%;
  border: solid var(--btnGradLight);
  border-width: 0 0 1px 0;
  background: var(--buttonBgClr);
  color: var(--dark-blue);
  padding: 10px 17px 10px 17px;
}
.lytecolorpicker__colorcode {
  color: var(--clr-df-dark);
  margin-right: 3px;
  text-transform: uppercase;
}
.lytecolorpicker__colorelem {
  display: block;
  width: 16px;
  height: 16px;
  /*background: #000;*/
  margin-top: 1px;
}
/* extended color picker end */
.lyteColorPicker--advanced .dropdown {
  visibility: visible;
  border: 0;
  background-color: transparent;
  right: 4px;
}
.ui-clr-picker-inline .lyteColorPicker {
  border: 0;
  box-shadow: none;
  background: transparent;
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker__default {
  width: 336px;
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker__default .lyteColorPicker__paletteheading {
  font-size: 14px;
  color: var(--placeHolderClr);
  font-weight: 600;
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker__nocolorbutton {
  order: 1;
  width: 22%;
  padding: var(--buttonPadLR) var(--buttonPadTB);
  background: var(--buttonBgClr);
  border: 1px solid var(--separatorClr);
  border-radius: var(--bdrRadius);
  display: flex;
  align-items: center;
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker__nocolorbutton .lyteColorPicker__text {
  line-height: normal;
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker__palettecontainer {
  padding: 0;
  border: 0;
  margin-bottom: 15px;
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker__colorpan {
  width: 31px;
  height: 18px;
  margin: 0px 2px 2px 0;
  border-radius: 2px;
}
.ui-clr-picker-inline .lyteColorPicker .default__colors:first-child .lyteColorPicker__colorpan {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: calc(2px);
  margin-bottom: calc(2px + 0px);
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker__morecolorbutton {
  order: 1;
  position: relative;
  width: auto;
  top: -29px;
  left: calc(100% - 36%);
  padding: 6px 0;
  border-width: 0;
  box-shadow: none;
  background: transparent;
  color: var(--linkClr);
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker__morecolorbutton .lyteColorPicker__text {
  color: var(--linkClr);
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker__morecolorbutton .lyteColorpickerForwardArrow {
  display: none;
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker--advanced {
  width: 336px;
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker--advanced #lyteCPImgDiv {
  height: 169px;
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker--advanced .colorSlider_hue {
  margin-bottom: 0;
}
.ui-clr-picker-inline .lyteColorPicker .lyteColorPicker--advanced .lyteColorPicker__opacityslider {
  display: none;
}
.ui-clr-picker-inline .lytecolorpicker__colorlabel {
  display: none;
}
.ui-clr-picker-inline .lyteColorPicker__palette {
  margin-left: 2px;
}
.ui-clr-picker-inline .lyteColorPicker__colorpan.lyteCPSelectedColor {
  box-shadow: 0 0 0 2px var(--clr-df), 0 0 0 1px transparent;
  z-index: 2;
  border: 1px solid var(--clr-white);
}
.ui-clr-picker-inline .lyteColorPicker__colorpan.lyteCPSelectedColor:before {
  content: none !important;
}
.ui-tbl-theme-colorpicker .zw-color-picker-prev-box {
  border: 0;
}
.ui-tbl-theme-colorpicker .zw-color-picker-prev-box canvas {
  color: transparent;
}
#lyteCP__A,
#lytecp_HEX_alpha_label,
#lytecp_RGB_alpha_label,
#lytecp_HSV_alpha_label {
  display: none;
}
#lyteCPShowValue {
  width: 100%;
}
.colorSlider_hue {
  margin-bottom: 0;
}
.lyteColorPicker__opacityslider {
  display: none;
}
.cpValFormatIp lyte-tr {
  display: flex;
}
.cpValFormatIp lyte-tr:first-child lyte-td {
  padding-left: 0;
}
.cpValFormatIp lyte-td {
  min-width: 40px;
  margin-left: 5px;
}
.cpValFormatIp lyte-number.vertical {
  border: 0;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-combobox {
  font-family: var(--ff-base);
}
lyte-combobox lyte-dropdown {
  display: block;
  width: 100%;
  max-width: unset;
}
.lyteComboboxButtonSearch.lyteComboboxSearchPresent .lyteDropPlaceholderNormal,
.lyteComboboxButtonSearch.lyteComboboxSearchPresent .lyteDropdownLabel,
lyte-combobox.buttonSearch.lyteComboboxSearchPresent .lyteDropPlaceholderNormal,
lyte-combobox.buttonSearch.lyteComboboxSearchPresent .lyteDropdownLabel {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  padding-left: 20px;
}
.lyteComboboxButtonSearch .lyteDropButtonDown .lyteDropdownLabel,
.lyteComboboxButtonSearch .lyteDropButtonUp .lyteDropdownLabel,
lyte-combobox.buttonSearch .lyteDropButtonDown .lyteDropdownLabel,
lyte-combobox.buttonSearch .lyteDropButtonUp .lyteDropdownLabel {
  opacity: 0.5;
}
.lyteComboboxFiltering .lyteDropPlaceholderNormal,
.lyteComboboxButtonSearch .lyteComboboxFiltering .lyteDropdownLabel {
  opacity: 0;
}
.lyteComboboxBtnSearchInput {
  width: 100%;
}
.lyteInput.lyteComboboxBtnSearchInput[lt-prop-type="search"] .lyteComboboxBtnSearchOrigIpt {
  padding: 0;
  padding-left: 20px;
}
.lyteComboboxBtnSearchInput.lyteInputFocus .lyteField,
.lyteComboboxBtnSearchInput .lyteField:hover,
.lyteComboboxBtnSearchInput .lyteField {
  border: 0;
}
.lyteComboboxBtnSearchInput[lt-prop-type="search"] .searchIcon {
  left: 0;
}
.lyteComboboxDropboxSearch {
  box-sizing: border-box;
  width: 100%;
}
.lyteComboboxDropboxSearch.lyteInputBox {
  padding: 15px;
}
.lyteComboboxFieldLabel {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
  color: #555;
}
.lyteComboboxHorizontal {
  display: flex;
  align-items: center;
}
.lyteComboboxHorizontal .lyteComboboxFieldLabel {
  margin-bottom: 0;
  margin-right: 10px;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
:root,
:host {
  --lyte-text-multiline-linecount: 3;
}
.lyteTextEllipsisNode,
.lyteTextWrapper,
lyte-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
lyte-text {
  max-width: 100%;
}
.lyteTextEllipsisNode::after,
lyte-text::after {
  content: '';
  display: block;
}
.lyteTextNoSpace {
  display: inline-flex;
  align-items: baseline;
}
.lyteTextWrapper {
  vertical-align: text-bottom;
}
.lyteTextSuffix {
  vertical-align: text-bottom;
  display: inline-block;
  pointer-events: none;
}
.lyteTextNoSpace .lyteTextSuffix {
  margin-left: 3px;
}
.lyteTextSuffix > span {
  pointer-events: all;
}
.lyteTextIndividual:last-child .lyteTextComma {
  display: none;
}
.lyteTextSuffixPlaceholder,
.lyteTextRenderDiv {
  position: absolute;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
}
.lyteTextIndividual {
  display: flex;
}
.lyteTextComma {
  white-space: pre;
}
.lyteTextTagWrapper {
  display: inline-flex;
}
.lyteTextNoSpace .lyteTextTagWrapper {
  overflow: hidden;
}
.lyteTextTagYield {
  display: inline-flex;
  overflow: hidden;
}
.lyteTextTagElement {
  background: #f1f1f1;
  color: var(--clr-df);
  padding: 2px 8px;
  border-radius: 2px;
  margin-right: 5px;
  border: 1px solid #e8e8e8;
}
.lyteTextWithMultipleLineContent {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lyte-text-multiline-linecount);
  white-space: normal;
  overflow-wrap: break-word;
}
.lyteTextWithMultipleLineContent::after {
  content: none;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-notice {
  display: block;
}
.lyteNotice {
  padding: 7px 10px;
  margin: 0;
}
.lyteNotice .lyteNoticeContent {
  margin: 0;
}
.lyteSuccessNotice {
  background: rgba(102, 158, 153, 0.1);
  border-left: 10px solid #669e99;
}
.lyteFailureNotice {
  background: rgba(210, 36, 36, 0.1);
  border-left: 10px solid #ff0000;
}
.lyteWarningNotice {
  background: #f7e2a3;
  border-left: 0;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-carousel {
  padding: 0 !important;
  display: block;
  font-family: var(--ff-base);
  width: 100%;
  height: 100%;
  min-height: 150px;
  padding: 15px 0;
}
.lyteCarouselWrapper lyte-yield,
.lyteCarouselWrapper {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  min-height: inherit;
  padding: 0;
  box-sizing: border-box;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  overflow: hidden;
}
lyte-carousel-content {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  min-height: inherit;
  grid-row: 1 / span 2;
  grid-column: 1 / 2;
}
lyte-carousel-item {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: none;
  transform: translateX(0);
  transition: transform 0.2s ease;
  position: absolute;
  justify-content: center;
  align-items: center;
  text-align: center;
  outline: 0;
}
lyte-carousel-item.lyteActive {
  display: flex;
}
.lyteActiveNext {
  display: flex;
  transform: translateX(100%);
  padding-left: 40px;
}
.lyteActivePrev {
  display: flex;
  transform: translateX(-100%);
  padding-right: 40px;
}
.lyteCarouselVertical .lyteActiveNext,
.lyteCarouselVertical .lyteActivePrev {
  padding: 0;
}
lyte-carousel-indicator-item:focus-visible {
  outline-offset: -1px;
}
lyte-carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
lyte-carousel-indicator {
  display: flex;
  max-width: 100%;
  overflow-x: auto;
  margin: 20px auto 0;
  height: fit-content;
  flex-shrink: 0;
}
lyte-carousel-indicator-item {
  width: 10px;
  height: 10px;
  background: #ddd;
  border-radius: 50%;
  margin: 0 10px;
  cursor: pointer;
  font-size: 0;
}
lyte-carousel-indicator-item:hover {
  background: #bbb;
}
lyte-carousel-indicator-item li {
  list-style: none;
}
lyte-carousel-indicator-item.lyteActive {
  background: #5ba1e5;
}
lyte-carousel-next,
lyte-carousel-prev {
  display: flex;
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  z-index: 5;
  top: calc(50% - 25px);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.1s ease;
}
lyte-carousel-prev {
  left: 0;
}
lyte-carousel-next:hover,
lyte-carousel-prev:hover {
  background: transparent;
}
lyte-carousel-next {
  right: 0;
}
lyte-carousel-prev.lyteDisabled,
lyte-carousel-next.lyteDisabled {
  pointer-events: none;
  opacity: 0.5;
}
lyte-carousel-prev::before,
lyte-carousel-next::before {
  content: '';
  background-image: none;
  background-position: -94px -109px;
  width: 9px;
  height: 11px;
}
lyte-carousel-next::before {
  transform: rotate(180deg);
}
.lyteFade lyte-carousel-item {
  display: flex;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.lyteFade lyte-carousel-item.lyteActive {
  opacity: 1;
  z-index: 3;
}
lyte-carousel-sub-item {
  height: 100%;
  margin: 10px;
}
.lyteCarouselFrames lyte-carousel-item.lyteActive {
  flex-wrap: wrap;
  overflow: auto;
}
.lyteCarouselFrames lyte-carousel-sub-item {
  width: 150px;
  height: 200px;
  margin: 10px;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 10px;
  border: 1px solid #ddd;
}
.lyteCarouselVertical .lyteCarouselWrapper > lyte-yield {
  flex-direction: row;
}
.lyteCarouselVertical lyte-carousel-indicator {
  flex-direction: column;
  margin-top: 0;
  overflow-y: auto;
  max-height: 100%;
  margin: auto 0;
  margin-left: 20px;
}
.lyteCarouselVertical lyte-carousel-indicator-item {
  margin: 0;
  margin-bottom: 10px;
}
.lyteCarouselVertical lyte-carousel-next,
.lyteCarouselVertical lyte-carousel-prev {
  left: calc(50% - 15px);
  transform: rotate(90deg);
  top: 0;
}
.lyteCarouselVertical lyte-carousel-next {
  top: unset;
  bottom: 0;
}
.lyteCarouselVertical .lyteActiveNext {
  transform: translateY(100%);
}
.lyteCarouselVertical .lyteActivePrev {
  transform: translateY(-100%);
}
.lyteCarouselIndicatiorItemImg {
  width: 100px;
  height: 60px;
  background: none !important;
  margin: 0 5px;
  position: relative;
  flex-shrink: 0;
  border-radius: 0;
}
.lyteCarouselIndicatiorItemImg img {
  width: 100%;
  height: 100%;
  display: block;
}
.lyteCarouselIndicatorInside lyte-carousel-indicator {
  margin: 0 auto;
  grid-row: 2;
  grid-column: 1 / 2;
  z-index: 5;
  margin-bottom: -10px;
  transition: margin 0.3s linear;
  padding: 1px;
}
.lyteCarouselIndicatorInside .lyteCarouselIndicatiorWrapper {
  margin-bottom: -80px;
}
.lyteCarouselIndicatorInside lyte-carousel-item img {
  object-fit: fill;
}
.lyteActive.lyteCarouselIndicatiorItemImg::after {
  content: "";
  background-color: #71a4e1ba;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.lyteCarouselWrapper.lyteCarouselIndicatorImg lyte-carousel-next,
.lyteCarouselWrapper.lyteCarouselIndicatorImg lyte-carousel-prev {
  top: calc(50% - 60px);
}
.lyteCarouselIndicatorInside.lyteCarouselIndicatorImg lyte-carousel-next,
.lyteCarouselIndicatorInside.lyteCarouselIndicatorImg lyte-carousel-prev {
  top: calc(50% - 20px);
}
.lyteCarouselIndicatorInside .lyteCarouselIndicatiorWrapper:hover,
.lyteCarouselIndicatorInside lyte-carousel-content:hover ~ .lyteCarouselIndicatiorWrapper {
  margin-bottom: 0;
}
.lyteCarouselIndicatorInside lyte-carousel-indicator:hover,
.lyteCarouselIndicatorInside lyte-carousel-content:hover ~ lyte-carousel-indicator {
  margin: auto auto 20px auto;
}
.lyteCarouselIndicatorInside .lyteCarouselIndicatiorWrapper::after {
  content: "";
  display: block;
  background: #00000063;
  width: calc(100% - 90px);
  height: 60px;
  position: absolute;
  z-index: -1;
  left: 45px;
}
.lyteCarouselVertical .lyteCarouselWrapper > lyte-yield,
.lyteCarouselVertical .lyteCarouselWrapper {
  padding: 45px 0;
  grid-template-columns: 1fr auto;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-content {
  grid-column: 1 / span 2;
  grid-row: 1 / 2;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-indicator {
  grid-row: 2/1;
  grid-column: 2;
  margin: auto 0 auto 100%;
  width: fit-content;
}
.lyteCarouselVertical .lyteCarouselIndicatorImg lyte-carousel-next,
.lyteCarouselVertical .lyteCarouselIndicatorImg lyte-carousel-prev {
  left: calc(50% - 70px);
  top: unset;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-next,
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-prev {
  left: calc(50% - 10px);
}
.lyteCarouselVertical .lyteCarouselIndicatorInside .lyteCarouselIndicatiorWrapper::after {
  width: 100px;
  height: calc(100% - 90px);
  left: unset;
  top: 45px;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-indicator-item:first-child {
  margin-top: 0;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-indicator-item:last-child {
  margin-bottom: 0;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-indicator:hover,
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-content:hover ~ lyte-carousel-indicator {
  margin: auto 20px auto 0;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside.lyteCarouselIndicatorImg lyte-carousel-indicator:hover,
.lyteCarouselVertical .lyteCarouselIndicatorInside.lyteCarouselIndicatorImg lyte-carousel-content:hover ~ lyte-carousel-indicator {
  margin-right: unset;
  margin-left: 0;
  box-sizing: border-box;
}
lyte-carousel.lyteCarouselVertical .lyteCarouselWrapper > lyte-yield,
lyte-carousel .lyteCarouselIndicatorInside.lyteCarouselWrapper > lyte-yield {
  padding: 0;
  position: unset;
  margin: 0;
}
toc-carousel lyte-carousel {
  width: 100%;
  height: 240px;
  overflow: hidden;
  margin: 15px 0 0;
  border-radius: 4px;
  background: var(--buttonBgWhiteClr);
  text-align: center;
  border: 1px solid var(--border-clr-sec);
  box-sizing: border-box;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* 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 */
/* Slider CSS ENDS  */
.ui-access-widget-right-panel .lyteRangeSlider {
  height: 2px;
}
.ui-access-widget-right-panel .lyteSliderHandler {
  top: -7px;
}
.ui-reader-custom-slider .lyteRangeSlider.lyteHorizontal {
  margin: 12px 0 0 10px;
}
.ui-reader-custom-slider .lyteRangeSlider.lyteHorizontal .lyteScaleOption {
  background: transparent;
  color: #8d8d8d;
  font-style: italic;
  left: auto;
  top: -26px;
  text-align: right;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* tag styles BEGINS */
lyte-tag {
  position: relative;
  display: block;
}
lyte-tag-label {
  padding-bottom: 5px;
}
lyte-tag lyte-dropdown {
  width: 100%;
  display: inline-block;
}
lyte-tag-description {
  opacity: 0.4;
  font-size: 13px;
  white-space: nowrap;
}
.lyteTagDropdown lyte-drop-item {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
}
.lyteTagDropdown lyte-drop-item.lyteDropdownActive {
  display: none;
}
lyte-tag lyte-dropdown .lyteTagInputLi {
  background: #fff;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  max-width: 100%;
}
lyte-tag lyte-dropdown .lyteTagInputLi input {
  max-width: 100%;
}
lyte-tag .lyteTagItem {
  display: block;
  max-width: 100%;
  -ms-word-wrap: break-word;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
lyte-tag .lyteTagRemoveIcon lyte-drop-button::after {
  display: none;
}
.lyteTagDropdown .lyteTagHidden {
  display: none;
}
.lyteTagDropdown .lyteTagGroupHidden {
  display: none;
}
.lyteTagSingleSelect li {
  background: transparent;
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
  padding-inline-end: 30px;
}
.lyteTagSingleSelect .lyteCloseIcon {
  right: 10px;
  border-radius: 50%;
  height: 18px;
}
.lyteTagSingleSelect li:hover .lyteCloseIcon {
  background: transparent;
}
.lyteTagSingleSelect li .lyteCloseIcon:hover {
  background-color: #e8e8e8;
}
.lyteTagSingleSelect .lyteMultipleSelect {
  font-size: 0;
}
/* import theme overrides - styles */
/* tag styles ENDS */
.ui-wordpress-setting-popover lyte-tag lyte-dropdown {
  width: 100%;
}
.ui-wordpress-setting-popover lyte-tag lyte-dropdown lyte-drop-button {
  padding: 5px 10px 1px;
  height: 90px;
  max-height: 58px;
  overflow-y: scroll;
  background: transparent;
  border-color: var(--textBoxBrClr);
}
.ui-wordpress-setting-popover lyte-tag lyte-dropdown lyte-drop-button:hover,
.ui-wordpress-setting-popover lyte-tag lyte-dropdown lyte-drop-button:focus {
  border-color: var(--themeColor);
}
.ui-wordpress-setting-popover lyte-tag lyte-dropdown .lyteTagInputLi {
  background: transparent;
  padding: 0;
  margin: 0;
  height: 16px;
  border-radius: 0;
  width: 50px;
}
.ui-wordpress-setting-popover lyte-tag .lyteMultipleSelect li {
  --separatorClr: var(--dark-blue);
  height: 16px;
  color: var(--bg-white);
  padding: 1px 8px 1px 5px;
  margin: 0 5px 4px 0;
  border: none;
  float: left;
}
.ui-wordpress-setting-popover lyte-tag .lyteMultipleSelect .lyteCloseIcon {
  background: #2d3842;
  width: 16px;
  height: 16px;
  right: -1px;
}
.ui-wordpress-setting-popover lyte-tag .lyteMultipleSelect .lyteCloseIcon:before {
  filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(240deg) brightness(105%) contrast(100%);
  opacity: 1;
  right: 4px;
}
.ui-wordpress-setting-popover lyte-tag .lyteTagItem {
  font-size: var(--fs-11-widget);
  line-height: 11px;
  padding-right: 13px;
}
lyte-tag.ui-custom-token-field lyte-drop-button input {
  font-size: var(--fs-11-widget);
  line-height: 16px;
}
.lyteTagItem {
  font-size: var(--fs-base-widget);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
  line-height: normal;
}
.lytetokenfield__close {
  display: inline-block;
  position: absolute;
  right: -1px;
  top: 0;
  bottom: -1px;
  background-color: transparent;
  border: 0;
  border-radius: 0 3px 3px 0;
  padding: 0 1px;
  margin: 0;
  cursor: pointer;
}
.lytetokenfield__icon {
  width: 13px;
  height: 13px;
  display: inline-block;
  margin: 2px 3px 2px 0;
  margin-right: 0;
}
.lytetokenfield__icon svg {
  width: inherit;
  height: inherit;
}
.lytetokenfield__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: calc(var(--bdrRadius) - 1px) 0 0 calc(var(--bdrRadius) - 1px);
}
.lytetokenfield__image + .lytetokenfield__close + .lyteTagItem {
  padding-left: 20px;
}
.lyteTagItem {
  padding-right: 13px;
}
.lytetokenfield__image + .lyteTagItem {
  padding-left: 20px;
  padding-right: 13px;
}
.ui-lyte-tag lyte-drop-button {
  max-height: 58px;
  overflow-y: scroll;
  min-height: 28px !important;
  background: var(--textBoxBg) !important;
  border-color: var(--textBoxBrClr);
  padding: 5px 10px 0 !important;
  border-radius: var(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);
  cursor: text;
}
.ui-lyte-tag lyte-drop-button:hover {
  border-color: var(--textBoxBrClr);
  background: var(--textBoxBg);
}
.ui-lyte-tag lyte-drop-button .lyteTagInputLi {
  background: transparent;
}
.ui-lyte-tag lyte-drop-button .lyteTagInputLi input {
  line-height: 16px;
  padding: 0;
}
.ui-lyte-tag .lyteMultipleSelect li {
  /*margin: 0 5px 4px 0;*/
  padding: 0 5px;
  border: 0;
}
.ui-lyte-tag .lytetokenfield__image {
  width: 16px;
  height: 16px;
}
.ui-lyte-tag .lyteTagItem {
  font-size: var(--fs-11-widget);
  line-height: 16px;
}
.ui-lyte-tag .lytetokenfield__icon {
  background: var(--shortCutTextClr);
  border-radius: 0 3px 3px 0;
  padding: 1px;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
}
.ui-lyte-tag .lytetokenfield__svg {
  fill: #fff;
  width: 12px;
  height: 12px;
}
.ui-lyte-tag .ui-error-input {
  border: 1px solid #e14438;
}
.ui-lyte-tag .lyteMultipleSelect .ui-error-token {
  background: #e14438;
  color: #FFFFFF;
}
.ui-lyte-tag .lyteMultipleSelect .ui-error-token .lytetokenfield__icon {
  background: #e14438;
}
.ui-lyte-tag .lyteMultipleSelect .ui-error-token .lytetokenfield__icon .lytetokenfield__svg {
  opacity: 0.7;
}
.ui-lyte-tag .ui-doc-email-input {
  padding: 5px 10px 1px;
}
.ui-lyte-tag .lytetokenfield--image + .ui-lytetokenfield--text {
  padding: 0 20px 0 35px;
  line-height: 23px;
}
.ui-sign-signer-cont .ui-signer-token-field lyte-tag,
.ui-sign-signer-cont .ui-signer-token-field lyte-dropdown,
.ui-sign-signer-cont .ui-signer-token-field .lyteDummyEventContainer {
  height: 100%;
}
.ui-sign-signer-cont .ui-signer-token-field lyte-tag lyte-drop-button {
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  z-index: 1;
  min-height: 26px !important;
}
.ui-sign-signer-cont .ui-signer-token-field lyte-tag .lyteTagInputLi {
  padding: 5px 10px 1px;
  width: 100%;
}
.ui-sign-signer-cont .ui-signer-token-field lyte-tag .lyteTagInputLi input {
  width: 100% !important;
}
.ui-single-sign-signer-cont .ui-signer-token-field .lyteMultipleSelect {
  height: 26px;
}
.ui-single-sign-signer-cont .ui-signer-token-field .lyteMultipleSelect li {
  height: 100%;
  width: 100%;
  background: transparent;
  align-items: center;
}
.ui-single-sign-signer-cont .ui-signer-token-field .lyteMultipleSelect li .lyteTagItem {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: var(--fs-base-widget);
}
.ui-single-sign-signer-cont .ui-signer-token-field lyte-tag lyte-drop-button {
  padding: 0 !important;
  border-radius: 0;
  overflow: hidden;
  z-index: 1;
  min-height: 26px !important;
}
.ui-single-sign-signer-cont .lytetokenfield__image {
  width: 28px;
  height: 26px;
}
.ui-single-sign-signer-cont .lytetokenfield__image + .lyteTagItem {
  padding: 0 15px 0 30px;
}
.ui-single-sign-signer-cont .lytetokenfield__close {
  display: none;
}
.ui-single-sign-signer-cont .lytetokenfield__close {
  justify-content: center;
  align-items: center;
  height: 100%;
}
.ui-single-sign-signer-cont .lytetokenfield__icon {
  margin-right: 5px;
  background: transparent;
}
.ui-single-sign-signer-cont .lytetokenfield__svg {
  fill: grey;
}
.ui-single-sign-signer-cont:hover .ui-signer-token-field {
  /*.ui-condtn-input-icon-container {
				&.lytetokenfield__close { 
					opacity: 1;
					visibility: visible;
	   				transition: .5s;
				}
			}*/
}
.ui-single-sign-signer-cont:hover .ui-signer-token-field .lytetokenfield__close {
  display: inline-flex;
}
.ui-single-sign-signer-cont:hover .close_icon {
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
}
/*.ui-condtn-input-icon-container {
	&.lytetokenfield__close {
	    opacity: 0;
	    visibility: hidden;
	   	top: 0;
	   	right: 0;
	}
	.lytetokenfield__icon {
		margin-right: 3px !important;
		.lytetokenfield__svg {
			fill: var(--themeColor);
		}
	}
}*/
lyte-tag:hover .lytetokenfield__close:hover .lytetokenfield__svg {
  fill: #e14438;
}
lyte-tag:hover .ui-condtn-input-icon-container.lytetokenfield__close:hover .lytetokenfield__svg {
  fill: var(--themeColor);
}
.ui-tokenfield-with-btn email-tokenfield > div,
.ui-tokenfield-with-btn lyte-tag,
.ui-tokenfield-with-btn lyte-dropdown,
.ui-tokenfield-with-btn .lyteDummyEventContainer {
  height: 100%;
}
.ui-signer-passcode-token-field:hover lyte-drop-remove {
  display: flex;
  right: -10px;
}
.ui-signer-passcode-token-field:hover lyte-drop-remove .lytetokenfield__icon {
  margin-right: 0;
}
.ui-tokenfield-fill-dlg .lyteTagItem {
  padding-right: 0;
}
.ui-tokenfield-fill-dlg .lyteTagInputLi {
  background-color: transparent;
}
.ui-table-sort-dialog .ui-single-ztokenfield lyte-drop-button {
  padding: 0;
}
.ui-table-sort-dialog .ui-single-ztokenfield lyte-drop-button .lyteMultiSelect {
  height: 26px;
}
.ui-table-sort-dialog .ui-single-ztokenfield lyte-drop-button .lyteMultiSelect ul {
  height: 100%;
}
.ui-table-sort-dialog .ui-single-ztokenfield lyte-drop-button .lyteMultiSelect ul li {
  padding-left: 5px;
  height: 100%;
  width: 100%;
  align-items: center;
}
.ui-table-sort-dialog .ui-single-ztokenfield lyte-drop-button .lyteMultiSelect ul li .lyteCloseIcon {
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}
.ui-table-sort-dialog .ui-sort-by-time-div {
  margin-right: 10px;
}
.ui-pay-fld-drop lyte-drop-button {
  --textBoxBrClr: transparent;
  --bdrRadius: 0;
  --buttonBrClr: 1px solid transparent;
  min-height: 27px !important;
}
.ui-pay-fld-drop lyte-drop-button:hover {
  --textBoxBrClr: transparent;
  --buttonHoverBrClr: 1px solid transparent;
}
.ui-pay-fld-drop lyte-drop-button .lyteMultipleSelect {
  display: flex;
  justify-content: end;
  height: 20px;
}
.ui-pay-fld-drop lyte-drop-button .lyteMultipleSelect input {
  text-align: right;
  padding-right: 10px !important;
}
.ui-pay-fld-drop lyte-drop-button .lyteMultipleSelect li .lytetokenfield__icon {
  --shortCutTextClr: transparent;
  position: absolute;
  right: -9px;
}
.ui-pay-fld-drop lyte-drop-button .lyteMultipleSelect li .lytetokenfield__icon .lytetokenfield__svg {
  fill: grey !important;
}
.ui-pay-fld-drop lyte-drop-button .lyteMultipleSelect li .lytetokenfield__icon:hover .lytetokenfield__svg {
  fill: var(--noteErrorClr) !important;
}
.ui-pay-fld-drop lyte-drop-button .lyteMultipleSelect li .lyteTagItem {
  --fs-11-widget: var(--fs-base);
}
.ui-pay-fld-drop .ui-email_field_icon.is-active {
  display: none;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
.lyteModalBodyWrapper {
  overflow: hidden;
}
.lyteModalWrapper {
  z-index: 1001;
  overflow: auto;
  z-index: 1040 !important;
  --lyte-modal-zindex: 1040;
  --lyte-modal-transition-duration: 1s;
  position: fixed;
  z-index: var(--lyte-modal-zindex);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
  overflow: hidden;
  pointer-events: none;
}
.lyteBetaModalYield {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.lyteModalWrapper lyte-modal-freeze {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: var(--dialogOverlayBg) !important;
  display: block;
  opacity: var(--lyte-modal-freeze-opacity, 1) !important;
  transition: opacity ease var(--lyte-modal-transition-duration);
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}
.lyteModalDragRunning.lyteModalElement {
  transition-duration: 0;
}
.lyteModalCenterAlign {
  align-items: center;
  justify-content: center;
}
.lyteModalWrapper.lyteModalLeftAlign {
  justify-content: flex-start;
}
.lyteModalWrapper.lyteModalRightAlign {
  justify-content: flex-end;
}
.lyteModalWrapper.lyteModalTopAlign {
  align-items: flex-start;
}
.lyteModalWrapper.lyteModalBottomAlign {
  align-items: flex-end;
}
.lyteModalWrapper.lyteModalVerticalMiddleAlign {
  align-items: center;
}
.lyteModalWrapper.lyteModalHorizontalCenterAlign {
  justify-content: center;
}
.lyteModalWrapper.lyteModalShow {
  display: flex;
}
.lyteModalWrapper.lyteModalFadeAnimation .lyteModalElement {
  opacity: 0;
  transition: opacity var(--lyte-modal-transition-duration) ease;
}
.lyteModalWrapper.lyteModalFadeAnimation.lyteModalShowTransition .lyteModalElement {
  opacity: 1;
}
.lyteModalWrapper.lyteModalZoomAnimation .lyteModalElement {
  transform: scale(0);
  transition: transform var(--lyte-modal-transition-duration) ease;
}
.lyteModalWrapper.lyteModalZoomAnimation.lyteModalPopAnimation .lyteModalElement {
  transform: scale(var(--lyte-modal-zoom-scale-from, 0));
  transition: transform var(--lyte-modal-transition-duration) linear, opacity var(--lyte-modal-transition-duration) linear;
  opacity: 0;
}
.lyteModalWrapper.lyteModalZoomAnimation.lyteModalShowTransition .lyteModalElement {
  transform: scale(1);
}
.lyteModalWrapper.lyteModalZoomAnimation.lyteModalPopAnimation.lyteModalShowTransition .lyteModalElement {
  transform: scale(1);
  opacity: 1;
}
.lyteModalDispNone {
  display: none;
}
.lyteModalWithHeight .lyteBetaModalYield,
.lyteModalWithWidth .lyteBetaModalYield,
.lyteModalWithMaxHeight .lyteBetaModalYield,
.lyteModalWithMaxWidth .lyteBetaModalYield,
.lyteModalScrollable .lyteBetaModalYield,
.lyteModalWithHeight lyte-modal-content,
.lyteModalWithWidth lyte-modal-content,
.lyteModalWithMaxHeight lyte-modal-content,
.lyteModalWithMaxWidth lyte-modal-content,
.lyteModalScrollable lyte-modal-content {
  overflow: auto;
}
.lyteModalWithContentHeight lyte-modal-content {
  flex-grow: 1;
}
.lyteModalElement {
  background: var(--dialogBg);
  box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.1);
  pointer-events: auto;
  position: relative;
  z-index: 10;
  max-height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-family: var(--ff-base);
  border: 0;
  border-radius: 10px;
}
lyte-modal-header {
  background: var(--dialogHeaderBg);
  line-height: 1.3;
  min-height: 30px;
  position: relative;
  font-weight: 700;
  font-size: var(--fs-16-widget);
  color: var(--clr-df);
  font-family: var(--ff-base);
  padding: var(--dialogHeaderPad);
  overflow-wrap: break-word;
}
lyte-modal-content {
  overflow: auto;
  padding: 0 24px;
  font-size: var(--fs-base-widget);
  color: var(--clr-df);
}
lyte-modal-footer {
  background: transparent;
  text-align: right;
  font-size: var(--fs-base-widget);
  padding: 16px;
}
lyte-modal-header,
lyte-modal-content,
lyte-modal-footer {
  display: block;
  box-sizing: border-box;
}
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;
}
.lyteModalHeaderDraggable {
  cursor: move;
  touch-action: none;
}
.lyteModalClose {
  background-image: url(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -52px 0;
  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;
}
.lyteModalWrapper.lyteModalSlideFromLeft .lyteModalElement {
  transition: left var(--lyte-modal-transition-duration) ease, transform var(--lyte-modal-transition-duration) ease;
  left: 0;
  transform: translateX(-100%);
}
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromLeft .lyteModalElement {
  transition: left var(--lyte-modal-transition-duration) ease, transform var(--lyte-modal-transition-duration) ease;
  left: 0;
  transform: translateX(-100%);
}
.lyteModalWrapper.lyteModalSlideFromRight .lyteModalElement {
  transition: right var(--lyte-modal-transition-duration) ease, transform var(--lyte-modal-transition-duration) ease;
  right: 0;
  transform: translateX(100%);
}
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromRight .lyteModalElement {
  transition: right var(--lyte-modal-transition-duration) ease, transform var(--lyte-modal-transition-duration) ease;
  right: 0;
  transform: translateX(100%);
}
.lyteModalWrapper.lyteModalSlideFromTop .lyteModalElement {
  transition: top var(--lyte-modal-transition-duration) ease, transform var(--lyte-modal-transition-duration) ease;
  top: 0;
  transform: translateY(-100%);
}
.lyteModalWrapper.lyteModalSlideFromBottom .lyteModalElement {
  transition: bottom var(--lyte-modal-transition-duration) ease, transform var(--lyte-modal-transition-duration) ease;
  bottom: 0;
  transform: translateY(100%);
}
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromLeft.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromLeft.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromRight.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromRight.lyteModalShowTransition .lyteModalElement {
  transform: translateX(0);
}
.lyteModalWrapper.lyteModalSlideFromBottom.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromTop.lyteModalShowTransition .lyteModalElement {
  transform: translateY(0);
}
.lyteModalWrapper.lyteModalSlideFromTop.lyteModalVerticalMiddleAlign .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromTop.lyteModalCenterAlign .lyteModalElement {
  transform: translateY(calc(-50vh - 50%));
}
.lyteModalWrapper.lyteModalSlideFromBottom.lyteModalVerticalMiddleAlign .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromBottom.lyteModalCenterAlign .lyteModalElement {
  transform: translateY(calc(50vh + 50%));
}
.lyteModalWrapper.lyteModalSlideFromBottom.lyteModalVerticalMiddleAlign.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromTop.lyteModalVerticalMiddleAlign.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromBottom.lyteModalCenterAlign.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromTop.lyteModalCenterAlign.lyteModalShowTransition .lyteModalElement {
  transform: translateY(0);
}
.lyteModalWrapper.lyteModalSlideFromLeft.lyteModalHorizontalCenterAlign .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromLeft.lyteModalCenterAlign .lyteModalElement {
  transform: translateX(calc(-50vw - 50%));
}
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromLeft.lyteModalHorizontalCenterAlign .lyteModalElement,
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromLeft.lyteModalCenterAlign .lyteModalElement {
  transform: translateX(calc(-50vw - 50%));
}
.lyteModalWrapper.lyteModalSlideFromRight.lyteModalHorizontalCenterAlign .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromRight.lyteModalCenterAlign .lyteModalElement {
  transform: translateX(calc(50vw + 50%));
}
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromRight.lyteModalHorizontalCenterAlign .lyteModalElement,
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromRight.lyteModalCenterAlign .lyteModalElement {
  transform: translateX(calc(50vw + 50%));
}
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromLeft.lyteModalHorizontalCenterAlign.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromLeft.lyteModalCenterAlign.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromRight.lyteModalHorizontalCenterAlign.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalIgnoreDirection.lyteModalSlideFromRight.lyteModalCenterAlign.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromRight.lyteModalHorizontalCenterAlign.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromLeft.lyteModalHorizontalCenterAlign.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromRight.lyteModalCenterAlign.lyteModalShowTransition .lyteModalElement,
.lyteModalWrapper.lyteModalSlideFromLeft.lyteModalCenterAlign.lyteModalShowTransition .lyteModalElement {
  transform: translateX(0);
}
.lyteModalYieldWithPadding {
  display: flex;
  flex-direction: column;
  max-height: inherit;
  height: inherit;
  padding: var(--lyte-modal-yield-padding);
  box-sizing: border-box;
}
.lyteModalWrapper.lyteModalSlideFromBottomWithTopOffset {
  align-items: flex-start;
}
.lyteModalWrapper.lyteModalSlideFromTopWithBottomOffset {
  align-items: flex-end;
}
.lyteModalWrapper.lyteModalSlideFromRightWithLeftOffset {
  justify-content: flex-start;
}
.lyteModalWrapper.lyteModalSlideFromLeftWithRightOffset {
  justify-content: flex-end;
}
.lyteModalSlideFromBottomWithTopOffset .lyteModalElement {
  top: var(--lyte-modal-offset-top);
  bottom: unset !important;
}
.lyteModalSlideFromTopWithBottomOffset .lyteModalElement {
  bottom: var(--lyte-modal-offset-bottom);
  top: unset !important;
}
.lyteModalSlideFromRightWithLeftOffset .lyteModalElement {
  left: var(--lyte-modal-offset-left);
  right: unset !important;
}
.lyteModalSlideFromLeftWithRightOffset .lyteModalElement {
  right: var(--lyte-modal-offset-right);
  left: unset !important;
}
.lyteModalResizeNodeWrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.lyteModalResizeNode {
  height: 25px;
  width: 25px;
  pointer-events: auto;
  position: absolute;
  z-index: 1;
}
.lyteModalBottomNode,
.lyteModalTopNode {
  left: 50%;
  transform: translateX(-50%);
  cursor: ns-resize;
}
.lyteModalTopNode {
  top: 0;
  border-top: 2px solid #5ba1e5;
}
.lyteModalBottomNode {
  bottom: 0;
  border-bottom: 2px solid #5ba1e5;
}
.lyteModalLeftNode,
.lyteModalRightNode {
  top: 50%;
  transform: translateY(-50%);
  cursor: ew-resize;
}
.lyteModalLeftNode {
  left: 0;
  border-left: 2px solid #5ba1e5;
}
.lyteModalRightNode {
  right: 0;
  border-right: 2px solid #5ba1e5;
}
.lyteModalCornerResize {
  z-index: 2;
}
.lyteModalTopLeftNode {
  top: 0;
  left: 0;
  border-left: 2px solid #5ba1e5;
  border-top: 2px solid #5ba1e5;
  cursor: nwse-resize;
}
.lyteModalTopRightNode {
  top: 0;
  right: 0;
  border-right: 2px solid #5ba1e5;
  border-top: 2px solid #5ba1e5;
  cursor: nesw-resize;
}
.lyteModalBottomLeftNode {
  bottom: 0;
  left: 0;
  border-left: 2px solid #5ba1e5;
  border-bottom: 2px solid #5ba1e5;
  cursor: nesw-resize;
}
.lyteModalBottomRightNode {
  bottom: 0;
  right: 0;
  border-right: 2px solid #5ba1e5;
  border-bottom: 2px solid #5ba1e5;
  cursor: nwse-resize;
}
.lytePopupDragFreezeLayer {
  opacity: 0 !important;
  background: transparent !important;
}
.lyteModalHideFreeze {
  opacity: 0 !important;
}
lyte-modal-content.ui-webhook-dialog {
  padding-top: 0;
}
/* 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: 10px;
  border: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.bodyWrapper {
  overflow: hidden;
}
.modalWrapper {
  z-index: 1040 !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  position: fixed;
  overflow: auto;
}
.modalWrapper.noFreeze {
  pointer-events: none;
}
.modalWrapper.noFreeze .lyteModal {
  pointer-events: auto;
}
lyte-modal-header {
  background: var(--dialogHeaderBg);
  line-height: 1.3;
  min-height: 30px;
  position: relative;
  font-weight: 700;
  font-size: var(--fs-16-widget);
  color: var(--clr-df);
  font-family: var(--ff-base);
  padding: var(--dialogHeaderPad);
  overflow-wrap: break-word;
}
lyte-modal-content {
  overflow: auto;
  padding: 0 24px;
  box-sizing: border-box;
  font-size: var(--fs-base-widget);
  color: var(--clr-df);
}
.modalWrapper.noFreeze lyte-modal-content {
  overscroll-behavior: contain;
}
lyte-modal-footer {
  background: transparent;
  text-align: right;
  font-size: var(--fs-base-widget);
  padding: 16px;
}
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) !important;
  display: block;
  opacity: 1 !important;
  transition: opacity ease 0.15s;
  transform: translate3d(0, 0, 0);
}
.lyteModalClose {
  background-image: url(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -52px 0;
  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;
}
.lyteModalElementOutOfView {
  display: block;
  visibility: hidden;
}
.lyteModalElementOutOfView .lyteModal {
  left: -9999px;
  top: -9999px;
}
/* import theme overrides - styles */
/* modal Styles ENDS */
.lyteModalClose,
.lytePopoverClose {
  background: 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>');
}
lyte-modal-header .lytebutton--icononly {
  display: flex;
}
lyte-modal-header .lytebutton__icon {
  width: 20px;
  height: 20px;
}
lyte-modal-footer {
  --buttonPadTB: 7px;
  --bdrRadius: 4px;
  display: flex !important;
  gap: 10px;
}
lyte-modal-footer.right {
  justify-content: flex-end;
}
lyte-modal-footer button {
  min-width: 68px;
}
.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: var(--fs-base-widget);
  border-bottom: 0 solid;
  width: auto;
  text-transform: uppercase;
  color: var(--clrBlkInvrs);
  font-weight: 600;
}
.ui-lyte-dialog .ui-panel-help-icon:before {
  width: 18px;
  height: 18px;
}
.ui-date-format-adj-width .lyteModal {
  width: 700px !important;
  overflow: unset;
  transition: all 0.6s !important;
}
.ui-lyte-dialog .ui-input-wd-full .lyteField {
  height: var(--buttonHeight);
}
.ui-lyte-dialog .ui-input-wd-full input {
  padding: 3px 44px 3px 10px;
  height: 100%;
}
.ui-lyte-dialog .ui-insert-img-clear {
  right: 10px;
  top: 5px;
  font-size: var(--fs-12-widget);
  z-index: 2;
}
.ui-mailmerge-dialog-container lyte-modal-content {
  padding-left: 0;
  padding-right: 0;
}
.ui-zsign-func-dlg lyte-modal-content {
  padding: 0 20px 0 0;
  min-height: 554px;
  height: auto !important;
}
.ui-zw-extn-dialog lyte-modal-content {
  background: var(--ziaPanelBg);
  padding: 10px 24px;
}
.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-extension-card .ui-vflip-cont {
  margin-bottom: 0;
  width: 49.2%;
  position: relative;
}
.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;
  padding: 24px;
}
.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;
}
.ui-lyte-dialog .ui-imp-dlg-browse {
  top: 0;
}
.ui-pfill-drafted-info-dlg .lyteModalElement {
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
}
.ui-pfill-drafted-info-dlg .lyteModalElement lyte-modal-content {
  padding: 35px 25px 40px;
  height: 100%;
  border: 0;
}
.ui-pro-bk-dialog {
  border-radius: 0 !important;
}
.ui-pro-bk-dialog .lyteModalElement {
  border-radius: 20px;
  font-family: 'Lato 2', sans-serif;
  text-align: center;
  transition: all 0.3s;
}
.ui-pro-bk-dialog .lyteModalElement lyte-modal-content {
  border: 0;
  padding: 20px 50px;
  color: var(--propackSecTxtClr);
}
.ui-pro-bk-dialog .lyteModalElement lyte-modal-content .ui-ppstats-lcount {
  width: 196px;
  min-height: 97px;
  padding-left: 15px;
  font-weight: 700;
}
.ui-pro-bk-dialog .lyteModalElement lyte-modal-content .ui-ppstats-pts-ttl {
  font-size: 13px;
  font-weight: 500;
}
.ui-pro-bk-dialog .lyteModalElement lyte-modal-content .ui-ppstats-category {
  background: #F5F5F5;
  border: 1px solid #0000000D;
  border-radius: 4px;
  padding: 25px 15px;
  color: #555572;
}
.ui-pro-bk-dialog .lyteModalElement lyte-modal-content .ui-ppstats-category .ui-ppstats-category-wrap {
  padding: 0 53px;
}
.ui-pro-bk-dialog .lyteModalElement lyte-modal-content .ui-ppstats-caty-ttl {
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 12px;
  text-align: center;
}
.ui-pro-bk-dialog .lyteModalElement lyte-modal-content .ui-ppstats-limits-view {
  font-size: 14px;
  font-weight: 700;
}
.ui-pro-bk-dialog .lyteModalElement lyte-modal-content .ui-ppstats-limit-why {
  right: -29px;
  font-weight: 500;
  font-size: 11px;
  top: 12px;
}
.ui-pro-credit-dialog lyte-modal-header {
  border: 0;
  box-shadow: none;
  padding: 20px 0 0 0;
  text-transform: none;
  color: var(--propackSecTxtClr);
  font-weight: 400;
}
.ui-pro-credit-dialog lyte-modal-header .ui-propack-plan-summary {
  margin: 0;
}
.ui-pro-credit-dialog lyte-modal-footer {
  border: 0;
  padding-right: 30px;
}
.ui-pro-bk-dialog1 .lyteModalElement {
  text-align: left;
  font-size: 14px;
}
.ui-pro-bk-dialog1 .lyteModalElement lyte-modal-content {
  padding: 30px 30px 20px 30px;
}
.ui-pro-bk-dialog1 .lyteModalElement lyte-modal-footer {
  border: 0;
  padding: 0 30px 30px 30px;
}
.ui-pro-bk-dialog1 .lyteModalElement lyte-modal-header {
  padding: 30px 30px 0;
}
lyte-modal-content.ui-helppanel {
  position: static;
  height: 100%;
  padding: 0;
}
.ui-record-dlg .lyteModalElement,
.ui-screen-dlg .lyteModalElement {
  border-radius: 10px;
}
.ui-record-dlg lyte-modal-header,
.ui-screen-dlg lyte-modal-header {
  background: transparent;
  box-shadow: none;
  text-transform: capitalize !important;
  font-size: 18px;
  font-weight: 600;
}
.ui-record-dlg lyte-modal-header,
.ui-screen-dlg lyte-modal-header,
.ui-record-dlg lyte-modal-content,
.ui-screen-dlg lyte-modal-content,
.ui-record-dlg lyte-modal-footer,
.ui-screen-dlg lyte-modal-footer {
  border: transparent;
}
.ui-record-dlg lyte-modal-header {
  padding: 25px 25px 0 25px;
}
.ui-record-dlg lyte-modal-content {
  padding: 10px 25px 20px;
}
.ui-screen-dlg.lyteModalWrapper {
  top: 0 !important;
}
.ui-screen-dlg lyte-modal-header {
  padding: 20px;
}
.ui-screen-dlg lyte-modal-content {
  border-top: 1px solid var(--secBrLight);
  padding: 20px 25px 20px;
  height: auto;
}
.ui-pfill-drafted-info-dlg .lyteModalElement {
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
}
.ui-pfill-drafted-info-dlg .lyteModalElement lyte-modal-content {
  padding: 35px 25px 40px;
  height: 100%;
  border: 0;
}
.ui-adv-autoamtion-builder-dialog .lyteModalElement {
  overflow: hidden;
}
.ui-adv-autoamtion-builder-dialog lyte-modal-content {
  padding: 0;
}
.ui-mmhistory lyte-modal-content {
  padding-left: 0;
}
.lyteModal .ui-source-seperator span {
  background: var(--dialogBg);
}
.ui-webhook-dialog lyte-modal-header {
  z-index: 5;
  background: var(--bg-white) !important;
}
.ui-webhook-dialog lyte-modal-content {
  padding: 0 25px 20px !important;
  height: 615px !important;
}
.ui-webhook-dialog lyte-modal-content .ui-webhook-cont {
  top: 0;
  height: 100% !important;
}
.ui-wf-status-dlg .lyteModalYield {
  height: 100%;
}
.ui-advanced-find-replace-dialog .lyteModal {
  border: 1px solid var(--menuBrClr);
}
.ui-advanced-find-replace-dialog lyte-modal-content {
  padding-top: 3px;
  padding-bottom: 20px;
}
.ui-email-notify-dlg .lyteRadioLayer {
  flex-shrink: 0;
}
.ui-new-editor-onboarding-dlg .lyteModalElement {
  border-radius: 20px;
}
.ui-fam-menu-toolbar-layout {
  padding: 24px;
}
.ui-fam-menu-toolbar-cont {
  max-width: 770px;
}
.ui-fam-menu-toolbar-ttl {
  font-size: var(--fs-24-widget);
}
.ui-fam-menu-toolbar-desc {
  color: #4D4D4D;
  font-size: var(--fs-14-widget);
}
.ui-fam-menu-toolbar-desc span {
  color: var(--clr-df-dark);
}
@media (max-height: 768px) {
  .ui-new-editor-onboarding-img {
    max-height: calc(100vh - 140px);
  }
}
@media (max-height: 480px) {
  .ui-new-editor-onboarding-img {
    max-width: 100%;
    height: auto;
  }
}
.ui-shortcuts-dialog lyte-tab-title {
  font-weight: 400 !important;
}
.ui-shortcuts-dialog lyte-tab-title.lyteTabActive {
  font-weight: 600 !important;
}
.ui-shortcuts-dialog .ui-key-short-pTop span:first-child {
  font-weight: 400;
  --fs-14-widget: var(--fs-base-widget);
}
.ui-qp-manage-dlg lyte-modal-content {
  overflow: hidden;
}
.ui-qp-manage-dlg lyte-modal-content .ui-quick-empty-list {
  height: 320px;
}
.ui-qp-manage-dlg lyte-modal-content .ui-quick-empty-list .lytePrimaryBtn {
  --bdrRadius: 4px;
  --buttonPadTB: 8px;
  --buttonPadLR: 8px;
}
.ui-qp-manage-dlg .ui-qp-search-res {
  width: 560px !important;
}
.ui-qp-manage-dlg .ui-qp-search-res .ui-qp-list-body {
  max-height: 270px !important;
}
.ui-qp-manage-col {
  height: 350px;
}
.ui-qp-manage-col.ui-qp-manage-categories {
  border-right: 1px solid var(--separatorClr);
  width: 270px;
}
.ui-qp-manage-col .ui-qp-insert-preview {
  border: 1px solid var(--separatorClr);
}
.ui-qp-manage-col .ui-qp-manage-file-list,
.ui-qp-manage-col .ui-qp-insert-preview {
  height: calc(100% - 29px);
}
.ui-qp-insert-preview {
  border: 1px solid var(--separatorClr);
  height: 320px;
  width: 280px;
  border-radius: 4px;
}
.ui-qp-insert-preview .ui-mx-w-130 {
  max-width: 130px;
}
.ui-qp-preview-img {
  object-fit: contain;
}
.ui-qp-append-view {
  background: var(--cmtReplyBg);
  border: 1px solid var(--separatorClr);
  border-radius: var(--bdrRadius);
  width: 300px;
  height: 383px;
}
.ui-qp-split-panel .ui-qp-preview-wrap {
  min-height: 152px;
  max-height: 152px;
  background: var(--bg-white);
  border-radius: var(--bdrRadius);
  border: 1px solid var(--separatorClr);
  padding: 10px;
}
.ui-qp-insert-dlg-left {
  flex: 2;
  width: 360px;
}
.ui-qp-insert-dlg-left .ui-left-sep:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 16px;
  background: var(--border-clr-sec);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ui-qp-insert-dlg-left .ui-qp-panel-pad-right {
  padding-right: 60px;
}
.ui-qp-list-header {
  padding: 0 10px;
}
.ui-qp-list-header .ui-qp-header {
  color: var(--saveMsgTextClr);
}
.ui-qp-list-body {
  max-height: 297px;
}
.ui-qp-list-body .ui-qp-list-item {
  padding: 7px 10px 7px 10px;
  border-radius: 4px;
}
.ui-qp-list-body .ui-qp-list-item:hover {
  background: var(--menuActiveBg);
}
.ui-qp-list-body .ui-qp-list-item .ui-qp-options {
  display: none !important;
}
.ui-qp-list-body .ui-qp-list-item:hover .ui-qp-options {
  display: flex !important;
}
.ui-qp-skeleton-loader .ui-qp-skeleton-lt,
.ui-qp-skeleton-loader .ui-qp-skeleton-rt {
  height: 28px;
}
.ui-qp-skeleton-loader .ui-line-loader {
  border-radius: 4px;
}
.ui-qp-search-res {
  width: 360px;
}
.ui-qp-preview-html-wrap {
  height: calc(100% - 25px);
}
.ui-qp-preview-html-wrap .ui-qp-preview-html {
  max-height: 350px;
  border: 1px solid var(--separatorClr);
}
.ui-qp-list-opt .ui-w-137 {
  width: 137px;
}
.ui-quickparts-templates-dlg lyte-tab-body {
  padding-left: 20px !important;
}
.ui-quickparts-templates-dlg lyte-tab-title {
  font-weight: 400 !important;
}
.ui-quickparts-templates-dlg lyte-tab-title.lyteTabActive {
  font-weight: 600 !important;
}
.ui-quickparts-templates-dlg lyte-tab-title:hover {
  background: var(--buttonActiveClr) !important;
}
.ui-quickparts-templates-dlg .ui-qp-insert-preview {
  height: 493px;
  background: var(--cmtReplyBg);
  border: 1px solid var(--separatorClr);
  border-radius: 4px;
}
.ui-quickparts-templates-dlg .ui-qp-insert-preview .ui-qp-preview-html {
  padding: 10px;
  background: var(--bg-white);
}
.ui-quickparts-templates-dlg .ui-qp-skeleton-loader .ui-line-loader {
  height: 140px;
}
.ui-qpt-folder-tabs {
  height: 540px !important;
}
.ui-qpt-folder-tabs lyte-yield {
  width: 100%;
}
.ui-qpt-card-container {
  height: calc(100% - 59px);
}
.ui-qpt-files-grid .ui-qp-insert-preview,
.ui-qpt-preview-content .ui-qp-insert-preview {
  width: 100%;
}
.ui-qpt-grid-container {
  max-height: 460px;
}
.ui-qpt-grid-container .ui-qp-card-active .ui-qpt-template-card-desc {
  border: 1px solid var(--themeColor);
}
.ui-qpt-grid-container .ui-qp-card-active .ui-qpt-clr-txt {
  color: var(--themeColor);
}
.ui-qpt-grid-container .ui-qpt-template-card-desc {
  border-bottom: 1px solid var(--separatorClr);
  border-radius: 4px;
  width: 303px;
  height: 140px;
}
.ui-qpt-grid-container .ui-qpt-template-card-desc .ui-qpt-card-thumbnail-inner {
  background: var(--bg-white);
  padding: 6px;
}
.ui-qpt-grid-container .ui-qpt-template-card-desc:hover .ui-qpt-temp-card-btn {
  transform: translateY(0);
}
.ui-qpt-grid-container .ui-qpt-temp-card-btn {
  bottom: 0;
  left: 0;
  background: var(--teritary-BorderClr);
  transform: translateY(45px);
  transition: 0.6s ease;
  z-index: 4;
}
.ui-qpt-grid-container .ui-qpt-temp-card-btn lyte-button:first-of-type button {
  --buttonBgClr: var(--themeBlue2);
  --clr-df: var(--clr-white);
}
.ui-qpt-grid-container .ui-qpt-temp-card-btn lyte-button:first-of-type button:hover {
  --buttonHoverBgClr: var(--themeBlue2);
}
.ui-qpt-grid-container .ui-qpt-temp-card-btn lyte-button:last-of-type button {
  --buttonBgClr: var(--bg-white);
}
.ui-qpt-grid-container .ui-qpt-temp-card-btn lyte-button:last-of-type button:hover {
  --buttonHoverBgClr: var(--bg-white);
}
.ui-quick-docu-btn button {
  --buttonPadTB: 3px;
  --buttonPadLR: 3px;
}
.ui-qpt-preview-btn button {
  --buttonPadLR: 7px;
}
.ui-qpt-grey-txt {
  color: var(--saveMsgTextClr);
}
.ui-ai-formula-assistant-dlg lyte-modal-content {
  padding-bottom: 20px;
}
.ui-mm-subform-dlg .lyteModalElement {
  width: 430px !important;
}
.ui-playbook-check-dialog lyte-modal-header {
  --dialogHeaderPad: 16px 20px;
}
.ui-playbook-check-dialog lyte-modal-content {
  padding: 0 20px;
}
.ui-playbook-check-dialog lyte-modal-footer {
  padding: 20px;
}
.ui-playbook-check-dialog lyte-modal-footer .lyteSecondary {
  background: var(--bg-white);
  color: var(--ziaParaClr);
}
.lyteModalWrapper,
.modalWrapper {
  z-index: 1040 !important;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
.bodyWrapper {
  overflow: hidden;
}
.lytePopoverWrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  position: fixed;
  pointer-events: none;
}
.lytePopoverVisibilityHidden {
  visibility: hidden;
}
.lytePopoverElement {
  display: flex;
  flex-direction: column;
  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: 'LatoRegular', 'Open Sans', sans-serif;
  pointer-events: auto;
}
.lytePopoverYield {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
}
.lytePopoverFadeAnimation .lytePopoverElement {
  opacity: 1;
}
.lytePopoverWrapper lyte-popover-freeze {
  opacity: 0.5;
  pointer-events: auto;
  transition: opacity 0.4s ease;
}
.lytePopoverWrapper.lytePopoverOpening .lytePopoverElement,
.lytePopoverWrapper.lytePopoverClosing .lytePopoverElement,
.lytePopoverWrapper.lytePopoverOpening,
.lytePopoverWrapper.lytePopoverClosing {
  pointer-events: none;
}
.lytePopoverPop .lytePopoverElement,
.lytePopoverZoom .lytePopoverElement {
  transition: transform 0.4s ease, opacity 0.4s ease;
  transform: scale(0);
}
.lytePopoverPopAnimation .lytePopoverElement,
.lytePopoverZoomAnimation .lytePopoverElement.lyteZoom {
  transform: scale(1);
  opacity: 1;
}
.lytePopoverPop .lytePopoverLeft {
  transform-origin: top right;
}
.lytePopoverPop .lytePopoverLeftCenter {
  transform-origin: center right;
}
.lytePopoverPop .lytePopoverLeftBottom {
  transform-origin: bottom right;
}
.lytePopoverPop .lytePopoverTopLeft {
  transform-origin: bottom left;
}
.lytePopoverPop .lytePopoverTop {
  transform-origin: bottom center;
}
.lytePopoverPop .lytePopoverTopRight {
  transform-origin: bottom right;
}
.lytePopoverPop .lytePopoverRight {
  transform-origin: top left;
}
.lytePopoverPop .lytePopoverRightCenter {
  transform-origin: center left;
}
.lytePopoverPop .lytePopoverRightBottom {
  transform-origin: bottom left;
}
.lytePopoverPop .lytePopoverBottom {
  transform-origin: top center;
}
.lytePopoverPop .lytePopoverBottomLeft {
  transform-origin: top left;
}
.lytePopoverPop .lytePopoverBottomRight {
  transform-origin: top right;
}
.lytePopoverWrapper.scrollable {
  overflow: hidden;
}
.lytePopoverWrapper.scrollable .lytePopoverContent {
  overflow: auto;
}
.lytePopoverWrapper.scrollable .lytePopoverElement {
  max-height: 100%;
}
lyte-popover-header {
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  font-size: 16px;
  color: var(--clr-df);
}
lyte-popover-header,
lyte-popover-content,
lyte-popover-footer {
  display: block;
  box-sizing: border-box;
  padding: 10px;
}
.lytePopoverElement lyte-popover-content {
  overflow: auto;
}
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;
  transition: opacity ease 0.15s;
  transform: translate3d(0, 0, 0);
}
.lytePopoverClose {
  background-image: url(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  background-position: -52px 0;
  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;
}
.lytePopoverHide,
.lytePopoverDispNone {
  display: none;
}
.lytePopupDragFreezeLayer {
  opacity: 0 !important;
  background: transparent !important;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Radiobutton CSS BEGINS */
lyte-radiobutton {
  line-height: normal;
  color: var(--clr-df);
  font-family: var(--ff-base);
  font-size: 13px;
  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: 6px;
  vertical-align: middle;
  background: var(--checkBoxBgClr);
  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(--switchOnBg);
}
lyte-radiobutton .on-off-sw:checked:focus + .lyteRadioSwitch {
  box-shadow: none;
}
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(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  -webkit-mask-position: -33px -15px;
  mask-image: url(../../images/sprite_lyte.bf374e37553e803f86d09f974b94988e.svg);
  mask-position: -33px -15px;
  display: block;
  content: "";
  background-color: #fcfdff;
  width: 9px;
  height: 7px;
}
/* import theme overrides - styles s*/
/* Radiobutton CSS ENDS */
.ui-indent-hanging {
  height: auto !important;
}
.ui-indent-hanging .ui-radio-btn-wrap {
  line-height: normal;
  margin-bottom: 2px;
}
.ui-indent-hanging lyte-radiobutton:first-child {
  margin-right: 9px;
}
.ui-indent-hanging lyte-radiobutton label {
  display: flex;
  align-items: center;
}
.ui-page-borders-btns .lyteRadioLayer,
.ui-tbl-theme-li .lyteRadioLayer,
.ui-img-wrap-container .lyteRadioLayer {
  display: none;
}
lyte-radiobutton.ui-page-bdr-item:has(input[type="radio"]:checked) {
  background-color: var(--buttonActiveClr);
  border: 1px solid var(--themeColor) !important;
}
lyte-radiobutton.ui-page-bdr-item .lyteRadioBtn {
  width: 100%;
  height: 100%;
  justify-content: center;
}
lyte-radiobutton.ui-page-bdr-item:has(input[type="radio"]:checked) {
  background-color: var(--buttonActiveClr);
  border: 1px solid var(--themeColor) !important;
}
lyte-checkbox label,
lyte-radiobutton label {
  display: flex !important;
  align-items: center;
}
lyte-checkbox.ui-insert-fields-lock-button label,
lyte-checkbox.ui-zw-btn-group-vcombo label {
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
}
.ui-tp-wq-lists lyte-checkbox label,
.ui-wq-more-options lyte-checkbox label {
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
}
.ui-zoom-page-radio-btn .lyteRadioBtnGroupVertical {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ui-zoom-page-radio-btn lyte-radiobutton input[type="radio"] {
  margin-left: 0;
  opacity: 1;
}
.ui-zoom-page-radio-btn .lyteRadioLabel {
  padding-left: 20px;
}
.ui-row-ht-properties lyte-radiobutton {
  margin-right: 9px;
}
.ui-radio-grp1-with-2btns lyte-radiobutton:first-child label,
.ui-radio-grp1-with-2btns lyte-radiobutton:not(:last-of-type) label {
  margin-right: 40px;
}
.ui-qrtype-list lyte-radiobutton {
  width: calc(25% - 4px);
  margin-right: 0;
}
.ui-conditional-rbtn lyte-radiobutton {
  font-size: 14px;
  margin-right: 55px;
  margin-left: 5px;
  margin-bottom: 0;
}
/*.ui-radio-grplbl-margin-lg {
	lyte-radiobutton {
		margin-right: 22px;
	}
}*/
lyte-modal-content .ui-lyte-radio-grp1 label {
  font-weight: 400;
}
.ui-lyte-radio-grp1.ui-radio-grp-tab lyte-radiobutton {
  padding: 6px 8px;
  margin: 0 !important;
  border-radius: var(--bdrRadius) var(--bdrRadius) 0 0;
}
.ui-lyte-radio-grp1 lyte-radiobutton:last-child label {
  margin-right: 0;
  margin-bottom: 0;
}
.ui-distribute-rbtn lyte-radiobutton:not(:last-of-type) {
  margin-right: 55px;
}
lyte-radiobutton {
  /*input[type=radio] {
		&:checked ~ .lyteRadioLayer+span {
			font-weight: 600;
		}
	}*/
}
lyte-radiobutton .lyteRadioLayer + span {
  font-weight: 400;
}
.ui-pop-2c-variable lyte-radiobutton label {
  margin: 0 15px 7px 0;
}
.ui-pop-2c-variable lyte-radiobutton:last-of-type label {
  margin: 0;
}
.ui-radio-grp-tab lyte-radiobutton {
  padding: 6px 8px;
  margin: 0;
  border-radius: var(--bdrRadius) var(--bdrRadius) 0 0;
}
.ui-radio-grp-tab lyte-radiobutton.ui-active {
  background-color: var(--buttonBgClr);
}
.ui-radiostatebtn-with-icon lyte-radiobutton input[type=radio] {
  display: block;
}
lyte-radiobutton .lytePrimary input[type="radio"]:focus-visible + .lyteRadioLayer {
  outline: 1px solid var(--themeColor);
}
lyte-radiobutton input[type="radio"]:focus-visible + .lyteRadioLayer {
  outline: 1px solid var(--themeColor);
}
.lyte-radio-buttononly .lyteRadioLayer {
  display: none;
}
.lyte-radio-buttononly .lyteRadioLabel {
  border: 1px solid var(--microTlBrTooltipBg);
  padding: 5px;
  border-radius: var(--bdrRadius);
}
.lyte-radio-buttononly .lyteRadioLabel:hover {
  border-color: var(--themeColor);
}
.lyte-radio-buttononly .lyteRadioBtn input:checked ~ .lyteRadioLabel {
  background-color: var(--buttonActiveClr);
  border-color: var(--themeColor);
}
.ui-dictinary-radio .lyteRadioLayer {
  margin-right: 10px;
}
.ui-dlg-scroll-fix lyte-radiobutton label {
  display: block !important;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-PROGRESSBAR BEGINS  */
.lyteProgressBar {
  position: relative;
}
.lyteProgressBar.lyteHorizontal {
  height: 14px;
  width: calc(100% - 200px);
  background: #e5e5e5;
  border-radius: 8px;
  text-align: start;
}
.lyteProgressBar .lyteProgressStatus {
  display: block;
  height: 100%;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  background: #51a2ee;
  color: #fff;
  transition: width 0.25s;
}
.lyteProgressBar .lyteProgressStatus .progressMovingObj,
.lyteProgressBar .lyteProgressStatusStack .progressMovingObj {
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  background-image: linear-gradient(-45deg, rgba(221, 221, 221, 0.29) 25%, transparent 25%, transparent 50%, rgba(221, 221, 221, 0.29) 50%, rgba(221, 221, 221, 0.29) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  animation: move 1s linear infinite;
  border-radius: 20px;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 20px 20px;
  }
}
.lyteProgressBar .lyteProgressPercentage {
  font-family: var(--ff-base);
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  z-index: 10;
}
.lyteProgressBar.lyteProgressCompleted .lyteProgressStatusVertical,
.lyteProgressBar.lyteProgressCompleted .lyteProgressStatus {
  background: #3fbd5f;
}
/*  Radial progress bar related CSS -- BEGINS   */
.lyteProgressBar.lyteCircle {
  width: 100px;
  height: 100px;
}
.lyteProgressBar .lyteCircleType {
  position: relative;
  display: inline-block;
  height: 100%;
}
.lyteCircleType svg {
  font-family: var(--ff-base);
  font-size: 17px;
  fill: var(--clr-df);
}
.lyteProgressBar.lyteCircle .svgValueEle {
  transform: rotate(-90deg);
}
.lyteProgressBar.lyteCircle circle:first-child {
  stroke: #dce0e3;
}
.lyteCircle .ltProgressFillCircle {
  stroke: #51a2ee;
}
.lyteProgressCompleted.lyteCircle .ltProgressFillCircle {
  stroke: #3fbd5f;
}
.lyteProgressBar.lyteCircle circle {
  transition: stroke-dashoffset 0.25s linear;
}
/*  Radial progress bar related CSS -- ENDS   */
/*  Indeterminate horizontal progress bar related CSS -- BEGINS   */
.lyteIndeterminate {
  overflow: hidden;
}
.inc {
  animation: increase 2s infinite;
}
.dec {
  animation: decrease 2s 0.5s infinite;
}
@keyframes increase {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@keyframes decrease {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}
/*  Indeterminate horizontal progress bar related CSS -- ENDS   */
/*  stacked progress bar related CSS -- BEGINS   */
.lyteStacked,
.lyteProgressStatusStack {
  display: flex;
  overflow: hidden;
}
.lyteStacked .lyteProgressStatusStack {
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: #007bff;
  transition: width 2s linear;
}
.lyteProgressBarWithLineSeparator.lyteStacked {
  overflow: visible;
}
.lyteProgressBarWithLineSeparator .lyteProgressStatusStack:first-child {
  border-radius: 8px 0 0 8px;
}
.lyteProgressBarWithLineSeparator .lyteProgressStatusStack:last-child {
  border-radius: 0 8px 8px 0;
}
.lyteProgressBarWithLineSeparator .lyteProgressStatusStack:only-child {
  border-radius: 8px;
}
.lyteProgressBarLineSeparator {
  width: 1px;
  height: 100%;
  padding: 5px 0;
  background: #000;
  transform: translate(0, -5px);
}
/*  stacked progress bar related CSS -- ENDS   */
/*  vertical progress bar related CSS -- BEGINS   */
.lyteProgressBar.lyteVertical {
  background-color: #e5e5e5;
  background-position: 50% 50%;
  border-radius: 8px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.lyteProgressBar .lyteProgressStatusVertical {
  border-radius: 8px;
  background: #51a2ee;
  width: 100%;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: height 0.25s;
  left: 0;
  height: 0;
}
.lyteProgressStatusVertical.up {
  bottom: 0;
}
.lyteProgressStatusVertical.down {
  top: 0;
}
.lyteProgressStatusVertical .lyteProgressPercentage {
  top: 50%;
  transform: translate(-50%, -50%);
}
/*  vertical progress bar related CSS -- ENDS   */
/* import theme overrides - styles */
/* LYTE-PROGRESSBAR END*/
.lyteprogress__label {
  display: block;
  font-size: 13px;
  line-height: normal;
  color: var(--clr-df);
}
.lyteCircleType .lyteprogress__label {
  position: absolute;
  width: 100%;
  padding: calc(10px / 1.42);
  margin: 0;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 13px;
  line-height: 20px;
}
.ui-progress-added-clr .lyteCircle circle:first-child {
  stroke: #ef533e;
}
/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-badge {
  --lyte-badge-circle-radius: 6px;
  --lyte-badge-width: var(--lyte-badge-circle-radius);
  --lyte-badge-height: var(--lyte-badge-circle-radius);
}
.lyteBadge {
  font-family: var(--ff-base);
  position: absolute;
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 2px;
  border-radius: 12px;
  background: #f06060;
  border: 1px solid #fff;
}
.lyteBadgeContent {
  color: #fff;
  font-size: 8px;
  margin: auto;
}
.lyteBadgeWidHeiD {
  min-width: 10px;
  height: 10px;
  line-height: 10px;
}
.lyteBadgeWidHeiWD {
  min-width: 6px;
  min-height: 6px;
}
.lyteBadgeWithSize .lyteBadgeWidHeiWD {
  width: var(--lyte-badge-width);
  height: var(--lyte-badge-height);
  border-radius: 50%;
}
.lyteBadgeTopRight {
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}
.lyteBadgeTopLeft {
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
}
.lyteBadgeBottomRight {
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
}
.lyteBadgeBottomLeft {
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.ui-cmnt-badge .lyteBadge {
  display: flex;
  align-items: center;
  z-index: 3;
}
.ui-cmnt-badge .lyteBadgeContent {
  margin: 0;
}
.ui-badge-notify .lyteBadgeWidHeiD {
  min-width: 14px;
  height: 14px;
  z-index: 2;
}
.ui-tb-review-noti-btn .lyteBadgeTopRight {
  right: auto;
  left: 15px;
  transform: none;
}
/* $Id$ */

.ui-access-widget-right-panel {
	--buttonBgClr: var(--body-bg);
	--buttonBrClr: var(--border-clr-sec);
	--buttonPadTB: 4px;
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 100vh;
    background: var(--menuBg);
    border-left: 1px solid var(--menuBrClr);
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.08);
    z-index: 1004;
    display: flex;
    flex-direction: column;
    color: var(--clr-df);
    transition: width 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    overflow: hidden;
}
.ui-show-menu .ui-access-widget-right-panel {
	width: 320px;
}
.ui-show-wms .ui-access-widget-right-panel {
	height: calc(100% - 28px);
}
.ui-access-wid-grp {
	--sliderCircleSize: 12px;
	--dragDropBorderClr: var(--border-clr-sec);
    border-bottom: 1px solid var(--separatorClr);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.ui-access-wid-grp:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
.ui-access-wid-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid var(--border-clr-sec);
}
.ui-access-wid-header h2 {
	font-size: var(--fs-15-widget);
    font-weight: 600;
    margin: 0;
}
.ui-access-wid-grp-title {
    font-size: var(--fs-14-widget);
    font-weight: 600;
    line-height: 18px;
    text-transform: capitalize;
    margin: 0 0 5px;
}
.ui-access-wid-grp-para {
    font-size: var(--fs-base-widget);
    color: var(--dark-blue);
    max-width: 205px;
    line-height: 1.4;
    margin: 0;
}
.ui-access-wid-shortcut-tag {
    font-size: var(--fs-10-widget);
    line-height: 12px;
    font-weight: 400;
    padding: 2px 5px;
    background: var(--menubutton-bg);
    border: 1px solid var(--border-clr-sec);
    border-radius: 4px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.10);
}
.lyteIconTriangleArrow {
	transition: transform 200ms ease-in-out;
}
.lyteAccordionActive .lyteIconTriangleArrow {
	transform: rotate(180deg);
}
.ui-accessibility-footer {
	padding: 10px;
	background: var(--menuBg);
	border-top: 1px solid var(--border-clr-sec);
}

/* $Id$ */
.ui-create-plus .lytebutton__icon {
	--iconSize: 20px;
}
.ui-assist-panel {
	width: 380px;
	background: var(--bg-white);
	height: calc(100% - 142px);
	right: 44px;
    top: 114px;
	border: 1px solid var(--border-clr-sec);
	border-bottom: 1px solid transparent;
	padding-bottom: 0;
	z-index: 1000;
}
.ui-assist-panel.ui-assist-pos {
	right: 339px;
}
.ui-assist-panel.ui-assist-fl-w {
	width: 600px;
}
.ui-assist-fl-w .ui-chatbot-user  {
	max-width: 80%;
}
.ui-assist-fl-w .ui-expand-fl-icon {
	display: block !important;
}
.ui-assist-fl-w .ui-fl-icon {
	display: none;
}
.ui-assist-panel-top {
	padding: 8px 8px 8px 10px;
	border-bottom: 1px solid var(--border-clr-sec);
}
.ui-assist-panel-top .lyteDefaultBtn, .ui-assist-panel-icons .lyteDefaultBtn {
	--buttonBgClr: transparent;
	--buttonBrClr: transparent;
	padding: 0;
	--bdrRadius: 6px;
}
.ui-assist-panel-icons .ui-agent-category.lyteDefaultBtn:hover {
	--buttonHoverBgClr: var(--btnGradLight);
	--buttonHoverBrClr: var(--separatorClr);
}
.ui-assist-panel-icons lyte-button:nth-child(2) button:hover {
	--buttonHoverBgClr: var(--buttonActiveClr);
    --buttonHoverBrClr: transparent;
}
.ui-assist-panel-top .lyteDefaultBtn:hover {
	background: var(--bg-white);
}
.ui-assist-panel-top .lyteDefaultBtn:hover .lytebutton__svg {
	fill: var(--iconClr);
}
.ui-chat-editor {
	height: calc(100% - 25px);
}
.ui-assist-menu-btn {
	width: 94px !important;
	height: 34px !important;
	padding: 4px 10px 5px 10px;
	border-radius: 20px !important;
}
.lyteMenuSelected .ui-assist-menu-btn {
	background: var(--activeBgClr) !important;
}
.ui-assist-menu-btn .ui-arrow-triangle:after {
	display: none;
}
.ui-assist-menu .lyteMenuSelection {
	background: var(--menuActiveBg);
}
.lyteMenuSelected .ui-assist-menu-btn .ui-arrow-triangle:after, .lyteDropButtonDown.ui-arrow-triangle:after {
	transform: translateY(-50%) rotate(180deg);
}
.ui-assist-panel-drag-zone {
	flex: 1;
	height: 100%;
	cursor: move;
}
.ui-assist-panel-prompt {
	height: calc(100% - 150px) !important;
	padding: 10px 5px 10px 10px;
}
.ui-assist-panel-prompt .ui-chatbot-user, .ui-assist-panel-prompt .ui-chatbot-info, .ui-assist-panel-prompt .ui-assist-prompt-categories {
	margin-top: 10px;
	line-break: auto;
	white-space: pre-line;
	overflow-wrap: anywhere;
}
.ui-chatbot-ai p {
	margin: 0;
}
.ui-chatbot-ai ul {
	list-style: disc;
    padding: 0 0 0 15px;
}
.ui-chatbot-ai pre {
	white-space: pre-wrap;
}
.ui-chatbot-ai-info {
	border-top: 1px solid var(--secBrLight);
}
.ui-assist-panel-btm {
	height: 80px;
    max-height: 140px;
	border-radius: 10px;
	padding: 5px 10px 10px 10px;
	color: var(--aiChatClr);
}
.ui-assist-panel-btm:focus-within {
	 box-shadow: -4px -4px 12.1px 0 #E1A3E833, 4px 4px 12.1px 0 #30C8FF33;
	 transition: 0.3s ease;
}
.ui-assist-panel-btm::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(78.35deg, #de9efc 7.88%, #31daff 107.03%);
  -webkit-mask: linear-gradient(var(--paperBg) 0 0) content-box, linear-gradient(var(--paperBg) 0 0);
  mask: linear-gradient(var(--paperBg) 0 0) content-box, linear-gradient(var(--paperBg) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  z-index: -1000;
  animation: rotate-border 3s linear infinite;
  background-size: 300% 300%; 
}
@keyframes rotate-border {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.ui-assist-panel-icons {
	bottom: 10px;
	left: 0;
	padding: 0 8px;
}
.ui-assist-panel-icons .lytePrimaryBtn {
 	--buttonPadTB: 0;
    --buttonPadLR: 0;
    height: 28px;
    width: 28px;
    --bdrRadius: 6px;
}
.ui-assist-panel-icons .lytePrimaryBtn:hover .lytebutton__svg {
	transform: translateY(-3px);
    transition: 0.4s;
}

/*.ui-assist-panel-icons lyte-button:last-of-type .lytePrimaryBtn {
	--themeColor: var(--noteErrorClr) !important;
	--bdrRadius: 50px;
	--themeColor: transparent;
}
.ui-stop-load {
	background: var(--bg-white);
	width: 14px;
    height: 14px;
    border-radius: 4px;
}
.ui-assist-panel-icons lyte-button:last-of-type .lytePrimaryBtn:hover {
	--bdrRadius: 6px;
	transition: 0.3s ease;
}*/
.ui-assist-panel-icons .lyteDefaultBtn {
	width: 28px !important; 
	height: 28px !important;
}
.ui-assist-panel-icons .lytebutton__icon {
	--iconSize: 20px;
}
.ui-assist-svg {
	width: 28px;
	height: 28px;
	border-radius: 6px;
	background: var(--chatBotcmtBg);
}
.ui-assist-prompt-info .ui-assist-ques {
	background: var(--buttonBgClr);
	border-radius: 20px 20px 20px 0px;
}
.ui-assist-prompt-categories {
	padding-left: 38px;
}
.ui-assist-prompt-categories li {
	padding: 7px 15px;
	background: var(--activeBgClr);
	border-radius: 20px;
	width: fit-content;
	font-size: 14px;
	color: var(--arrowColor);
	
}
.ui-quick-txt {
	color: var(--aiChatClr);
}
.ui-chatbot-user, .ui-chatbot-ai {
	width: fit-content;
}
.ui-chatbot-user {
	max-width: 300px;
}
.ui-chatbot-ai {
	border-radius: 20px 20px 20px 0;
	background: var(--chatBotcmtBg);
	color: var(--aiChatClr);
}
.ui-assist-think {
	color: var(--clrBlkInvrs);
	padding-right: 30px;
}
.ui-chatbot-user  {
	border-radius: 20px 20px 0 20px;
	margin-left: auto;
	background: var(--chatBotuser);
	color: var(--aiChatClr);
}
.ui-assist-chatbot {
	margin-bottom: 37px;
}
.ui-assist-context {
	background: var(--assistContext);
	padding: 5px 25px 5px 5px;
	border-radius: 5px 5px 0 0;
	display: inline-block;
	max-width: max-content;
}
.ui-assist-dropdown {
	background: transparent;
	border: 1px solid transparent;
	padding: 0;
}
.ui-assist-dropdown:hover, .ui-assist-dropdown:focus, .ui-assist-dropdown.lyteDropButtonDown  {
	background: transparent !important;
	border: 1px solid transparent !important;
}
.ui-assist-dropdown .lyteDropdownLabel {
	color: var(--themeColor);
}
.ui-assist-menu lyte-menu-item {
	padding-left: 25px;
}
.ui-assist-menu lyte-menu-item:last-of-type {
	padding-left: 30px;
}
.ui-assist-panel ~ .ui-editorpane-container {
	left: 200px !important
}

.ui-arrow-triangle:after {
  content: '';
  position: absolute;
  right: -18px;
  border-top: 6px solid var(--arrowColor);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 50%;
  transform: translateY(-50%);
  margin: 1px 0 0 0;
  width: 0;
  height: 0;
}

.ai-placeholder-anim {
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--placeHolderClr);
  pointer-events: none;
  height: 24px; 
  overflow: hidden;
  font-size: 14px;
}
.ai-placeholder-anim span {
  display: block;
  line-height: 24px;
  height: 24px;
}
.ai-placeholder-cont {
   display: block;
   transition: transform 0.5s ease-in-out;
}
.ui-agent-btn-info {
	padding-left: 40px;
}
.ui-quick-action-list {
	height: 130px;
    transition: 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	overflow: hidden;
}
.ui-quick-action-list li {
	background: var(--aiChipBg);
	border-radius: 6px;
	padding: 4px 8px;
	color: var(--aiChipTxtClr);
	cursor: pointer;
}
.ui-quick-action-anim .ui-quick-action-list {
	height: 0;
}
.ui-quick-action-anim .zw-sm-arrow svg {
	transform: rotate(180deg);
	transition: all 1s;
}
.ui-agent-btn {
	--buttonBgClr: transparent;
	--buttonBrClr: 1px solid transparent;
	--buttonPadTB: 3px;
	--buttonPadLR: 8px;
}
.ui-agent-btn:hover {
	--buttonHoverBrClr: 1px solid transparent;
	--buttonHoverBgClr: transparent;
}
.ui-assist-panel-anim:before {
	content: '';
	width: 224px;
	height: 230px;
	background: linear-gradient(146deg, var(--gradient-start-color) 36.11%, var(--gradient-end-color) 78.14%);
	box-shadow: -4px -8px 11.7px 0 var(--bg-white) inset, -3px -6px 9.3px 0 var(--inner-shadow-2-color) inset, 3px 1px 9.3px 0 #E6A0F5 inset;
	filter: blur(40.650001525878906px);
    position: absolute;
    top: 50%;
    opacity: 0.35;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ui-assist-panel-cont {
	max-width: 160px;
	text-align: center;
	color: var(--clrBlkInvrs);
}
.rotateanim {
  width: 57px;
  height: 57px;
  animation: spin 2s infinite linear;
  transform-box: fill-box;
  transform-origin: center;
}
@keyframes spin { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(360deg); 
    }
  }
.ui-agent-logo {
	width: 28px;
    height: 28px;
    border-radius: 6px;
    background: linear-gradient(137.49deg, var(--aiBgPrim) 3.99%, var(--aiBgSecondary) 100%);
}
.ui-assist-panel-top-lt span {
	color: var(--aiChatClr);
}
.ui-assist-panel-mid .lytebutton__icon {
	--iconSize: 28px;
}
.ui-assist-panel-mid {
	padding: 6px 8px;
}
.ui-assist-panel-mid .lyte-button:hover {
	--buttonBgClr: var(--buttonHoverBgClr);
    --buttonHoverBrClr: var(--separatorClr);
}
.ui-assist-panel-mid .lyte-button {
	--buttonBgClr: transparent;
	--buttonBrClr: transparent;
	--bdrRadius: 6px;
}
.ui-chatbot-ai .ui-dot-loading{
	width: 3px !important;
    height: 3px !important;
	transform: translate(0%, 0%) !important;
	left: 88px !important;
	display: inline-block;
    position: static; /* Removes absolute positioning */
    vertical-align: middle;
    margin-left: 6px; /* Space between text and dots */
}

.ui-chatbot-ai .ui-dot-loading::before, .ui-chatbot-ai .ui-dot-loading::after{
	width: 3px !important;
    height: 3px !important;
    --panelSepClr: var(--aiChatClr);
    --clr-disable-df: var(--aiChatClr);
}

.ui-thumb-icon {
	--iconSize: 20px
}

/* 3rd-party MCP Server Management — dewired for first cut.
 * Uncomment the entire block below (alongside the MCP popover markup in
 * ai-agent-comp.html and the MCP data attrs/actions in ai-agent-comp.js)
 * to re-enable arbitrary third-party MCP server connections.
 */
/*
.ui-assist-mcp-btn.lyteDefaultBtn {
	background: transparent;
	border: 1px solid var(--border-clr-sec);
	width: 28px !important;
	height: 28px !important;
	border-radius: 50%;
	line-height: 0;
	padding: 0;
}
.ui-assist-mcp-btn.lyteDefaultBtn:hover {
	background: var(--activeBgClr);
}
.ui-assist-mcp-popover {
	bottom: 120px;
	left: 10px;
	right: 10px;
	background: var(--bg-white);
	border: 1px solid var(--border-clr-sec);
	border-radius: 10px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	z-index: 1001;
	padding: 12px;
}
.ui-assist-mcp-popover-header {
	margin-bottom: 10px;
}
.ui-assist-mcp-close-btn.lyteDefaultBtn {
	background: transparent;
	border: none;
	width: 24px !important;
	height: 24px !important;
	line-height: 0;
	border-radius: 50%;
	padding: 0;
}
.ui-assist-mcp-close-btn.lyteDefaultBtn:hover {
	background: var(--activeBgClr);
}
.ui-assist-mcp-list {
	max-height: 120px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--secBrLight);
	padding-bottom: 8px;
}
.ui-assist-mcp-item {
	padding: 6px 4px;
	border-radius: 6px;
}
.ui-assist-mcp-item:hover {
	background: var(--activeBgClr);
}
.ui-assist-mcp-status {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	flex-shrink: 0;
}
.ui-assist-mcp-auth-ok {
	background: #e6f9ee;
	color: #2e7d32;
}
.ui-assist-mcp-auth-pending {
	background: #fff3e0;
	color: #e65100;
}
.ui-assist-mcp-remove-btn.lyteDefaultBtn {
	background: transparent;
	border: none;
	width: 20px !important;
	height: 20px !important;
	line-height: 0;
	border-radius: 50%;
	padding: 0;
	opacity: 0.5;
}
.ui-assist-mcp-remove-btn.lyteDefaultBtn:hover {
	opacity: 1;
	background: var(--activeBgClr);
}
.ui-assist-mcp-form {
	padding-top: 4px;
}
.ui-assist-mcp-input {
	width: 100%;
	padding: 7px 10px;
	border: 1px solid var(--border-clr-sec);
	border-radius: 6px;
	font-size: 13px;
	background: var(--bg-white);
	color: var(--clrBlkInvrs);
	outline: none;
	box-sizing: border-box;
}
.ui-assist-mcp-input:focus {
	border-color: var(--themeColor);
}
.ui-assist-mcp-error {
	color: #d32f2f;
	padding: 2px 0;
}
.ui-assist-mcp-auth-btn.lyteDefaultBtn,
.ui-assist-mcp-add-btn.lyteDefaultBtn {
	background: var(--themeColor);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 7px 14px;
	font-size: 13px;
	width: 100%;
	text-align: center;
}
.ui-assist-mcp-auth-btn.lyteDefaultBtn:hover,
.ui-assist-mcp-add-btn.lyteDefaultBtn:hover {
	opacity: 0.9;
}
*/

.ui-thumb-icon-filled path {
	fill: var(--themeColor);
	stroke: var(--themeColor);
}

.ai-agent-warning-div {
	padding: 0 15px 10px 15px;
	display: flex;
}

.ai-agent-warning-text {
	color: #909090;
}

/* Dev-only AI agent debugger window (AiAgent.showDebugger()).
   Every class here is prefixed zw-ai-agent-debugger- so nothing can collide with
   a lyte-* or ui-* rule. Colours come from the shared variables so dark mode
   works without a second rule set. */

.zw-ai-agent-debugger-window {
	position: fixed;
	left: 24px;
	bottom: 24px;
	width: 1100px;
	height: 640px;
	min-width: 760px;
	min-height: 380px;
	resize: both;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: var(--bg-white);
	border: 1px solid var(--border-clr-sec);
	border-radius: 6px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
	z-index: 1002;
}

.zw-ai-agent-debugger-hidden {
	display: none;
}

/* The Debugger button: sits at the top right from showDebugger() until Close,
   so a minimized window is always one click away. Above the window's own
   z-index, so it is never buried under it. */
.zw-ai-agent-debugger-launcher {
	position: fixed;
	top: 8px;
	right: 8px;
	z-index: 1003;
	cursor: pointer;
	padding: 4px 12px;
	font-size: 12px;
	background: var(--bg-white);
	border: 1px solid var(--border-clr-sec);
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}
.zw-ai-agent-debugger-launcher-on {
	background: var(--activeBgClr);
	font-weight: 600;
}

/* ------------------------------- title bar ------------------------------- */

.zw-ai-agent-debugger-titlebar {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
	padding: 8px 12px;
	cursor: move;
	border-bottom: 1px solid var(--border-clr-sec);
}
.zw-ai-agent-debugger-title {
	font-weight: 600;
	flex: 1;
}
.zw-ai-agent-debugger-reload,
.zw-ai-agent-debugger-minimize,
.zw-ai-agent-debugger-close,
.zw-ai-agent-debugger-trace-action {
	cursor: pointer;
	font-size: 11px;
	opacity: 0.75;
}
.zw-ai-agent-debugger-reload:hover,
.zw-ai-agent-debugger-minimize:hover,
.zw-ai-agent-debugger-close:hover,
.zw-ai-agent-debugger-trace-action:hover {
	opacity: 1;
	text-decoration: underline;
}
.zw-ai-agent-debugger-reload-state {
	font-size: 11px;
	opacity: 0.6;
}

/* ------------------------------ agent tabs ------------------------------ */

/* The tab head shares its width between the titles, so with eight agents every
   label ends up an ellipsis. Let the strip scroll sideways and each title keep
   its own width instead. */
.zw-ai-agent-debugger-window lyte-tab-head {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	flex-wrap: nowrap;
}
.zw-ai-agent-debugger-window lyte-tab-head::-webkit-scrollbar {
	height: 6px;
}
.zw-ai-agent-debugger-window lyte-tab-title {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	overflow: visible;
	text-overflow: clip;
}

/* --------------------------------- panes --------------------------------- */

.zw-ai-agent-debugger-body {
	display: flex;
	flex: 1;
	min-height: 0;
}
.zw-ai-agent-debugger-left {
	width: 58%;
	min-width: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
	border-right: 1px solid var(--border-clr-sec);
}
.zw-ai-agent-debugger-right {
	width: 42%;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

/* ---------------------------- prompt / tools ---------------------------- */

.zw-ai-agent-debugger-seg-wrap {
	display: flex;
	gap: 4px;
	margin: 8px 0;
}
.zw-ai-agent-debugger-seg {
	cursor: pointer;
	font-size: 11px;
	padding: 3px 10px;
	border: 1px solid var(--border-clr-sec);
	border-radius: 3px;
}
.zw-ai-agent-debugger-seg-on {
	background: var(--activeBgClr);
	font-weight: 600;
}
.zw-ai-agent-debugger-seg-copy {
	margin-left: auto;
	cursor: pointer;
	font-size: 11px;
	opacity: 0.75;
}
.zw-ai-agent-debugger-seg-copy:hover {
	opacity: 1;
	text-decoration: underline;
}
/* A prompt is one long paragraph and a tools array is one long line of json, so
   both wrap - a sideways scrollbar makes either unreadable. box-sizing keeps the
   padding and border inside the 100% width, which is what used to push a second
   scrollbar under the box. */
.zw-ai-agent-debugger-src {
	box-sizing: border-box;
	width: 100%;
	height: 340px;
	resize: vertical;
	padding: 8px;
	font-family: monospace;
	font-size: 12px;
	line-height: 1.5;
	white-space: pre-wrap;
	word-break: break-word;
	overflow-wrap: anywhere;
	background: var(--bg-white);
	border: 1px solid var(--border-clr-sec);
	border-radius: 3px;
}
/* Both previews are the same height as the source box, and scroll inside
   themselves, so the Submit row below them is always on screen. */
.zw-ai-agent-debugger-md,
.zw-ai-agent-debugger-tools-preview {
	box-sizing: border-box;
	height: 340px;
	overflow: auto;
	padding: 8px;
	border: 1px solid var(--border-clr-sec);
	border-radius: 3px;
}
.zw-ai-agent-debugger-tools-preview {
	margin: 0;
	font-family: monospace;
	font-size: 12px;
	line-height: 1.45;
	white-space: pre-wrap;
	word-break: break-word;
}
.zw-ai-agent-debugger-err {
	margin-top: 6px;
	font-size: 12px;
	color: #d32f2f;
}
.zw-ai-agent-debugger-submit-row {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 10px;
}
.zw-ai-agent-debugger-status {
	flex: 1;
	font-size: 11px;
	opacity: 0.7;
}

/* --------------------------------- trace --------------------------------- */

.zw-ai-agent-debugger-trace-head {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	padding: 8px 12px;
	border-bottom: 1px solid var(--border-clr-sec);
}
.zw-ai-agent-debugger-trace-title {
	font-weight: 600;
}
.zw-ai-agent-debugger-chip {
	font-size: 10px;
	text-transform: uppercase;
	padding: 1px 6px;
	border-radius: 8px;
	border: 1px solid var(--border-clr-sec);
}
.zw-ai-agent-debugger-chip-running {
	border-color: #f0a30a;
}
.zw-ai-agent-debugger-chip-failure {
	border-color: #d32f2f;
}
.zw-ai-agent-debugger-prompt-echo {
	flex: 1;
	min-width: 0;
	font-size: 11px;
	opacity: 0.7;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.zw-ai-agent-debugger-trace-body {
	flex: 1;
	overflow: auto;
	padding: 8px 12px;
}
.zw-ai-agent-debugger-empty {
	font-size: 12px;
	opacity: 0.6;
	padding: 12px 0;
}
.zw-ai-agent-debugger-row {
	margin-bottom: 6px;
	padding-left: 8px;
	border-left: 2px solid var(--border-clr-sec);
}
.zw-ai-agent-debugger-row-request {
	border-left-color: #1a73e8;
}
.zw-ai-agent-debugger-row-response {
	border-left-color: #188038;
}
.zw-ai-agent-debugger-row-delegate {
	border-left-color: #8430ce;
}
.zw-ai-agent-debugger-row-tool,
.zw-ai-agent-debugger-row-toolResult {
	border-left-color: #f0a30a;
}
.zw-ai-agent-debugger-row-error {
	border-left-color: #d32f2f;
}
/* Every row is a <details>: the text stays in the page even while collapsed, so
   the browser's own find can see it and opens the row it landed in. */
.zw-ai-agent-debugger-row-head,
.zw-ai-agent-debugger-section-head {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	padding: 3px 0;
	list-style: none;
}
.zw-ai-agent-debugger-row-head::-webkit-details-marker,
.zw-ai-agent-debugger-section-head::-webkit-details-marker {
	display: none;
}
.zw-ai-agent-debugger-row-head::before,
.zw-ai-agent-debugger-section-head::before {
	content: "\25B8";
	flex-shrink: 0;
	font-size: 10px;
	opacity: 0.6;
}
/* a row never holds another row, and a section never holds another section, so
   each of these can only be the open element's own marker */
.zw-ai-agent-debugger-row[open] .zw-ai-agent-debugger-row-head::before,
.zw-ai-agent-debugger-section[open] .zw-ai-agent-debugger-section-head::before {
	content: "\25BE";
}
.zw-ai-agent-debugger-row-depth {
	flex-shrink: 0;
	font-size: 10px;
	min-width: 16px;
	text-align: center;
	border-radius: 8px;
	opacity: 0.6;
	border: 1px solid var(--border-clr-sec);
}
.zw-ai-agent-debugger-row-title {
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 600;
}
/* one line only, so a long task or label never breaks the layout - the full
   value is always in the json body below */
.zw-ai-agent-debugger-row-sub {
	flex: 1;
	min-width: 0;
	font-size: 11px;
	opacity: 0.7;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* a request row shows the prompt, the tools and the messages as three of these,
   each closed until it is asked for */
.zw-ai-agent-debugger-section {
	margin-left: 14px;
}
.zw-ai-agent-debugger-section-label {
	flex-shrink: 0;
	font-size: 11px;
	font-weight: 600;
}
.zw-ai-agent-debugger-section-sum {
	flex: 1;
	min-width: 0;
	font-size: 11px;
	opacity: 0.7;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* the json body: full text, never shortened, wraps instead of scrolling sideways */
.zw-ai-agent-debugger-json {
	margin: 2px 0 6px 0;
	padding: 8px;
	font-family: monospace;
	font-size: 11px;
	line-height: 1.45;
	white-space: pre-wrap;
	word-break: break-word;
	overflow-x: auto;
	background: var(--activeBgClr);
	border-radius: 3px;
}

/* Default theme imported */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyteSortableParent .lyteSortablePlaceholder:hover,
.lyteSortableParent .lyteSortablePlaceholder {
  background: #f6fad2;
  border: 1px solid #edf2c3;
  box-sizing: border-box;
}
.lyteSortableParent .lyteSortableDisabledPlaceholder:hover,
.lyteSortableParent .lyteSortableDisabledPlaceholder {
  background: #f5c7c7;
  border: 1px solid #f4a7a7;
}
.nullifyTransition {
  transition-duration: 0s;
}
.lyteSortableDisablePE {
  pointer-events: none;
}
.lyteSortableDummyTr {
  opacity: 0 !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}
.lyteSortableDropLine {
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.lytePinIcon {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 10px;
}
.lytePinIcon::before {
  content: '';
  width: 10px;
  height: 10px;
  border: 2px solid #5ba1e5;
  border-radius: 50%;
  box-sizing: border-box;
}
.lytePinIcon::after {
  content: '';
  width: 2px;
  flex-grow: 1;
  background-color: #5ba1e5;
}
/* import theme overrides - styles */
/* $Id$ */
/**
 * readerview-dialog.css
 * Styles for Reader View Dialog Lyte Component
 */

/* Modal container styles */
readerview-dialog .ui-reader-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

/* Reader overlay */
readerview-dialog .ui-reader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

/* Button group styles */
readerview-dialog .ui-reader-btn-group {
    display: flex;
    align-items: center;
}

/* Settings menu container */
readerview-dialog .ui-reader-settings-container {
    padding: 10px;
}

/* Font list styles */
readerview-dialog .ui-reader-font-lists-header {
    font-weight: 600;
    padding: 8px 12px;
    color: #666;
    font-size: 12px;
}

/* Slider container */
readerview-dialog .ui-reader-slider {
    padding: 12px 0;
    display: flex;
    align-items: center;
    border-top: 1px solid #eee;
}

readerview-dialog .ui-reader-slider:first-of-type {
    margin-top: 10px;
}

/* Mode styles - Day mode */
readerview-dialog .ui-brightModal {
    background-color: #ffffff;
    color: #333333;
}

/* Mode styles - Night mode */
readerview-dialog .ui-nightModal {
    background-color: #1a1a2e;
    color: #ffffff;
}

/* Content animation container */
readerview-dialog .ui-content-anim {
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
    transition: zoom 0.3s ease;
}

/* Reader view content styles */
readerview-dialog #ui-reader-view {
    overflow-y: auto;
    height: 100%;
}

readerview-dialog #ui-reader-view div {
    margin-bottom: 0.5em;
}

readerview-dialog #ui-reader-view h1,
readerview-dialog #ui-reader-view h2,
readerview-dialog #ui-reader-view h3,
readerview-dialog #ui-reader-view h4,
readerview-dialog #ui-reader-view h5,
readerview-dialog #ui-reader-view h6 {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

readerview-dialog #ui-reader-view table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

readerview-dialog #ui-reader-view table td {
    padding: 8px;
    border: 1px solid #ddd;
}

/* Night mode table styles */
readerview-dialog .ui-nightModal #ui-reader-view table td {
    border-color: #444;
}

/* Endnote separator */
readerview-dialog .endnotestyl {
    border-top: 1px solid #ccc;
    margin: 20px 0;
    padding-top: 10px;
}

readerview-dialog .ui-nightModal .endnotestyl {
    border-top-color: #666;
}

/* Clear float utility */
readerview-dialog .clearboth {
    clear: both;
}


/** notify-dialog component styles */

/* ── Modal content padding reset ──────────────────────────────────────────── */
.ui-notify-modal-content {
	padding: 0 !important;
}

/* ── Two-column body layout ───────────────────────────────────────────────── */
.ui-notify-body-layout {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch;
	min-height: 0;
}

/* Form column — fills remaining width, enforces overflow clipping */
.ui-notify-form-col {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

/* ── Collaborators sidebar (shown when notifyto=all) ──────────────────────── */
.ui-notify-collab-sidebar {
	width: 200px;
	flex-shrink: 0;
	border-left: 1px solid var(--ui-border-color, #e8e8e8);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.ui-notify-collab-sidebar-title {
	padding: 14px 16px 8px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--ui-color-secondary-text, #888);
	flex-shrink: 0;
}

.ui-notify-collab-loading {
	padding: 8px 16px;
	font-size: 12px;
	color: var(--ui-color-secondary-text, #888);
}

.ui-notify-collab-list {
	overflow-y: auto;
	flex: 1;
	padding: 0 8px 12px;
}

.ui-notify-collab-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 8px;
	border-radius: 6px;
	cursor: default;
}

.ui-notify-collab-item:hover {
	background: var(--ui-hover-bg, #f5f5f5);
}

.ui-notify-collab-avatar {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--ui-avatar-bg, #d0e4ff);
	flex-shrink: 0;
	display: block;
}

.ui-notify-collab-info {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 1px;
}

.ui-notify-collab-name {
	font-size: 12px;
	font-weight: 500;
	color: var(--ui-text-color, #1a1a1a);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-notify-collab-email {
	font-size: 11px;
	color: var(--ui-color-secondary-text, #888);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-notify-collab-empty {
	padding: 8px 8px;
	font-size: 12px;
	color: var(--ui-color-secondary-text, #aaa);
	text-align: center;
}

/* ── To: row ──────────────────────────────────────────────────────────────── */
.ui-notify-to-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start;
	padding: 0px 24px 6px;
	min-height: 30px;
}

.ui-notify-to-label {
	flex-shrink: 0;
	font-size: 13px;
	color: var(--ui-color-secondary-text, #555);
	margin-right: 12px;
	margin-top: 6px;
	line-height: 1.4;
}

.ui-notify-to-content {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	align-items: center;
	flex: 1;
	gap: 4px;
	min-width: 0;
}

/* Force lyte-dropdown to stay inline / auto-width within the flex row */
.ui-notify-to-content lyte-dropdown,
.ui-notify-totype-dd {
	display: inline-flex !important;
	width: auto !important;
	flex-shrink: 0;
	height: 30px;
}

/* Dropdown button — looks like a pill/chip */
.ui-notify-dd-btn {
	border: 1px solid var(--ui-border-color, #d0d0d0);
	border-radius: 4px;
	padding: 3px 10px 3px 8px;
	font-size: 13px;
	background: var(--ui-bg-color, #fff);
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
}

.ui-notify-dd-btn .lyteselectbox__arrow {
	width: 10px;
	height: 10px;
}

.ui-notify-dd-btn .lyteselectbox__arrowicon {
	top : 7px;
}

.ui-notify-dd-btn .lyteselectbox__selected {
	padding-right: 8px;
}

/* Tag input sits inline next to the dropdown, fills remaining space */
.ui-notify-tag-inline {
	flex: 1 !important;
	min-width: 120px;
	display: inline-flex !important;
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* +N more badge in all-collaborators mode */
.ui-notify-more-badge {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 500;
	color: var(--ui-color-accent, #1565c0);
	background: var(--ui-accent-bg, #e8f0fe);
	border-radius: 10px;
	padding: 2px 8px;
	margin-left: 4px;
	white-space: nowrap;
	pointer-events: none;
}

/* Read-only token state — all collaborators shown but not removable/editable */
.ui-notify-token-readonly {
	pointer-events: none !important;
	user-select: none !important;
}
.ui-notify-token-readonly lyte-drop-remove,
.ui-notify-token-readonly .lytetokenfield__close {
	display: none !important;
}
.ui-notify-token-readonly .lyteinput__input,
.ui-notify-token-readonly input {
	pointer-events: none !important;
	caret-color: transparent !important;
	width: 0 !important;
	padding: 0 !important;
}

/* Small hint shown while collaborator list is loading */
.ui-notify-loading-hint {
	font-size: 13px;
	color: var(--ui-color-secondary-text, #888);
	margin-top: 4px;
	margin-left: 5px;
}

/* ── Divider ──────────────────────────────────────────────────────────────── */
.ui-notify-divider {
	height: 1px;
	background: var(--ui-border-color, #e8e8e8);
	margin: 0 24px;
}

/* ── Subject / Message fields ─────────────────────────────────────────────── */
.ui-notify-field-row {
	padding: 0 24px;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.ui-notify-message-row {
	min-height: 200px;
}

/* Make lyte-input element itself span full width */
.ui-notify-flat-input {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box;
}

/* Strip all borders/backgrounds from lyte-input in flat mode */
.ui-notify-flat-input,
.ui-notify-flat-input .lyteinput,
.ui-notify-flat-input .lyteinput__input,
.ui-notify-flat-input input,
.ui-notify-flat-textarea,
.ui-notify-flat-textarea .lyteinput,
.ui-notify-flat-textarea .lyteinput__input,
.ui-notify-flat-textarea textarea {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	outline: none !important;
	resize: none;
	width: 100% !important;
	box-sizing: border-box;
}

.ui-notify-flat-input-inner,
.ui-notify-flat-input-inner .lyteinput,
.ui-notify-flat-input-inner .lyteinput__input {
	width: 100% !important;
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

.ui-notify-flat-input input,
.ui-notify-flat-textarea textarea {
	font-size: 14px;
	color: var(--ui-text-color, #1a1a1a);
	padding: 12px 0;
	line-height: 1.5;
}

.ui-notify-flat-input input::placeholder,
.ui-notify-flat-textarea textarea::placeholder {
	color: var(--ui-placeholder-color, #aaa);
}

.ui-notify-flat-textarea textarea {
	height: 100%;
	min-height: 190px;
}

/* ── Footer ───────────────────────────────────────────────────────────────── */
.ui-notify-footer {
	padding: 12px 24px !important;
	border-top: 1px solid var(--ui-border-color, #e8e8e8);
}

/* Send-me-a-copy row — align checkbox + label on one line */
.ui-notify-sendcopy-row {
	display: flex;
	align-items: center;
}

.ui-notify-sendcopy-label {
	cursor: pointer;
	font-size: 13px;
}

.ui-notify-footer-actions {
	display: flex;
	gap: 8px;
	align-items: center;
}

/* $Id$ */
/* Image Preview Component Styles - matches the existing ZImagePreview design */

.zw-imgpreview {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10002;
	font-family: Lato, sans-serif;
}

.zw-imgpreview.ui-hide {
	display: none;
}

.zw-imgpreview-hidden {
	display: none;
	visibility: hidden;
	position: absolute;
	pointer-events: none;
}

/* Colorbox Container Override - must include lyteColorboxDisplay so display:flex only applies when open */
lyte-colorbox-container.zw-imgpreview-container.lyteColorboxDisplay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(61, 63, 69, 0.9);
	display: flex;
	flex-direction: column;
	z-index: 10002;
}
lyte-colorbox-container .lyteCBoxItem {
  height: calc(100% - 200px) !important;
}
/* Header */
lyte-colorbox-container.zw-imgpreview-container.lyteColorboxDisplay > .zw-imgpreview-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	background: rgb(33, 35, 38);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
	z-index: 12;
	height: 47px;
	position: relative;
	flex-shrink: 0;
	box-sizing: border-box;
}

/* Centered toolbar */
.zw-imgpreview-toolbar {
	position: absolute;
	display: inline-block;
	height: 100%;
	box-sizing: border-box;
	left: 50%;
	transform: translateX(-50%);
}

/* Action Buttons */
.zw-imgpreview-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 47px;
	height: 47px;
	border-radius: 0;
	cursor: pointer;
	transition: background 0.2s ease;
	opacity: 0.7;
	border: 0;
	background: transparent;
}

.zw-imgpreview-action-btn:hover {
	background: rgba(255, 255, 255, 0.1);
	opacity: 1;
}

.zw-imgpreview-separator {
	display: inline-block;
	width: 1px;
	height: 20px;
	background: rgba(255, 255, 255, 0.2);
	margin: 0 6px;
}

/* Icons - SVG-based for Writer consistency */
.zw-imgpreview-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.zw-imgpreview-icon-zoomin {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16' y1='16' x2='22' y2='22'/%3E%3Cline x1='11' y1='8' x2='11' y2='14'/%3E%3Cline x1='8' y1='11' x2='14' y2='11'/%3E%3C/svg%3E");
}

.zw-imgpreview-icon-zoomout {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16' y1='16' x2='22' y2='22'/%3E%3Cline x1='8' y1='11' x2='14' y2='11'/%3E%3C/svg%3E");
}

.zw-imgpreview-icon-reset {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9 9 0 0 1 6.36 2.64L21 3'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9 9 0 0 1-6.36-2.64L3 21'/%3E%3Cpath d='M3 21v-5h5'/%3E%3C/svg%3E");
}

.zw-imgpreview-icon-annotate {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E");
}

.zw-imgpreview-icon-download {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");
}

.zw-imgpreview-icon-filmstrip {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Ccircle cx='3' cy='4' r='1.5'/%3E%3Ccircle cx='8' cy='4' r='1.5'/%3E%3Ccircle cx='13' cy='4' r='1.5'/%3E%3Ccircle cx='3' cy='8' r='1.5'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3Ccircle cx='13' cy='8' r='1.5'/%3E%3Ccircle cx='3' cy='12' r='1.5'/%3E%3Ccircle cx='8' cy='12' r='1.5'/%3E%3Ccircle cx='13' cy='12' r='1.5'/%3E%3C/svg%3E");
	width: 16px;
	height: 16px;
}

.zw-imgpreview-icon-close {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
	width: 20px;
	height: 20px;
}

.zw-imgpreview-icon-fullscreen {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff' stroke='none'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E");
}

.zw-imgpreview-icon-prev {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
	width: 20px;
	height: 20px;
}

.zw-imgpreview-icon-next {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
	width: 20px;
	height: 20px;
}

/* Content Area */
lyte-colorbox-container.zw-imgpreview-container > .zw-imgpreview-content {
	flex: 1;
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
	min-height: 0;
	z-index: 12;
	outline: none;
}

lyte-colorbox-container.zw-imgpreview-container > .zw-imgpreview-content:focus,
lyte-colorbox-container.zw-imgpreview-container > .zw-imgpreview-content:focus-visible,
.zw-imgpreview-container lyte-colorbox-content:focus,
.zw-imgpreview-container lyte-colorbox-content:focus-visible {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
}
lyte-colorbox-content {
	background: transparent !important;
}
.zw-imgpreview-content img {
	max-width: 90%;
	max-height: 80vh;
	object-fit: contain;
	user-select: none;
	-webkit-user-drag: none;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

/* Navigation Arrows */
.zw-imgpreview-nav {
	position: absolute;
	top: 50%;
	margin-top: -24px;
	width: 46px;
	height: 46px;
	min-width: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100em;
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: background 0.2s ease, opacity 0.2s ease;
	z-index: 13;
	opacity: 0.7;
	box-sizing: border-box;
}

.zw-imgpreview-nav:hover {
	background: rgba(0, 0, 0, 0.8);
	opacity: 1;
}

.zw-imgpreview-nav-prev {
	left: 0;
	margin-left: 30px;
}

.zw-imgpreview-nav-next {
	right: 0;
	margin-right: 30px;
}

/* Description */
.zw-imgpreview-description {
	text-align: center;
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
	padding: 8px;
	display: none;
}

/* Close button specific styles */
.zw-imgpreview-close-btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.zw-imgpreview-close-btn .zw-imgpreview-icon {
	margin-top: 3px;
}

/* Thumbnail strip overrides for Writer theme */
.zw-imgpreview-thumbnail-strip {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(33, 35, 38);
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: auto;
	z-index: 12;
}

.zw-imgpreview-thumbnail-strip.ui-hide {
	display: none;
}

.zw-imgpreview-thumbnail-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 12px;
	overflow-x: auto;
	scrollbar-width: none;
}

.zw-imgpreview-thumbnail-wrapper::-webkit-scrollbar {
	display: none;
}

.zw-imgpreview-thumbnail-item {
	flex-shrink: 0;
	width: 118px;
	height: 66px;
	cursor: pointer;
	border: 3px solid transparent;
	transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
	overflow: hidden;
	display: inline-block;
	padding: 18px 9px 16px;
	box-sizing: content-box;
	opacity: 0.7;
}

.zw-imgpreview-thumbnail-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.zw-imgpreview-thumbnail-item.active {
	border-color: transparent;
	border-bottom-color: var(--themeColor, #4190f2);
	border-bottom-width: 3px;
	opacity: 1;
	background: linear-gradient(to bottom, rgba(65, 144, 242, 0) 0%, rgba(65, 144, 242, 0.2) 100%);
}

.zw-imgpreview-thumbnail-item:hover:not(.active) {
	border-color: transparent;
	opacity: 1;
}

/* Image count text */
.zw-imgpreview-count-footer {
	width: 150px;
	height: 54px;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	font-family: Lato, sans-serif;
	box-sizing: border-box;
	bottom: 92px;
	z-index: 13;
}

/* Footer */
.zw-imgpreview-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 130px;
	z-index: 12;
	box-sizing: border-box;
	pointer-events: none;
}

.zw-imgpreview-footer > * {
	pointer-events: auto;
}

.zw-imgpreview-footer .zw-imgpreview-filmstrip-btn {
	position: absolute;
	right: 10px;
	bottom: 115px;
	width: 40px;
	height: 40px;
	z-index: 14;
}
.zw-imgpreview-filmstrip-btn[title="Show Filmstrip"] {
	bottom: 20px;
}
/* Filmstrip gradient edges */
.zw-imgpreview-filmstrip-gradient-left {
	position: absolute;
	left: 0;
	top: 52px;
	bottom: 0;
	width: 50px;
	background: linear-gradient(to right, rgb(33, 35, 38) 16%, rgba(33, 35, 38, 0.98) 17%, rgba(33, 35, 38, 0) 80%);
	z-index: 12;
}

.zw-imgpreview-filmstrip-gradient-right {
	position: absolute;
	right: 0;
	top: 52px;
	bottom: 0;
	width: 50px;
	background: linear-gradient(to right, rgba(33, 35, 38, 0) 17%, rgb(33, 35, 38) 80%);
	z-index: 12;
}

/* Fullscreen mode - CSS-only fullscreen via class on container (moved to body by lyte-colorbox) */
.zw-imgpreview.zw-imgpreview-fullscreen {
	z-index: 10003;
}

lyte-colorbox-container.zw-imgpreview-container.zw-imgpreview-cbox-fullscreen,
lyte-colorbox-container.zw-imgpreview-container.zw-imgpreview-cbox-fullscreen.lyteColorboxDisplay {
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10003;
	display: flex !important;
	flex-direction: column;
}

lyte-colorbox-container.zw-imgpreview-container.zw-imgpreview-cbox-fullscreen > .zw-imgpreview-header,
lyte-colorbox-container.zw-imgpreview-container.zw-imgpreview-cbox-fullscreen.lyteColorboxDisplay > .zw-imgpreview-header {
	display: none;
}

lyte-colorbox-container.zw-imgpreview-container.zw-imgpreview-cbox-fullscreen .zw-imgpreview-content img {
	box-shadow: none;
	max-width: 100%;
	max-height: 100vh;
}

lyte-colorbox-container.zw-imgpreview-container.zw-imgpreview-cbox-fullscreen .zw-imgpreview-footer {
	display: none;
}

lyte-colorbox-container.zw-imgpreview-container.zw-imgpreview-cbox-fullscreen .zw-imgpreview-nav {
	display: none;
}

lyte-colorbox-container.zw-imgpreview-container.zw-imgpreview-cbox-fullscreen .zw-imgpreview-count-footer {
	display: none;
}

/* Disabled navigation state */
.zw-imgpreview-nav.is-disabled,
.zw-imgpreview-nav.is-disabled:hover {
	opacity: 0.35;
	background: rgba(0, 0, 0, 0.8);
	cursor: default;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	lyte-colorbox-container.zw-imgpreview-container.lyteColorboxDisplay > .zw-imgpreview-header {
		padding: 0 12px;
	}

	.zw-imgpreview-title {
		max-width: 150px;
		font-size: 12px;
	}

	.zw-imgpreview-nav {
		width: 36px;
		height: 36px;
		min-width: 36px;
	}

	.zw-imgpreview-nav-prev {
		margin-left: 15px;
	}

	.zw-imgpreview-nav-next {
		margin-right: 15px;
	}

	.zw-imgpreview-action-btn {
		width: 36px;
		height: 47px;
	}
}