/* Default theme imported */
/* Default theme imported */
/*	Icon Colors */
/* Loading theme in configuration */
/* Themes of components */
/* Loading custom themes */
/* import theme overrides */
/* import custom css */
/* $Id$ */
/*zw-split-button-css*/
.zw-splitbtn .lyte-button lyte-yield,
.zw-splitbtn-arrow .lyte-button lyte-yield {
  display: flex;
  align-items: center;
}
.zw-splitbtn-arrow .lyteDefaultBtn {
  padding: var(--buttonPadTB) 0;
  top: 0;
  position: relative;
}
.zw-splitbtn lyte-button:first-child button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.zw-splitbtn lyte-button:last-child button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.zw-splitbtn-arrow .lytebutton__icon {
  width: 15px;
  height: 16px;
}
/*zw-menu-button css*/
/* Image panel css  */
.ui-image-panel zw-split-button lyte-button:last-of-type .lyteMenuSelected {
  z-index: 1;
}
/**/
.lytemenu__footer {
  margin: -2px 0 0 0;
  padding: 0;
  position: relative;
  border: 1px solid var(--teritary-BorderClr);
  border-width: 1px 0 0 0;
  background: var(--menuBg);
  clear: both;
  box-sizing: border-box;
  box-shadow: 0 0 0 0 transparent;
}
zw-menu-button .lytebutton__arrow {
  width: 15px;
}
/*format-panel css*/
/*.lyteBtnGroupSelectedBtn{ // moved this css to common in buttongroup.styles.less file
	background: var(--buttonActiveClr) !important;
    border-color: var(--buttonActiveBrClr) !important;	
    border-right-color: var(--buttonActiveBrClr) !important;
    z-index: 1;
}*/
.ui-selected-list {
  background: var(--buttonActiveClr) !important;
  border-color: var(--buttonActiveBrClr);
  box-shadow: inset 0 0 0 1px var(--themeColor) !important;
}
.ui-fontstyle-default .lyte-button {
  flex: 1;
}
/*.ui-search-group-btn .lyteBtnGroupWrap:hover lyte-drop-button, .ui-search-group-btn .lyteBtnGroupWrap:hover .lyteDefaultBtn {
	color: var(--clr-df);
   	background: var(--buttonHoverBgClr);
  	box-shadow: var(--buttonBoxshadow);
    z-index: 1;
    border: 1px solid var(--buttonHoverBrClr) !important;
     border-right: 1px solid var(--buttonHoverBrClr) !important; 
}
.lytebutton__icon svg {
    fill: var(--arrowColor);
}
/* .ui-headinglist-menu .lytemenu__footer .zmenu__text {
    line-height: inherit;
} */
.ui-ctxmenu-blk .lyteMenuSelected .lyte-button {
  --paperBg: var(--btnGradLight);
}
lyte-menu-body .ui-menuitem-blue .zmenu__text {
  color: var(--themeColor);
}
/* insert panel */
zw-menu-button .lytebutton--vbtn .ui-menu-btnicon-wrap {
  flex-direction: column;
}
zw-menu-button .lytebutton--vbtn .ui-menu-btnicon-wrap .lytebutton__icon:last-child {
  width: 16px;
  height: 16px;
  margin: 0;
  margin-bottom: 2px;
}
/* Insert panel */
.ui-zw-btn-group-vh-hcombo zw-menu-button lyte-button {
  width: 100%;
}
.ui-merge-drop-menu lyte-menu-item {
  white-space: normal;
}
zw-menu-button.ui-ins-coverPageTemplate lyte-button {
  width: 100%;
}
/*fields-panel css*/
.ui-vertical-sub-nav .lytecomp__grouplabel {
  font-size: var(--fs-base-widget);
}
.mm-csvnamecont-btn {
  border: 1px dashed var(--dashBrClr);
  background: var(--buttonBgClr);
  border-radius: 0;
  margin-right: -1px;
}
.ui-icon-plus-blue-thick-sm {
  display: flex;
}
/*design-panel css*/
.ui-design-card-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  max-height: 430px;
  padding: 5px;
  overflow: auto;
  overflow-x: hidden;
}
.ui-adv-page-setup-menu {
  /*padding: 0;*/
}
.ui-fontset-with-icon .ui-selected-text {
  position: relative;
  padding-left: 32px;
}
.ui-fontset-with-icon .ui-selected-text:before {
  content: '';
  position: absolute;
  width: 24px;
  height: 26px;
  border: 1px solid var(--border-clr-sec);
  background: var(--bg-white);
  left: 0;
  top: 4px;
}
.ui-fontset-with-icon .ui-selected-text .ui-themefont {
  text-align: left;
}
.ui-fontset-with-icon .ui-selected-text .ui-themefont:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 6px;
  background: #445869;
  left: 5px;
  top: 12px;
  border-radius: 1px;
}
.ui-fontset-with-icon .ui-selected-text .ui-themefont:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 4px;
  background: #83909c;
  left: 5px;
  top: 20px;
  border-radius: 1px;
}
.ui-font-set-del-icon {
  position: absolute;
  top: 12px;
  right: 0;
}
/*view-panel css*/
/* zoom dropdown button css Begins */
.ui-view-lpnl-zoom-cont lyte-drop-button {
  height: 49px;
  padding: 0;
  border-color: transparent;
}
.ui-view-lpnl-zoom-cont lyte-number {
  border-radius: 0;
  border-right-color: transparent;
}
.ui-view-lpnl-zoom-cont .ui-zoom-btn-arrow {
  height: 100%;
  border: 1px solid var(--buttonBrClr);
  margin-right: -1px;
  border-left-color: transparent;
}
.ui-view-lpnl-zoom-cont:hover lyte-number,
.ui-view-lpnl-zoom-cont:hover .ui-zoom-btn-arrow {
  border-color: var(--themeColor);
}
.ui-view-lpnl-zoom-cont .lyteDropButtonDown lyte-number,
.ui-view-lpnl-zoom-cont .lyteDropButtonDown .ui-zoom-btn-arrow {
  background-color: var(--buttonActiveClr);
  border: 1px solid var(--buttonActiveBrClr);
}
/* zoom dropdown button css Ends */
/*table-panel css*/
.ui-pagelayout.ui-inputfield-with-radio-grp {
  padding-top: 0;
  padding-right: 0;
}
/*.ui-borderopt-container {
	border: none;
}*/
.ui-bdr-bg-cont .zw-color-picker-prev-box.ui-bg-btn {
  width: 17px !important;
}
/*

/*zw-list-menu css*/
.ui-wfloating-menu.ui-bullets-menu {
  width: 211px;
  height: auto !important;
  box-sizing: border-box;
}
.ui-wfloating-menu.ui-bullets-menu .ui-wfloating-menuitem {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*zw-font-menu css*/
/* Format panel */
.ui-fontfamily-menu {
  height: 344px;
  overflow-y: auto;
}
.ui-formatpanel-fontfamily-comb {
  width: 103px;
}
/* smart toolbar start */
.ui-contextual-menu zw-font-menu .ui-search-group-btn {
  margin-right: 0 !important;
}
.ui-contextual-menu zw-font-menu .ui-formatpanel-fontfamily-comb {
  width: 99px;
}
/*zw-font-size-menu css*/
/* smart toolbar */
zw-font-size-menu .ui-search-group-btn {
  width: 54px !important;
}
lyte-drop-body.search-drop-data {
  padding: 0;
}
/* smart toolbar */
.ui-smart-toolbar zw-heading-menu lyte-drop-button,
.ui-classic-toolbar zw-heading-menu lyte-drop-button,
.ui-smart-toolbar zw-heading-menu .lyteDefaultBtn,
.ui-classic-toolbar zw-heading-menu .lyteDefaultBtn {
  width: 90px;
  height: 28px;
}
.ui-contextual-menu .ui-headinglist-btn .lytebutton__text {
  line-height: normal;
}
/* para context menu */
.ui-smart-para-opt .ui-headinglist-btn .lytebutton__text {
  line-height: 1.24;
}
/* Insert panel */
.ui-insert-container .ui-headinglist-btn .lytebutton__text {
  line-height: 1.24;
}
.ui-headinglist-btn-with-star .lytebutton__text {
  width: auto;
  max-width: calc(100% - 18px);
  padding-right: 13px;
  position: relative;
}
.ui-headinglist-btn-with-star .lytebutton__text:after {
  content: '*';
  position: absolute;
  top: 0;
  right: 2px;
}
.ui-headinglist-menu .lyteheading__text {
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 65px);
}
.ui-headinglist-menu .lytemenu__iconcontainer {
  margin-left: -2px;
}
.ui-more-styles-lbl .lytemenu__text {
  color: var(--themeColor);
}
.ui-custom-heading-style lyte-button {
  width: calc(50% - 4px);
}
.ui-custom-heading-style lyte-button:first-child {
  margin-right: 8px;
}
.ui-custom-heading-style-btn {
  width: 100%;
}
/*zw-color-split-btn css*/
.zcolorbutton__preview {
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.zcolorbutton__preview:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 16px;
  height: 2px;
  border-radius: 4px;
  box-shadow: 0 -2px 0 0 inset;
}
lyte-button-group .lineType.lyteGroupHorizontal zw-color-split-btn:last-child lyte-button:first-child button.lyteDefaultBtn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
lyte-button-group .lineType.lyteGroupHorizontal zw-color-split-btn:first-child lyte-button:last-child button.lyteDefaultBtn {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.zw-color-picker-prev-box {
  width: 17px;
  height: 16px;
  border: solid #000;
  border-width: 1px;
  border-radius: 0;
  box-sizing: border-box;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  line-height: 1;
}
.zw-color-picker-prev-box canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.zw-color-picker-prev-box canvas {
  box-shadow: 0 0 0 1px inset;
  color: var(--iconLineBg);
}
.zw-color-picker-prev-box.ui-border-color-preview-btn:before {
  content: "";
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border: 1px solid #000;
  background-color: #fff;
  left: 2px;
  top: 2px;
  z-index: 1;
}
zw-color-split-btn .zw-splitbtn-arrow button {
  border-radius: 0 2px 2px 0;
}
/* Textbox panel css begins */
.ui-tetxbox-panel .lyteBtnGroupWrap zw-color-split-btn lyte-button {
  margin-left: -1px !important;
}
/* Textbox panel css ends */
/* Barcodeqrcode panel css begins  */
.ui-cpicker-with-lbl zw-color-split-btn .lyte-button {
  border-color: transparent;
  background: transparent;
  margin: -1px;
}
/* Barcodeqrcode panel css ends  */
/*smart-toolbar css*/
.ui-ctxmen-pin-blk {
  position: absolute;
  right: 0;
  top: 0;
}
.ui-ctxmenu-col1 {
  width: 388px;
}
/*top-toolbar css*/
.ui-classic-toolbar.ui-contextual-menu {
  border: 1px solid var(--separatorClr);
  border-right: 0;
}
/*default-dialog css*/
.ui-default-dailog fieldset {
  border: 1px solid var(--btnGradLight) !important;
}
.ui-lyte-dialog fieldset legend {
  padding: 0 5px 0 3px !important;
  margin: 0 !important;
  font-size: var(--fs-base-widget);
  border-bottom: 0 solid;
  width: auto;
  text-transform: uppercase;
  color: var(--placeHolderClr);
}
/*customfontsettings-dialog css*/
.customfontsettings-dialog a {
  text-transform: lowercase;
}
.ui-fld-table-cont {
  max-height: 174px;
}
.ui-ff-sans-serif {
  font-family: sans-serif;
}
.ui-ff-serif {
  font-family: Serif;
}
.ui-ff-monospace {
  font-family: Monospace;
}
.ui-ff-cursive {
  font-family: Cursive;
}
/*micro-insert-menu css*/
.ui-microtoolbar-insertmenu .ui-smart-more-btn {
  margin-top: -1px;
  right: 0;
}
/*insert-table-popup css*/
.ui-instbl-table {
  padding-bottom: 12px;
}
/*zw-font-family-menu css*/
.ui-custom-font-combo {
  width: 119px;
  height: 28px;
}
.ui-custom-font-combo .lytebutton__text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-zfontcombo-menu .ui-emptyresult-item {
  text-align: center;
}
.ui-zfontcombo-menu .ui-emptyresult-item .lytemenu__text {
  color: var(--saveMsgTextClr);
  padding: 0;
}
.ui-contextual-menu-float .ui-custom-font-combo {
  width: 90px;
}
.ui-zfontcombo-menu .custom-font.lytemenu__hint {
  color: #16b392;
  display: inline;
  margin: 0;
  padding-left: 3px;
}
.ui-zfontcombo-menu .ui-emptyresult-item {
  width: auto;
}
/*image-panel css*/
.ui-image-size lyte-radiobutton {
  margin-right: 9px;
  line-height: normal;
  margin-bottom: 5px;
}
.ui-btn-with-icononly.ui-btn-with-icononly-medium-icon .ui-zstate .ui-zstate-icon {
  width: 24px !important;
  height: 24px !important;
  top: 7px !important;
}
/*advancedfindreplace-dialog css*/
.ui-find-inputbox-container {
  height: 28px;
}
.ui-find-inputbox-container .ui-find-circle-pos {
  right: 20px;
  z-index: 2;
}
/*settings-dialog css*/
.ui-settings-dialog .ui-web-view-widPercenge-view-pnl {
  background-color: transparent;
}
.ui-settings-dialog .ui-web-view-widPercenge-view-pnl lyte-number {
  background-color: transparent;
}
.ui-settings-dialog lyte-tab-title {
  font-weight: 400 !important;
}
.ui-settings-dialog lyte-tab-title:hover {
  background: var(--buttonActiveClr);
}
.ui-settings-dialog lyte-tab-title.lyteTabActive {
  font-weight: 600 !important;
}
.ui-hint-text {
  display: inline-block;
  font-size: var(--fs-12-widget);
  margin-left: 25px;
  color: #8b94ab;
}
.ui-note-txt .ui-hint-text {
  font-size: var(--fs-12-widget);
  color: #8b94ab;
}
.ui-format-text-input {
  display: none;
  padding-left: 10px;
  overflow: hidden;
  white-space: nowrap;
}
/*fillablefieldproperties-panel css*/
.ui-ff-select-datasrc-wrap {
  padding: 10px 9px;
  border: 1px solid var(--border-clr-sec);
  background: var(--bgV2);
}
.ui-panel-bcont .ui-tabpanel-content-brall .ui-hint-note.fs-11 {
  line-height: 14px;
}
/*thesaurus-dialog css*/
/* In future Need to move this css to zia panel*/
.ui-view-language {
  color: #ababab;
  margin: 0;
}
.ui-thesaurus-select {
  height: 110px !important;
  width: 100%;
  overflow: auto;
  border: 1px solid var(--bgGrayDDD);
  background-color: var(--paperBg);
  color: var(--clr-df);
}
/*review-toolbar css*/
.ui-review-toolbar .ui-cont-grp,
.ui-ctxmenu-blk .ui-cont-grp {
  border: 1px solid var(--buttonBrClr);
}
.ui-review-toolbar .ui-cont-grp:after,
.ui-ctxmenu-blk .ui-cont-grp:after {
  content: none;
}
@media only screen and (max-width: 1257px) {
  .ui-review-toolbar {
    width: auto !important;
  }
}
.ui-toptoolbar-tbl-opt {
  position: relative;
}
.ui-toptoolbar-tbl-opt:before {
  content: '';
  width: 1px;
  height: 20px;
  background: var(--border-clr-sec);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -5px;
}
/*readerinsightshome-panel css*/
.ui-insights-no-statscont {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  height: calc(100% - 50px);
  padding: 0 30px;
  text-align: center;
  overflow-y: auto;
  box-sizing: border-box;
}
/*spellcheck-menu css*/
.ui-spellcheck-card-lists {
  padding: 15px;
  border-top: 1px solid var(--teritary-BorderClr);
}
.ui-spellcheck-card {
  width: 32%;
  min-height: 80px;
  padding: 8px;
  border-radius: 4px;
  margin-right: 5px;
}
.ui-spellcheck-card h4,
.ui-spellcheck-card p {
  margin: 0;
}
.ui-spellcheck-card p {
  line-height: 13px;
}
.ui-spellcheck-card h4 {
  font-size: 30px;
  line-height: 36px;
}
.ui-spl-er-val {
  color: #FF3A45;
}
.ui-gm-mis-val {
  color: #0EAE8A;
}
.ui-sug-card-val {
  color: #FCAF17;
}
.ui-spellcheck-card:last-child {
  margin-right: 0;
}
.ui-spl-er-card {
  background: rgba(241, 81, 81, 0.2);
}
.ui-spl-er-card p {
  color: #D94949;
}
.ui-gm-er-card {
  background: rgba(14, 174, 138, 0.2);
}
.ui-gm-er-card p {
  color: #0C9475;
}
.ui-sug-card {
  background: rgba(252, 175, 23, 0.2);
}
.ui-sug-card p {
  color: #E39E15;
}
.ui-spl-info-toggle {
  padding: 6px 10px;
  background: #d7e9ff;
  border-top: 1px solid #d2d2d2;
}
.ui-spellcheck-menu-w {
  width: 156px !important;
}
.ui-spellcheck-popover-w {
  width: 298px !important;
}
.ui-wqcheck-menu-w {
  width: 209px !important;
}
.ui-wqcheck-popover-w {
  width: 268px !important;
}
/*latexsamples-dialog css*/
.ui-samplesnx-container {
  background-color: var(--bg-white);
  border: 1px solid #ddd;
  height: 320px;
  margin: 0 5px;
  overflow: auto;
  padding: 5px;
}
.ui-equation-image {
  border: 1px solid #DFDFDF;
  padding: 5px;
  text-align: center;
}
.ui-equation-expanction {
  background-color: #E9E9E9;
  border-color: -moz-use-text-color #DFDFDF #DFDFDF;
  border: 1px solid #DFDFDF;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  font-size: var(--fs-14-widget);
  font-weight: 400;
  padding: 5px;
  text-align: center;
}
/*insertcaption-dialog css*/
/* Need to remove this style once the review toolbar in design branch(lyte_adoption_ui_branch_gaya3) merged with the main branch, and add the class "ui-insert-caption-dlg" in the checkbox.styles.css */
.ui-insert-caption-dlg lyte-checkbox .zswitch__label {
  font-weight: 600;
  top: 29%;
}
.ui-insert-caption-dlg lyte-checkbox.lyteCboxChecked .zswitch__statescontainer {
  left: 0;
  top: 0;
}
.ui-insert-caption-dlg lyte-checkbox.lyteCboxChecked .zswitch__statescontainer .zswitch__onstate .zswitch__label {
  color: #fff;
}
.ui-insert-caption-dlg lyte-checkbox.lyteCboxUnchecked .zswitch__statescontainer {
  left: -29px;
  top: 0;
}
.ui-insert-caption-dlg lyte-checkbox.lyteCboxUnchecked .zswitch__statescontainer .zswitch__offstate .zswitch__label {
  color: var(--clr-df);
}
.ui-insert-caption-dlg lyte-checkbox .lyteCheckSwitch {
  width: 42px;
  flex: 1;
}
.ui-insert-caption-dlg lyte-checkbox.lyteCboxUnchecked .zswitch__statescontainer {
  left: -29px;
}
/*wordpress-panel css*/
.ui-blog-ac-info-cont {
  background: transparent;
}
/*extensionpopuplocation-dialog css*/
.ui-mermaid-icon-text svg {
  position: absolute;
  top: 6px;
  left: calc(20px - 10px);
}
.ui-mermaid-icon-text .lytedialog--text {
  margin-left: 30px;
}
/*pagesetup-panel css*/
.ui-page-borders-btns .ui-page-bdr-item {
  border-radius: var(--bdrRadius);
  width: 54px;
  height: 66px;
  border: 1px solid var(--panelSepClr);
  background: var(--buttonBgClr);
  box-shadow: none !important;
  font-size: var(--fs-11-widget);
  line-height: 11px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  box-sizing: border-box;
}
.ui-page-borders-btns .ui-page-bdr-item .ui-solid-border {
  width: 100%;
  width: 37px;
  height: 50px;
  border: 1px solid #000;
  display: block;
}
.ui-page-borders-btns .ui-page-bdr-item .ui-page-border-icon {
  width: 54px;
  height: 66px;
}
.ui-page-borders-btns .ui-page-bdr-item:hover,
.ui-page-borders-btns .ui-page-bdr-item.pageBdrSelected {
  background-color: var(--buttonActiveClr);
  border: 1px solid var(--themeColor) !important;
}
.ui-more-btn {
  height: 28px;
}
.ui-more-btn .lytebutton__text {
  width: 100% !important;
}
.ui-3dot-loading-anim {
  font-style: italic;
}
.ui-3dot-loading-anim .lytebutton__text {
  position: relative;
  margin-right: 15px;
}
.ui-3dot-loading-anim .lytebutton__text:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  box-shadow: 0 10px 0 0 rgba(255, 255, 255, 0.5), 5px 10px 0 0 rgba(255, 255, 255, 0.5), 10px 10px 0 0 rgba(255, 255, 255, 0.5);
  animation-name: ui-3dot-loading-animbtn-wt;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.25s;
  right: -5px;
  bottom: 14px;
}
@keyframes ui-3dot-loading-animbtn-wt {
  25% {
    box-shadow: 0 10px 0 2px #ffffff, 5px 10px 0 0 rgba(255, 255, 255, 0.5), 10px 10px 0 0 rgba(255, 255, 255, 0.5);
  }
  50% {
    box-shadow: 0 10px 0 0 rgba(255, 255, 255, 0.5), 5px 10px 0 2px #ffffff, 10px 10px 0 0 rgba(255, 255, 255, 0.5);
  }
  75% {
    box-shadow: 0 10px 0 0 rgba(255, 255, 255, 0.5), 5px 10px 0 0 rgba(255, 255, 255, 0.5), 10px 10px 0 2px #ffffff;
  }
  100% {
    box-shadow: 0 10px 0 0 rgba(255, 255, 255, 0.5), 5px 10px 0 0 rgba(255, 255, 255, 0.5), 10px 10px 0 0 rgba(255, 255, 255, 0.5);
  }
}
.ui-zlblbtn-desc {
  text-wrap: wrap;
}
.ui-font-preview {
  height: 136px;
  border: 1px solid var(--border-clr-sec);
  border-radius: var(--bdrRadius);
}
.ui-font-preview p {
  color: var(--shortCutTextClr);
  user-select: none;
}
.ui-addfont-family-menu {
  width: 100%;
}
.ui-addfont-family-menu lyte-button {
  width: 100%;
}
.ui-addfont-family-menu lyte-button .ui-custom-font-combo {
  max-width: 100%;
  width: 100%;
}
.ui-color-set-picker {
  width: 100%;
  height: 100%;
  border: 0;
}
.ui-color-set-picker canvas {
  box-shadow: none;
}
/*.ui-fld-col {
	height: auto !important;
}*/
.ui-sign-signer-list .ui-sign-signer-cont:last-child {
  margin-bottom: 2px;
}
.ui-signdlg-rich-msg {
  overflow-x: hidden;
  padding-right: 2px;
}
.ui-mmfield-mapping-fieldset:first-of-type .ui-fld-table-row {
  margin-top: 0;
}
.ui-mm-subform-fields-cont {
  max-height: 250px;
}
.ui-mmjob-glimpsestatus {
  margin: 10px 0 15px 5px;
}
.ui-mmhpage-cont .ui-progress-stat-right {
  padding: 0;
  height: 100%;
}
.ui-mmhpage-cont .ui-job-his-header {
  margin-bottom: 0 !important;
}
.ui-mmhpage-cont .ui-mmjob-glimpsestatus {
  margin: 0;
  padding: 0 20px 20px 20px;
}
.ui-jobhis-rec-completed {
  color: #868686;
  font-size: var(--fs-17-widget);
}
.ui-jbhis-loader {
  position: fixed;
  top: 47%;
  left: 47%;
  background-color: #4d4d4d;
  border-radius: 2px 2px 2px 2px;
  color: var(--clr-white);
  font-size: var(--fs-14-widget);
  padding: 6px 12px;
  text-align: center;
  z-index: 10003;
  display: block;
}
.ui-ppstats-totalpts {
  background: #FFFFEA;
  border: 1px solid #0000000D;
}
.ui-ppstats-usedpts {
  background: #FFECEC;
  border: 1px solid #0000000D;
}
.ui-ppstats-availpts {
  background: #EFFFEE;
  border: 1px solid #0000000D;
}
.ui-noti-incr-limit {
  background: #EFF6FD;
  padding: 12px;
  text-align: center;
  font-size: var(--fs-16-widget);
  font-weight: 500;
  color: #2C2D4B;
}
.ui-credit-remaining .ui-limit-value::before {
  content: "*";
  color: #E43333;
}
.ui-propack-plan-summary .ui-error-msg {
  font-weight: 500;
  font-size: var(--fs-12-widget);
}
.ui-advpgsettings-dlg-pgbr {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.ui-review-tb-tcallmarkup .ui-zw-arrow-icon {
  right: 5px !important;
}
.ui-webhook-cont {
  top: 0;
}
.ui-webhook-rightband .ui-webhook-list {
  height: calc(100% - 35px);
}
.ui-manage-rightband .ui-incoming-webhook {
  height: calc(100% - 25px);
}
.ui-mm-rl-menulist-search {
  font-size: var(--fs-14-widget);
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--menuBrClr);
  height: 32px;
  padding-left: 30px;
  padding-top: 6px;
  color: var(--dialogInputClr);
  background: transparent;
  box-sizing: border-box;
}
.ui-rtlist-popup-cont.ui-rt-subform-menu-fix .ui-mm-rtlist-menu-search-icon {
  left: 8px;
  top: 7px;
}
.ui-min-w-60 {
  min-width: 60px;
}
.ui-dd-config-cont .ui-insertfield-sel-opt-div .ui-condtn-input-icon-container {
  right: 10px;
}
.ui-mm-subform-fields-cont {
  max-height: 250px;
}
.ui-mailmerge-panel .ui-mm-adfield-cont {
  background-color: var(--buttonBgClr);
  --buttonBgClr: var(--body-bg);
}
.ui-mailmerge-panel .ui-mm-adfield-cont:before {
  content: none;
}
.ui-mailmerge-panel .ui-mmrule-item {
  border-color: #81AEFF !important;
  --mergeTagBg: #D5E4FF;
}
.ui-mailmerge-panel .ui-mmrule-item:after {
  content: none;
}
.ui-lyte-separate {
  border: 1px solid var(--separatorClr);
  height: 20px;
  width: 1px;
  border-radius: 2px;
}
.ui-icon-size-20px {
  --iconSize: 20px;
  --buttonPadTB: 3px;
  --buttonPadLR: 3px;
}
.ui-email-attach-dt.zdatetimepicker {
  background: var(--bg-white);
}
.ui-email-attach-dt.zdatetimepicker .zinputfield__textbox {
  color: var(--clrBlkInvrs) !important;
}
.wms-mainui {
  z-index: 1000 !important;
}
.collab-chat-active-users {
  padding: 6px 12px;
  border-bottom: 1px solid var(--separatorClr);
  background: var(--writerBg);
}
.collab-chat-active-users .collab-chat-active-users-list {
  overflow-y: hidden;
  padding: 4px 0;
}
.collab-chat-header {
  font-family: var(--ff-base);
}
.collab-chat-active-user-avatar-wrap {
  border-radius: 50%;
  border: 1px solid transparent;
  padding: 1px;
}
.collab-chat-active-user-avatar-wrap .collab-chat-active-user-avatar {
  border-radius: 50%;
}
.collab-chat-active-user-avatar-wrap .collab-chat-active-user-name {
  color: var(--delugeBtnClr);
  max-width: 120px;
}
.collab-chat-active-user-color {
  width: 10px;
  height: 10px;
  border-radius: var(--bdrRadius);
}
.collab-chat-no-active-users {
  color: var(--clr-disable-df);
}
.collab-chat-messages-wrap {
  min-height: 0;
}
.collab-chat-messages-wrap .collab-chat-messages {
  padding-bottom: 4px;
}
.collab-chat-messages-wrap .collab-chat-messages .collab-chat-msg {
  padding: 2px 12px;
}
.collab-chat-messages-wrap .collab-chat-messages::-webkit-scrollbar {
  width: 4px;
}
.collab-chat-messages-wrap .collab-chat-messages::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.collab-chat-msg .collab-chat-msg--group-start {
  margin-top: 8px;
}
.collab-chat-msg .collab-chat-msg--group-cont {
  margin-top: 0;
}
.collab-chat-msg .collab-chat-msg-header {
  gap: 6px;
  margin-bottom: 2px;
}
.collab-chat-msg .collab-chat-msg-header .collab-chat-msg-avatar {
  border-radius: 50%;
  object-fit: cover;
}
.collab-chat-msg .collab-chat-msg-header .collab-chat-msg-sender {
  margin-bottom: 1px;
}
.collab-chat-msg .collab-chat-msg-content {
  max-width: 85%;
  min-width: 0;
}
.collab-chat-msg .collab-chat-msg-content .collab-chat-msg-bubble {
  padding: 6px 10px;
  border-radius: 8px;
  word-break: break-word;
}
/* ---- Floating scroll-to-bottom button ---- */
.collab-chat-scroll-btn {
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--bg-white);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  z-index: 2;
  color: var(--delugeBtnClr);
}
.collab-chat-scroll-btn:hover {
  background: var(--vHistoryBr);
}
.collab-chat-msg--other .collab-chat-msg-content {
  margin-left: 34px;
}
.collab-chat-msg--self {
  align-items: flex-end;
}
.collab-chat-msg--self .collab-chat-msg-content {
  margin-left: 0;
  margin-right: 0;
}
.collab-chat-msg--other {
  align-items: flex-start;
}
.collab-chat-msg--other .collab-chat-msg-bubble {
  background: #f8f9fa;
  border-top-left-radius: 2px;
}
.collab-chat-msg--other.collab-chat-msg--group-start .collab-chat-msg-bubble {
  border-top-left-radius: 2px;
}
.collab-chat-msg--self .collab-chat-msg-bubble {
  background: var(--themeColor);
  color: #fff;
  border-bottom-right-radius: 2px;
}
.collab-chat-msg--self.collab-chat-msg--group-start .collab-chat-msg-bubble {
  border-bottom-right-radius: 2px;
}
.collab-chat-msg-time {
  font-size: var(--fs-9);
  color: var(--clr-disable-df);
  margin-top: 2px;
}
.collab-chat-footer {
  padding: 8px 12px;
  border-top: 1px solid var(--border-clr-sec);
}
.collab-chat-empty {
  padding: 24px 12px;
}
.ui-collab-err-notify {
  border-radius: var(--bdrRadius);
  background: #FCE8E8;
  border: 1px solid #F0ADAD;
  bottom: 10px;
  padding: 6px 10px;
  left: 50%;
  width: calc(100% - 20px);
  transform: translateX(-50%);
}
/* OfficePlus automation builder skeleton styles start */
/* ── Skeleton shimmer — unified, matches ZohoWriter .ui-line-loader ─────────
   Change --ui-op-skel-base-clr to retint all skeletons from one variable.
   Per-context overrides: set --ui-op-skel-base-clr on the parent element. */
