/* 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;
}
.zw-splitbtn-arrow .lyteDefaultBtn {
  padding: var(--buttonPadTB) 0;
  top: 0px;
  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 2px 0;
  padding: 0;
  position: relative;
  border: 1px solid var(--teritary-BorderClr);
  border-width: 1px 0 0 0;
  background: #FFFFFF;
  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-borders-shading-w {
  width: 129px;
}
/*.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;
} */
lyte-menu-body .ui-menuitem-blue .zmenu__text {
  color: var(--themeColor);
}
/* insert panel */
.ui-chartmenu {
  height: 331px !important;
}
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: 13px;
}
.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 {
  max-height: 430px;
  overflow: auto;
}
.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;
}
/*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: 50px !important;
}
lyte-drop-body.search-drop-data {
  padding: 0px;
}
zw-font-size-menu .ui-search-group-btn {
  width: 49px !important;
}
/*zw-heading-menu css*/
.ui-headinglist-menu .lytemenu--split {
  border-bottom: 1px solid #efefef !important;
}
.ui-headinglist-menu .lytemenu--split:last-of-type {
  border-bottom: 0;
}
.ui-headinglist-menu .lyteheading__text {
  line-height: 30px;
}
/* smart toolbar */
.ui-smart-toolbar zw-heading-menu lyte-drop-button,
.ui-classic-toolbar zw-heading-menu lyte-drop-button {
  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: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 65px);
  padding-left: 7px;
  padding-right: 7px;
  margin-right: 0;
  margin-left: 13px;
}
.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 {
  border: none;
  box-shadow: 0px -2px 0px 0px inset;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  line-height: 1;
  height: 100%;
  width: 100%;
  border-radius: 0;
}
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: 0px 0px 0px 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(--menuBrClr);
}
/*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: 13px;
  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;
}
/*micro-insert-menu css*/
.ui-microtoolbar-insertmenu .ui-smart-more-btn {
  margin-top: -1px;
  right: 0px;
}
/*insert-table-popup css*/
.ui-instbl-table {
  padding: var(--menuItemPaddingTB) var(--menuItemPaddingLR) var(--menuItemPaddingTB) var(--menuItemPaddingLR);
}
/*zw-font-family-menu css*/
.ui-custom-font-combo {
  width: 119px;
}
.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;
}
/*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-hint-text {
  display: inline-block;
  font-size: 12px;
  margin-left: 25px;
  color: #8b94ab;
}
.ui-note-txt .ui-hint-text {
  font-size: 12px;
  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 {
  border: 1px solid var(--buttonBrClr);
}
.ui-review-toolbar .ui-cont-grp:after {
  content: none;
}
/*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: #FFFFFF;
  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: 14px;
  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: 0px;
}
.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: 11px;
  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);
  }
}
/* $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);
}