/* $Id$ */
.shIcon,
.shSplitIcon:after,
.shIconBefore:before,
.shIconAfter:after,
.ui-icon.ui-icon-closethick,
.ZsRangeIco,
.ui-icon.zdc-anyoneshare,
#zdc_visible_default_hidediv .ui-icon.zdc-specific,
#zdc_visible_default_hidediv .ui-icon.zdc-anyonepasswrd,
#zdc_visible_default_hidediv .ui-icon.zdc-anyoneinternet{
	background: url(images/sheet_sprite.89946bbe40b25ed9f47bbe91c2f72b35.svg) no-repeat;
    content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	float: left;
	cursor: pointer;
	position: relative;
}
.shNoIcon.shIconBefore:before{
    content: none;
}
input[type="search" i]::-webkit-search-cancel-button {
    background: url(images/sheet_sprite.89946bbe40b25ed9f47bbe91c2f72b35.svg) no-repeat;
    height: 16px;
    width: 16px;
    background-position: -52px -172px;
    appearance: none;
    -webkit-appearance: none;
}
.shVwVrsn{
    position: relative;
    padding-left: 20px;
    padding: 3px 0px 3px 25px;
    float: left;
}
.shVwVrsn.shSplitIcon{
    padding: 3px 10px 3px 23px;
}
.shVwVrsn.shSplitIcon:after{
    right: -5px;
    top: 1px;
}
.shVwVrsn:before{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.wholeSheetSelector{
    background-image: none!important;
}
.shIconBefore.shPrint{
    width: auto
}
.sPDesc.sPNoChat{
    text-decoration: none;
}
.spView .sPViewIcon::before{
    right: 15px;
}
.ui-state-highlight.shDownArrow{
    border: 0;
    border-left: 1px solid var(--zsheet-border);
}
.sPIcon.active svg{
    fill: var(--zsheet-primary);
}
/*.sPIcon.sPAddNew:before {
    content: "";
    height: 100%;
    border-left: 3px solid #43af73;
    position: absolute;
    left: -1px;
    top: 0;
}*/
.shMoreMenuIcon.ui-state-highlight{
    background-color: var(--zsheet-menu-button-active);
    background-image: url(images/sheet_sprite.89946bbe40b25ed9f47bbe91c2f72b35.svg);
    background-repeat: no-repeat;
}
.ZsShare .shIcon{
    width: 16px;
    height: 15px;
    margin-right: 6px;
}
.filterItem {
    background: url(images/uncheck.936f28936a5baf9d2884a1ef003b7537.svg) no-repeat 10px 5px;
    width: 100%;
    padding: 3px 10px 3px 30px;
    cursor: pointer;
    float: left;
    box-sizing: border-box;
}
.filterItem:hover{
    background-color: var(--zsheet-list-active);
}
.filterPartialSelection {
    background:url(images/check_partial.4a7f9d09a9f5c32c959fa405892756db.svg) no-repeat 10px 5px;
}
.filterItemSelect{
    background: url(images/check.6b6e00168c387b964c13b9c68b2da205.svg) no-repeat 10px 5px;
}
.shDarkMode .filterItem{
    background: url(images/uncheck_white.f7e6b4ee4c3f5d2b6d1dc8b32d295a38.svg) no-repeat 10px 5px;
}
.shDarkMode .filterItemSelect {
    background: url(images/check_white.d1c59c2a5aaf0b95eb374ef4fcf3f268.svg) no-repeat 10px 5px;
}
.shDarkMode .filterPartialSelection {
    background: url(images/check_partial_white.1ef89ec606c5af14f34312e77b4533b2.svg) no-repeat 10px 5px;
}
.svgBlckFillAlways{
    fill: #444;
}
.svgBlckFill{
    fill: var(--zsheet-icon);
    color: var(--zsheet-icon);
}
.svgLightGreenToPrimary{
    fill: var(--zsheet-icon-light-primary);
}
.svgBlckFillAlways{
    fill: var(--zsheet-icon-black-always);
}
.svgDropDownFill{
/*    fill: var(--zsheet-dropdown);*/
    fill: var(--zsheet-toolbar-dropdown);
}
.svgGreyFill{
    fill: var(--zsheet-grey-dark);
}
.svgLightGreyFill{
    fill: var(--zsheet-grey-light);
}
.svgFullBlckFill{
    fill: var(--zsheet-black);
}
.svgBlckToWhite{
    fill: var(--zsheet-icon-black-to-white)
}
.svgEmptyIcon{
    fill: var(--zsheet-empty-icon)
}
.svgEmptyIconDark{
    fill: var(--zsheet-empty-icon-dark)
}
.svgEmptyIconStrk{
    stroke: var(--zsheet-empty-icon)
}
.svgEmptyIconStrkDark{
    stroke: var(--zsheet-empty-icon-dark)
}
.svgRedFill{
    fill: #df5763;
}
.svgWhitetoGrey{
    fill: var(--zsheet-white-to-grey-icon);
}
.svgFb{
    fill: var(--zsheet-facebook)
}
.svgTwt{
    fill: var(--zsheet-twitter)
}
.svgLkdn{
    fill: var(--zsheet-linkedin)
}
.svgMail{
    fill: var(--zsheet-mail)
}
.svgBlckStk {
    stroke: var(--zsheet-icon);
}
.svgGreyStrk{
    stroke: var(--zsheet-grey-dark);
}
.svgWhiteStroke{
    stroke: var(--zsheet-white);
}
.svgBlckFillStk{
    fill: var(--zsheet-icon);
    stroke: var(--zsheet-icon);
}
.svgWhiteFill{
    fill: var(--zsheet-white);
}
.svgWhiteFillAlways{
    fill: var(--zsheet-white-always)
}
.svgPrmyFill{
    fill: var(--zsheet-primary);
}
.svgPrmyFillStk{
    fill: var(--zsheet-primary);
    stroke: var(--zsheet-primary);
}

/***** New sprite start *****/

.sPZia{
    background-position: -11px -11px;
    height: 31px;
    width: 32px;
}
.sPAnalytics{
    background-position: -224px -171px
}
.sPIcon.active .sPZia{
    background-position: -55px -11px;
}
.sPIcon.active .sPAnalytics{
    background-position: -272px -171px
}
.lockIcon{
    background-position: -103px -5px;
    transform: scale(.9);
}
.sheetTabHolder .hgtLockIcon.lockIcon{
    background-position: -127px -5px;
}
.formIcon{
    background-position: -150px -4px;
    transform: scale(.9);
}
.ZsRangeIco{
    background-position: -175px -27px;
}
/*.sPDataCleanIco{
    background-position: -193px -28px;
}
.sPIcon.active .sPDataCleanIco,.shDarkMode .sPIcon.active .sPDataCleanIco,.shDarkMode .sPDataCleanIco{
    background-position: -218px -28px;
}*/
.shDarkMode .shSuggestFx:before{
    background-position: -294px -77px;
}
.shIcon.sPCmtLike {
    width: 13px; 
    height: 13px; 
    background-position: -30px -55px;
}
.shIcon.sPCmtLike.shLikeActive{
    background-position: -6px -55px;
}
.srcRngEdit .ziaFltrBtn, .srcRngEdit .ziaFltredBtn {  
  background-position: -53px -50px;
}
.srcRngEdit .ziaFltredBtn {  
  background-position: -77px -50px;
}
.sTFullScrn{
    background-position: -98px -49px;
}
.sbFsrnClicked .sTFullScrn{
    background-position: -121px -49px;
}
.cpWidget {
    background-position: -1px -213px;
}
.fsWidget, .ffWidget {
    background-position: -100px -213px;
    width: 22px;
    height: 22px;
}
.wholeSheetSelector:before{
    background: url(images/sheet_sprite.89946bbe40b25ed9f47bbe91c2f72b35.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    cursor: inherit;
    position: relative;
    background-position: -146px -48px;
    content: '';
}
.CG_pane.selectAll:before{
    background: url(images/sheet_sprite.89946bbe40b25ed9f47bbe91c2f72b35.svg) no-repeat;
}
.shSuggestFx:before{
    background-position: -294px -4px;
    height: 14px;
    width: 13px;
    margin-right: 5px;
    position: absolute;
    left: 3px;
}
.shSuggestDlg:before{
    background-position: -101px -29px;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    position: absolute;
    left: 3px;
}
.shDarkMode .shSuggestDlg:before{
    background-position: -101px -103px;
}
.mcrTree li input:checked  + label + span.mcrIcoOpen{
    background-position: -244px -4px;
}
.mcrIcoOpen{
    background-position: -268px -4px;
}
.mcrIcoSheet{
    background-position: -197px -4px;
}
.shShareIcon:before{
    height: 5px;
    width: 5px;
    position: absolute;
    right: 9px;
    top: 12px;
    transform: rotate(315deg) translateY(-50%);
    border: 1px solid var(--zsheet-primary);
    border-width: 0 0 1px 1px;
}
.mcrLfn > .mcrTree > li:nth-last-child(1) .mcrIcoSheet {    
  background-position: -219px -4px;
}
.searchBoxWid100,.searchBoxWid100.searchBox input[type="search"],.searchBoxWid100.searchBox input[type="search"]:focus{
    width: 100%;
}
.searchBoxIcon:before {
    position: absolute;
    left: 5px;
    background-position: -219px -55px;
    width: 17px;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.ui-icon.ui-icon-closethick, .delugeClose,
.docsdialog #sharedialogdiv .deletegrey {
    background-position: -270px -54px;
    height: 14px;
}
.shBtmNtftCard .ui-icon.ui-icon-closethick {
    background-position: -267px -51px;
}
.shSuggestDfName:before{
    background-position: -124px -29px;
    height: 14px;
    width: 12px;
    margin-right: 5px;
    position: absolute;
    left: 3px;
}
.shMoreMenuIcon{
    background-position: -292px -49px;
    height: 24px;
    border-radius: 2px;
}
/***** New sprite end *****/

.cutCopySelection > .CG_edges > .bottom {
    border-bottom: 0; 
    background: url(images/t_b.bdc8a7a3f163014d3dc4d45e40523a42.gif) repeat-x left bottom; 
    height: 1px; 
}

.cutCopySelection > .CG_edges > .top {
    border-top: 0; 
    background: url(images/t_b.bdc8a7a3f163014d3dc4d45e40523a42.gif) repeat-x left top; 
    height: 1px; 
}

.cutCopySelection > .CG_edges > .left {
    border-left: 0; 
    background: url(images/l_r.d585a30ea19fd8f67c5a91ea9298b45a.gif) repeat-y left top; 
    width: 1px; 
}

.cutCopySelection > .CG_edges > .right {
    border-right: 0; 
    background: url(images/l_r.d585a30ea19fd8f67c5a91ea9298b45a.gif) repeat-y right bottom; 
    width: 1px; 
}

/***** Filter range highlight  start  *****/

.filterRangeHL > .CG_edges > .bottom {
    border-bottom: 0; 
    background: url(images/t_bfh.e34145be3a341569e85e5588360a97d8.svg) repeat-x left bottom; 
    height: 1px; 
}

.filterRangeHL > .CG_edges > .top {
    border-top: 0; 
    background: url(images/t_bfh.e34145be3a341569e85e5588360a97d8.svg) repeat-x left top; 
    height: 1px; 
}

.filterRangeHL > .CG_edges > .left {
    border-left: 0; 
    background: url(images/l_rfh.3c42f6d571dc48f632073ea89c8c61fb.svg) repeat-y left top; 
    width: 1px; 
}

.filterRangeHL > .CG_edges > .right {
    border-right: 0; 
    background: url(images/l_rfh.3c42f6d571dc48f632073ea89c8c61fb.svg) repeat-y right bottom; 
    width: 1px; 
}

/***** Filter range highlight  end  *****/

.highlightLocks > span{
    content: ""; 
    position: absolute; 
    background:  url(images/sheet_sprite.89946bbe40b25ed9f47bbe91c2f72b35.svg) no-repeat; 
    width: 14px; 
    height: 14px; 
    background-position: -295px -31px; 
}
.sheetMask {
    background: url(images/sheet_lock_big.00a8308827117f4991be1e294a300498.png) no-repeat 50% 50% , url(images/protected_bg.eef6e86d7f766882998290c02103223f.png) repeat; 
}

.lockCue {
    background: url(images/sheet_lock_big.00a8308827117f4991be1e294a300498.png) no-repeat 50% 50%;
}
.tblThemeClr .zcolorselect.zselectbox, .tblThemeClr .zcolorselect.zselectbox:hover {
    width: 32px;
    height: 20px;
    background-image: url(images/color_picker.cf5164a036ab8402236eb9b8b0ccd8cb.png) !important;
    background-size:  cover !important;
    border-color: var(--zsheet-grey-dark) !important;
}
.pR {
    background: url(images/protected_bg.eef6e86d7f766882998290c02103223f.png); 
}
.fldTd:before, .shDarkMode .fldTd:before {
    background: url(images/pivot_date.0f881a540d523ac18b2e43fd3e6bbc03.svg) no-repeat;
    width: 12px; 
    height: 12px; 
}
.impHdr.dt:before {
    content: "";
    background: url(images/pivot_date.0f881a540d523ac18b2e43fd3e6bbc03.svg) no-repeat;
    width: 13px;
    height: 12px;
    float: left;
    padding: 0px 2px 0px 0;
    margin: 2px 0 0 0;
    transform: scale(1.1);
}
.sheetLogoIcon{
    width: 80px;
    height: 80px;
    background: url(images/announcement/logo.b5ded67a89eeb1ccdecf2fd39386613f.gif) no-repeat;
    background-size: 80px 80px;
    margin: 10px auto 0;
}

.clrAutoIco .zcolorpicker__icon,.clrAutoIco .zcolorselect__preview, .sPChrtQckViewCnt .sPChrtQckView .shSplitMenu button.clrAutoIco span{
    background-image: url(images/sheet_sprite.89946bbe40b25ed9f47bbe91c2f72b35.svg);
    background-color: transparent!important;
    background-position: -3px -171px;
    background-repeat: no-repeat;
    border: none;
    background-size: auto;
}

.applySeriesIco .zcolorpicker__icon, .applySeriesIco .zcolorbutton__preview.zh-nofill{
    background-image: url(images/sheet_sprite.89946bbe40b25ed9f47bbe91c2f72b35.svg);
    background-color: transparent!important;
    background-position: -74px -171px;
    background-repeat: no-repeat;
    border: none;
    background-size: auto;
    width: 21px;
    height: 19px;
    top: 4px;
    left: 6px;
}
.shDarkMode .applySeriesIco .zcolorpicker__icon,.shDarkMode .applySeriesIco .zcolorbutton__preview.zh-nofill{
    background-position: -121px -171px;
}
.applySeriesIco .zcolorbutton__preview.zh-nofill:before{
    content: none;
}
.applySeriesIco .zcolorpicker__icon svg, .shPublishTopMenu .ZsShare.shShareIcon.shIconBefore:before{
    display: none;
}
.sPChrtQckViewCnt .sPChrtQckView .shSplitMenu button.clrAutoIco span{
    width: 16px;
    height: 16px;
    display: block;
}


#sharedialogdiv .ui-icon.zdc-anyoneshare,
#zdc_visible_default_hidediv .ui-icon.zdc-anyoneshare,
#zdc_visible_default_hidediv .ui-icon.zdc-specific,
#sharedialogdiv .ui-icon.zdc-specific,
#sharedialogdiv .ui-icon.zdc-anyonepasswrd,
#zdc_visible_default_hidediv .ui-icon.zdc-anyonepasswrd,
#sharedialogdiv .ui-icon.zdc-anyoneinternet,
#zdc_visible_default_hidediv .ui-icon.zdc-anyoneinternet,
.docsdialog #sharedialogdiv .deletegrey,
.docsdialog #attachopenfiledialogdiv .myspreadsheet_icon,
.docsdialog #attachopenfiledialogdiv .template,
.docsdialog #attachopenfiledialogdiv .zdc-foldericon_css,
.docsdialog #attachopenfiledialogdiv .shareTome,
.docsdialog #attachopenfiledialogdiv .searchIcon{
    background-image: url(images/sheet_sprite.89946bbe40b25ed9f47bbe91c2f72b35.svg)!important;
    width: 20px
}
.docsdialog #attachopenfiledialogdiv .myspreadsheet_icon{
    background-position: -28px -76px;
}
.docsdialog #attachopenfiledialogdiv .template{
    background-position: -52px -76px;
}
.docsdialog #attachopenfiledialogdiv .zdc-foldericon_css{
    background-position: -3px -100px;
}
.docsdialog #attachopenfiledialogdiv .shareTome{
    background-position: -76px -77px;
}
.docsdialog #attachopenfiledialogdiv .searchIcon{
    background-position: -221px -54px
}
.shDarkMode .docsdialog #attachopenfiledialogdiv .myspreadsheet_icon{
    background-position: -28px -100px;
}
.shDarkMode .docsdialog #attachopenfiledialogdiv .template{
    background-position: -52px -101px;
}
.shDarkMode .docsdialog #attachopenfiledialogdiv .zdc-foldericon_css{
    background-position: -3px -125px;
}
.shDarkMode .docsdialog #attachopenfiledialogdiv .shareTome{
    background-position: -76px -101px;
}
.docscursor.zdcvisibility_downarrow{
    border: 4px solid transparent;
    border-top-color: #6d6d6d;
    width: 0;
    height: 0;
    display: inline-block;
}
.docscursor.zdcvisibility_downarrow img{
    display: none;
}
#sharedialogdiv .ui-icon.zdc-anyoneshare,
#zdc_visible_default_hidediv .ui-icon.zdc-anyoneshare{
    background-position: -28px -147px;
}
#sharedialogdiv .ui-icon.zdc-specific,
#zdc_visible_default_hidediv .ui-icon.zdc-specific{
    background-position: -52px -149px;
}
#sharedialogdiv .ui-icon.zdc-anyonepasswrd,
#zdc_visible_default_hidediv .ui-icon.zdc-anyonepasswrd{
    background-position: -76px -146px
}
#sharedialogdiv .ui-icon.zdc-anyoneinternet,
#zdc_visible_default_hidediv .ui-icon.zdc-anyoneinternet{
    background-position: -98px -146px;
}