:root {
  --ui-op-skel-base-clr: #8181A8;
  --ui-op-skel-base-bg: rgb(from var(--ui-op-skel-base-clr) r g b / 0.2);
  --ui-op-skel-shimmer-low: rgb(from var(--ui-op-skel-base-clr) r g b / 0.01);
  --ui-op-skel-shimmer-high: rgb(from var(--ui-op-skel-base-clr) r g b / 0.2);
}
.load-animate {
  background-color: var(--ui-op-skel-base-bg);
  background-image: linear-gradient(to right, var(--ui-op-skel-shimmer-low) 8%, var(--ui-op-skel-shimmer-high) 18%, var(--ui-op-skel-shimmer-low) 33%);
  background-size: 800px 104px;
  background-repeat: no-repeat;
  animation: ui-op-placeholder-anim 1s linear infinite forwards;
}
@keyframes ui-op-placeholder-anim {
  from {
    background-position: -400px 0;
  }
  to {
    background-position: 400px 0;
  }
}
/* ─────────────────────────────────────────────────────────────────────────── */
/* ── Shared page layout ───────────────────────────────────────────── */
.ui-op-skel-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 0;
}
.ui-op-skel-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid #e8e8e8;
  background: white;
  gap: 20px;
}
.ui-op-skel-header-name-cont {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
}
.ui-op-skel-header-name {
  height: 18px;
  width: 250px;
  border-radius: 12px;
}
.ui-op-skel-header-btns {
  display: flex;
  gap: 10px;
  align-items: center;
}
.ui-op-skel-header-btn {
  height: 18px;
  width: 90px;
  border-radius: 12px;
}
.ui-op-skel-page-content {
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: 0;
  flex: 1;
  width: 100%;
  min-height: 0;
}
/* ── Canvas ───────────────────────────────────────────────────────── */
.ui-op-skel-canvas {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F8F8FB;
  background-image: radial-gradient(circle, #c8c8c8 0.5px, transparent 0.5px);
  background-size: 16px 16px;
  background-position: 0 0;
  box-shadow: inset 0px 3px 8px 0px rgba(212, 218, 226, 0.53);
}
.ui-op-skel-canvas-nodes {
  display: flex;
  gap: 9%;
  align-items: center;
  flex-direction: row;
  position: relative;
  width: 100%;
  height: 120px;
  left: 25%;
}
.ui-op-skel-canvas-ctrl {
  position: absolute;
  top: 12px;
  right: 12px;
  height: 30px;
  width: 70px;
  border-radius: 12px;
}
/* ── Nodes ────────────────────────────────────────────────────────── */
.ui-op-skel-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.ui-op-skel-node-icon {
  width: 80px;
  height: 80px;
  max-width: 80px;
  border-radius: 10px;
}
.ui-op-skel-node-title {
  height: 18px;
  width: 80px;
  border-radius: 12px;
}
.ui-op-skel-node-subtitle {
  height: 10px;
  width: 50px;
  border-radius: 12px;
}
/* ── Right panel form ─────────────────────────────────────────────── */
.ui-op-skel-right-panel-form {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  background: #ffffff;
  overflow: hidden;
  border-top: 1px solid #e8ebf0;
}
.ui-op-skel-tabs-header {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.ui-op-skel-tab-item {
  height: 16px;
  width: 80px;
  border-radius: 12px;
}
.ui-op-skel-search-bar {
  height: 40px;
  width: 100%;
  border-radius: 12px;
  margin-bottom: 20px;
}
.ui-op-skel-card {
  height: 90px;
  width: 100%;
  border-radius: 12px;
  margin-bottom: 15px;
}
/* ── Preview-builder top band ─────────────────────────────────────── */
.ui-op-skel-builder-topband {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  background: white;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 15px;
}
/* OfficePlus automation builder skeleton styles end */
.ui-pres-notfound-contentdiv {
  margin: 0 auto;
  width: 680px;
  margin-top: 100px;
  font-family: Lucida Grande, Segoe UI, Arial, sans-serif;
}
.ui-pres-notfound-errortxt {
  text-align: center;
  margin-top: 5px;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
}
.ui-pres-notfound-errorreasons {
  text-align: left;
  margin-top: 10px;
  border: 1px solid #dedede;
  background: #fff;
  padding: 20px;
  font-size: 13px;
}
.ui-pres-notfound-errorreasons ul li {
  margin-bottom: 15px;
}
.ui-pres-notfound-errorreasons p {
  margin-top: 20px;
  line-height: 20px;
  margin: 0px;
  padding: 0px;
}
.ui-state-error {
  border: 1px solid #cd0a0a;
  background: #FEF8F6;
  color: #cd0a0a;
  text-align: center;
  margin-top: 5px;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
  border-radius: 2px;
}
.ui-colon:after {
  content: ':';
}
.ui-zia-panel-title.ui-zia-panel-head {
  padding: 0 40px !important;
}
.ui-paste-btn-w {
  width: 87px;
}
.ui-find-btn-w {
  width: 84px;
}
.ui-w-100px {
  width: 100px;
}
.ui-fmt-font-family lyte-button {
  width: 100%;
}
.ui-fmt-font-family .ui-custom-font-combo {
  width: 100%;
  max-width: 100%;
}
.ui-review-active .ui-workflow-state-topband {
  justify-content: flex-end;
}
/* $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);
    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);
}