.shDarkMode #sharedialogdiv .ui-icon.zdc-anyoneshare,
.shDarkMode #zdc_visible_default_hidediv .ui-icon.zdc-anyoneshare{
    background-position: -124px -147px;
}
.shDarkMode #sharedialogdiv .ui-icon.zdc-specific,
.shDarkMode #zdc_visible_default_hidediv .ui-icon.zdc-specific{
    background-position: -148px -149px;
}
.shDarkMode #sharedialogdiv .ui-icon.zdc-anyonepasswrd,
.shDarkMode #zdc_visible_default_hidediv .ui-icon.zdc-anyonepasswrd{
    background-position: -171px -147px;
}
.shDarkMode #sharedialogdiv .ui-icon.zdc-anyoneinternet,
.shDarkMode #zdc_visible_default_hidediv .ui-icon.zdc-anyoneinternet{
    background-position: -195px -146px;
}
.pwdProt .svgBlckFill {
    fill: var(--zsheet-dropdown);
}




















/***** New signup page  *****/

.sheetGSign{
    height: 40px;
    width: 105px;
    background: url(images/google-icon-2x.9b5ee5205a37208ad0acf1a1cdba5ee3.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
    display: inline-block;
}
.sheetFSign{
    background: url(images/social-icon-2x.df01e8d9228df488e29124d915dd51de.png) no-repeat;
    background-size: 37px 145px;
    background-position: 0px -33px;
    display: inline-block;
    height: 40px;
    width: 40px;
    cursor: pointer;
}
.sheetISign{
    background: url(images/social-icon-2x.df01e8d9228df488e29124d915dd51de.png) no-repeat;
    background-size: 37px 145px;
    display: inline-block;
    background-position: 0px -69px;
    height: 40px;
    width: 40px;
    cursor: pointer;
}
.sheetOSign {
    background: url(images/social-icon-2x.df01e8d9228df488e29124d915dd51de.png) no-repeat;
    background-size: 37px 145px;
    background-position: 0px -105px;
    display: inline-block;
    height: 40px;
    width: 40px;
    cursor: pointer;
}
.sheetMenuSign{
    background: url(images/menu.6f3580261529c6262f766e78303b0688.png)  no-repeat;
    background-size: contain;
    height: 87px;
    width: 1163px;
}
.sheetMenuProfile{
    height: 87px;
    background: url(images/profile.bd775e16967bfad2676727d519e9a695.png) no-repeat;
    background-size: contain;
    width: 305px;
}
.fx1{
    background: url(images/fx1.8228d44ae6ea8635d2420d79b2d65272.png) no-repeat;
    background-size: contain;
    width: 214px;
    height: 23px; 
}
.fx2{
    background: url(images/fx2.72332efcba26eaab078abb4124885fdc.png) no-repeat;
    background-size: contain;
    width: 110px;
    height: 23px; 
}
.sheetSide1{
  background: url(images/side1.7d5c26a8f182ff644fda33b51b7f440b.png) no-repeat;
  height: 118px;
  width: 49px;
  background-size: contain;
}
.sheetSide2{
  background: url(images/side2.d4ecab82bca4261747e106c8ce09a519.png) no-repeat;
  height: 50px;
  width: 49px;
  background-size: contain;
}
.sheetBottom1{
  background: url(images/bottom1.3c155b0869df6c2c4482f7a3fce96838.png) no-repeat;
  height: 36px;
  width: 177px;
  background-size: contain;
}
.sheetBottom2{
  background: url(images/bottom2.43c4bee8a0a7fc113de282bfd1b548f3.png) no-repeat;
  height: 36px;
  width: 686px;
  background-size: contain;
}
.sheetGrid{
    background: url(images/grid.cb518e616f2a738831ee0bbb65c61b5a.png) no-repeat;
    height: 2050px;
    background-size: cover;
    width: 100%;
    margin-top: -1px;
}
.shSuggestTable:before, .shSuggestTableCol:before {
    width: 12px;
    height: 12px;
    background-position: -6px -198px;
    position: absolute;
    left: 5px;
    top: 8px;
}
.shDarkMode .shSuggestTable:before{
    background-position: -54px -198px;
}
.shSuggestTableCol:before {
    background-position: -30px -198px;
}
.shDarkMode .shSuggestTableCol:before {
    background-position: -78px -198px;
}
.shDarkMode .fldTd:before {
    background: url(images/pivot_date_dm.4f2c66c19c495277acdb33561659c8b2.svg) no-repeat;
    width: 12px; 
    height: 12px; 
}
.ffWidget { /* flash fill widget */
    background-position: -50px -213px;
}
.spotSB.srchInpBox, input[type="text"].fontSB {
    padding-left: 25px;
}
.spotSB ~ .shIconBefore:before { /* spot light search box with icon */
    left: 20px;
    top: 33px;
}
.fontSB ~ .shIconBefore:before { /* font search box with icon */
    left: 12px;
    top: 25px;
}