body{
  margin:0;
}
.x-spreadsheet{
  font-size:13px;
  line-height:normal;
  user-select:none;
  -moz-user-select:none;
  font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;
  box-sizing:content-box;
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
.x-spreadsheet textarea{
  font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;
}
.x-spreadsheet-sheet{
  position:relative;
  overflow:hidden;
}
.x-spreadsheet-workspace{
  display:grid;
  width:100%;
  grid-template-columns:minmax(0, 1fr) 0;
  align-items:stretch;
  overflow:hidden;
}
.x-spreadsheet-workspace.x-spreadsheet-workspace-format-open{
  grid-template-columns:minmax(0, 1fr) minmax(0, clamp(0, 42%, 340px));
}
.x-spreadsheet-workspace-sheet-pane{
  min-width:0;
  overflow:hidden;
}
.x-spreadsheet-workspace-sheet-pane > .x-spreadsheet-bottombar{
  box-sizing:border-box;
  width:100%;
}
.x-spreadsheet-format-panel{
  position:relative;
  z-index:90;
  display:flex;
  width:100%;
  min-width:0;
  flex-direction:column;
  align-self:stretch;
  box-sizing:border-box;
  overflow:hidden;
  color:#27313d;
  background:#fff;
  border-left:1px solid #d9dee5;
  box-shadow:-8px 0 24px rgba(31, 42, 55, .08);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(100%, 0, 0);
  transition:transform .24s cubic-bezier(.16, 1, .3, 1),opacity .18s ease,visibility 0s linear .24s;
}
.x-spreadsheet-format-panel.x-spreadsheet-format-panel-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateZ(0);
  transition-delay:0s;
}
.x-spreadsheet-format-panel-header{
  display:flex;
  min-height:52px;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  padding:0 10px 0 16px;
  border-bottom:1px solid #e4e7eb;
}
.x-spreadsheet-format-panel-title{
  overflow:hidden;
  font-size:15px;
  font-weight:600;
  line-height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.x-spreadsheet-format-panel-close,.x-spreadsheet-format-panel-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:0;
  color:inherit;
  font:inherit;
  background:transparent;
  border:0;
  cursor:pointer;
}
.x-spreadsheet-format-panel-close .x-spreadsheet-icon,.x-spreadsheet-format-panel-tab .x-spreadsheet-icon{
  margin:0;
}
.x-spreadsheet-format-panel-close{
  width:32px;
  height:32px;
  border-radius:4px;
}
.x-spreadsheet-format-panel-close:focus-visible,.x-spreadsheet-format-panel-close:hover{
  background:#f0f2f4;
  outline:none;
}
.x-spreadsheet-format-panel-close:active{
  transform:scale(.96);
}
.x-spreadsheet-format-panel-tabs{
  display:flex;
  min-height:56px;
  align-items:stretch;
  justify-content:center;
  gap:10px;
  padding:0 12px;
  border-bottom:1px solid #e4e7eb;
}
.x-spreadsheet-format-panel-tab{
  position:relative;
  width:42px;
  min-height:56px;
  cursor:default;
  opacity:.56;
}
.x-spreadsheet-format-panel-tab:not(:disabled){
  cursor:pointer;
  opacity:.76;
}
.x-spreadsheet-format-panel-tab:not(:disabled):focus-visible,.x-spreadsheet-format-panel-tab:not(:disabled):hover{
  color:#2f7d50;
  background:#f2f7f4;
  outline:none;
}
.x-spreadsheet-format-panel-tab:disabled{
  cursor:not-allowed;
  opacity:.32;
}
.x-spreadsheet-format-panel-tab.x-spreadsheet-format-panel-tab-active{
  color:#2f7d50;
  opacity:1;
}
.x-spreadsheet-format-panel-tab.x-spreadsheet-format-panel-tab-active:after{
  position:absolute;
  right:4px;
  bottom:0;
  left:4px;
  height:2px;
  content:"";
  background:#2f7d50;
}
.x-spreadsheet-format-panel-body{
  flex:1;
  box-sizing:border-box;
  overflow:auto;
  background:#fff;
}
.x-spreadsheet-format-panel-empty-title{
  margin:24px 20px 6px;
  font-size:14px;
  font-weight:600;
  line-height:20px;
}
.x-spreadsheet-format-panel-empty-description{
  max-width:250px;
  margin:0 20px;
  color:#697586;
  font-size:13px;
  line-height:20px;
}
.x-spreadsheet-format-panel-target{
  padding:12px 16px;
  background:#fafbfc;
  border-bottom:1px solid #e4e7eb;
}
.x-spreadsheet-format-panel-target-name{
  overflow:hidden;
  color:#27313d;
  font-size:13px;
  font-weight:600;
  line-height:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.x-spreadsheet-format-panel-target-type{
  overflow:hidden;
  margin-top:2px;
  color:#697586;
  font-size:12px;
  line-height:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.x-spreadsheet-format-panel-locked{
  margin:12px 16px 0;
  padding:10px 12px;
  color:#714b00;
  background:#fff8e6;
  border:1px solid #f0d99b;
  border-radius:4px;
}
.x-spreadsheet-format-panel-locked-title{
  font-size:13px;
  font-weight:600;
  line-height:18px;
}
.x-spreadsheet-format-panel-locked-description{
  margin-top:2px;
  font-size:12px;
  line-height:17px;
}
.x-spreadsheet-format-panel-sections{
  display:flex;
  flex-direction:column;
}
.x-spreadsheet-format-panel-section{
  border-bottom:1px solid #e4e7eb;
}
.x-spreadsheet-format-panel-section-heading{
  margin:0;
}
.x-spreadsheet-format-panel-section-toggle{
  display:flex;
  width:100%;
  min-height:46px;
  align-items:center;
  box-sizing:border-box;
  gap:10px;
  padding:12px 16px;
  color:#27313d;
  font:inherit;
  text-align:left;
  background:transparent;
  border:0;
  cursor:pointer;
}
.x-spreadsheet-format-panel-section-toggle:focus-visible,.x-spreadsheet-format-panel-section-toggle:hover{
  background:#f7f8f9;
  outline:none;
}
.x-spreadsheet-format-panel-section-chevron{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .16s ease;
}
.x-spreadsheet-format-panel-section-collapsed .x-spreadsheet-format-panel-section-chevron{
  transform:translate(-2px) rotate(-45deg);
}
.x-spreadsheet-format-panel-section-title{
  font-size:14px;
  font-weight:600;
  line-height:20px;
}
.x-spreadsheet-format-panel-section-content{
  padding:0 18px 18px 42px;
}
.x-spreadsheet-format-panel-fields{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.x-spreadsheet-format-panel-field{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0, 1fr) minmax(128px, 56%);
  align-items:center;
  column-gap:12px;
}
.x-spreadsheet-format-panel-fill-content{
  display:flex;
  flex-direction:column;
}
.x-spreadsheet-format-panel-fill-options{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.x-spreadsheet-format-panel-fill-option{
  display:flex;
  min-height:24px;
  align-items:center;
  gap:9px;
  color:#3c4653;
  font-size:13px;
  line-height:20px;
  cursor:pointer;
}
.x-spreadsheet-format-panel-fill-radio{
  width:17px;
  height:17px;
  flex:0 0 auto;
  margin:0;
  accent-color:#217346;
}
.x-spreadsheet-format-panel-fill-divider{
  height:1px;
  margin:14px 0;
  background:#d6d9dd;
}
.x-spreadsheet-format-panel-label{
  min-width:0;
  color:#374151;
  font-size:13px;
  line-height:18px;
}
.x-spreadsheet-format-panel-number-control{
  display:flex;
  min-width:0;
  height:36px;
  align-items:center;
  box-sizing:border-box;
  overflow:hidden;
  background:#fff;
  border:1px solid #9aa1a9;
  border-radius:5px;
}
.x-spreadsheet-format-panel-number-control:hover:not(.x-spreadsheet-format-panel-number-control-disabled){
  border-color:#66707a;
}
.x-spreadsheet-format-panel-number-control:focus-within{
  border-color:#217346;
  box-shadow:0 0 0 2px rgba(33, 115, 70, .14);
}
.x-spreadsheet-format-panel-number-control.x-spreadsheet-format-panel-control-invalid{
  border-color:#c43d3d;
  box-shadow:0 0 0 2px rgba(196, 61, 61, .12);
}
.x-spreadsheet-format-panel-number-control-disabled{
  background:#f1f3f5;
  border-color:#d4d8dd;
}
.x-spreadsheet-format-panel-number-input{
  width:100%;
  min-width:0;
  height:34px;
  box-sizing:border-box;
  padding:6px 4px 6px 10px;
  color:#27313d;
  font:inherit;
  font-size:13px;
  background:transparent;
  border:0;
  outline:none;
}
.x-spreadsheet-format-panel-number-input:focus{
  outline:none;
}
.x-spreadsheet-format-panel-number-input:disabled{
  color:#89939f;
  background:transparent;
  cursor:not-allowed;
}
.x-spreadsheet-format-panel-number-input.x-spreadsheet-format-panel-input-invalid{
  color:#b42318;
}
.x-spreadsheet-format-panel-unit{
  display:inline-flex;
  min-width:28px;
  height:34px;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  flex:0 0 auto;
  padding:0 8px 0 4px;
  color:#697586;
  font-size:12px;
  background:transparent;
}
.x-spreadsheet-format-panel-color-control{
  justify-self:end;
}
.x-spreadsheet-format-panel-color-button{
  display:inline-flex;
  width:72px;
  height:40px;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  padding:0 10px;
  color:#27313d;
  background:#fff;
  border:1px solid #8f969e;
  border-radius:6px;
  cursor:pointer;
}
.x-spreadsheet-format-panel-color-button:focus-visible,.x-spreadsheet-format-panel-color-button:hover:not(:disabled){
  border-color:#217346;
  box-shadow:0 0 0 2px rgba(33, 115, 70, .14);
  outline:none;
}
.x-spreadsheet-format-panel-color-button:disabled{
  cursor:not-allowed;
  opacity:.48;
}
.x-spreadsheet-format-panel-color-button-icon{
  position:relative;
  display:inline-flex;
  width:28px;
  height:27px;
  align-items:flex-start;
  justify-content:center;
}
.x-spreadsheet-format-panel-color-button-icon .x-spreadsheet-icon{
  margin:0;
}
.x-spreadsheet-format-panel-color-swatch{
  position:absolute;
  right:2px;
  bottom:0;
  left:2px;
  height:3px;
}
.x-spreadsheet-format-panel-color-button-arrow{
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}
.x-spreadsheet-format-panel-color-palette-popup{
  box-sizing:border-box;
  padding:4px;
  background:#fff;
  border:1px solid #c8cdd3;
  border-radius:4px;
  box-shadow:0 8px 22px rgba(31, 42, 55, .2);
}
.x-spreadsheet-format-panel-error{
  grid-column:2;
  margin-top:4px;
  color:#b42318;
  font-size:12px;
  line-height:16px;
}
@media (max-width:720px){
  .x-spreadsheet-format-panel-section-content{
    padding-right:16px;
    padding-left:16px;
  }
  .x-spreadsheet-format-panel-field{
    grid-template-columns:minmax(0, 1fr);
    row-gap:5px;
  }
  .x-spreadsheet-format-panel-color-control{
    justify-self:start;
  }
  .x-spreadsheet-format-panel-error{
    grid-column:1;
  }
}
@media (prefers-reduced-motion:reduce){
  .x-spreadsheet-format-panel{
    transition:none;
  }
}
.x-spreadsheet-table{
  vertical-align:bottom;
}
.x-spreadsheet-tooltip{
  font-family:inherit;
  position:absolute;
  padding:5px 10px;
  color:#fff;
  border-radius:1px;
  background:#000;
  font-size:12px;
  z-index:201;
}
.x-spreadsheet-tooltip:before{
  pointer-events:none;
  position:absolute;
  left:calc(50% - 4px);
  top:-4px;
  content:"";
  width:8px;
  height:8px;
  background:inherit;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  z-index:1;
  box-shadow:1px 1px 3px -1px rgba(0, 0, 0, .3);
}
.x-spreadsheet-comment-tip{
  box-sizing:border-box;
  font-family:inherit;
  position:absolute;
  padding:5px 10px;
  color:#fff;
  border-radius:1px;
  background:#ffffe1;
  font-size:12px;
  max-width:min(720px, calc(100vw - 16px));
  max-height:min(420px, 45vh, calc(100vh - 16px));
  overflow:auto;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  z-index:201;
}
.x-spreadsheet-comment-tip:before{
  pointer-events:none;
  position:absolute;
  left:-4px;
  top:calc(50% - 4px);
  content:"";
  width:8px;
  height:8px;
  background:inherit;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  z-index:1;
  box-shadow:1px 1px 3px -1px rgba(255, 255, 0, .3);
}
.x-spreadsheet-comment-tip.has-thread{
  padding:0;
  background:#fff;
  border:1.5px solid #d0c4e8;
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0, 0, 0, .08);
  transition:border-color .2s,box-shadow .2s;
}
.x-spreadsheet-comment-tip.has-thread:before{
  display:none;
}
.x-spreadsheet-comment-tip.has-thread:hover{
  border-color:#7a5cff;
  box-shadow:0 4px 16px rgba(122, 92, 255, .15);
}
.x-spreadsheet-comment-tip.has-thread .x-spreadsheet-comment-card{
  width:max-content;
  min-width:260px;
  max-width:500px;
}
.x-spreadsheet-comment-tip .x-spreadsheet-comment-card{
  background:#fff;
  border-radius:8px;
  min-width:280px;
  max-width:420px;
}
.x-spreadsheet-comment-tip .x-spreadsheet-comment-card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 14px;
  border-bottom:1px solid #ede8f5;
}
.x-spreadsheet-comment-tip .x-spreadsheet-comment-cell-ref{
  font-size:13px;
  font-weight:600;
  color:#444;
}
.x-spreadsheet-comment-tip .x-spreadsheet-comment-card-body{
  padding:10px 14px;
}
.x-spreadsheet-comment-tip .x-spreadsheet-comment-item{
  padding:6px 0;
}
.x-spreadsheet-comment-tip .x-spreadsheet-comment-item-header{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:4px;
}
.x-spreadsheet-comment-tip .x-spreadsheet-comment-dot{
  width:8px;
  height:8px;
  min-width:8px;
  border-radius:50%;
  flex-shrink:0;
}
.x-spreadsheet-comment-tip .x-spreadsheet-comment-author{
  font-weight:600;
  font-size:13px;
  color:#222;
}
.x-spreadsheet-comment-tip .x-spreadsheet-comment-time{
  font-size:11px;
  color:#999;
  margin-left:auto;
  white-space:nowrap;
}
.x-spreadsheet-comment-tip .x-spreadsheet-comment-item-body{
  font-size:13px;
  color:#333;
  line-height:1.5;
  padding-left:15px;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.x-spreadsheet-comment-tip .x-spreadsheet-comment-divider{
  height:1px;
  background:#ede8f5;
  margin:4px 0;
}
.x-spreadsheet-html-tip{
  position:absolute;
  z-index:997;
}
.x-spreadsheet-formula-explain{
  font-family:inherit;
  position:absolute;
  padding:5px 10px;
  color:#fff;
  border-radius:1px;
  background:#fff8dc;
  opacity:.7;
  font-size:12px;
  z-index:201;
  max-width:300px;
}
.x-spreadsheet-formula-explain:before{
  pointer-events:none;
  position:absolute;
  left:-4px;
  top:calc(50% - 4px);
  content:"";
  width:8px;
  height:8px;
  background:inherit;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  z-index:1;
  box-shadow:1px 1px 3px -1px rgba(255, 255, 0, .3);
}
.x-spreadsheet-color-palette{
  padding:5px;
}
.x-spreadsheet-color-palette table{
  margin:0;
  padding:0;
  border-collapse:separate;
  border-spacing:2px;
  background:#fff;
}
.x-spreadsheet-color-palette table td{
  margin:0;
  cursor:pointer;
  border:1px solid transparent;
}
.x-spreadsheet-color-palette table td:hover{
  border-color:#ddd;
}
.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell{
  width:16px;
  height:16px;
}
.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell:focus-visible{
  outline:2px solid #217346;
  outline-offset:1px;
}
.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell[aria-pressed="true"]{
  box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #217346;
}
.x-spreadsheet-banner{
  display:flex;
  width:100%;
  background:#f5f6f7;
}
.x-spreadsheet-banner-info{
  display:flex;
  height:80px;
  text-align:left;
  width:90%;
  flex-direction:column;
}
.x-spreadsheet-banner-info-s{
  display:flex;
  height:40px;
  text-align:left;
  width:90%;
  flex-direction:column;
}
.x-spreadsheet-banner-icon{
  width:60px;
  height:60px;
  margin:10px;
  background-repeat:no-repeat;
  background-image:url(555f60323063f2b68b6eac7ce9c45b19.svg);
}
.x-spreadsheet-banner-icon-s{
  width:30px;
  height:30px;
  margin:5px;
  background-repeat:no-repeat;
  background-image:url(555f60323063f2b68b6eac7ce9c45b19.svg);
}
.x-spreadsheet-banner-filename{
  width:max-content;
  max-width:90%;
  height:40px;
  padding:0 5px;
  font-size:xx-large;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
}
.x-spreadsheet-banner-filename-name{
  white-space:nowrap;
  overflow-x:scroll;
  display:flex;
  align-items:center;
}
.x-spreadsheet-banner-filename-name::-webkit-scrollbar{
  display:none;
}
.x-spreadsheet-border-palette{
  padding:6px;
}
.x-spreadsheet-border-palette table{
  margin:0;
  padding:0;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  table-layout:fixed;
}
.x-spreadsheet-border-palette table td{
  margin:0;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left{
  border-right:1px solid #eee;
  padding-right:6px;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell{
  width:30px;
  height:30px;
  cursor:pointer;
  text-align:center;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell .x-spreadsheet-icon-img{
  opacity:.8;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover{
  background-color:#eee;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right{
  padding-left:6px;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-toolbar-btn{
  margin-top:0;
  margin-bottom:3px;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type{
  position:relative;
  left:0;
  top:-3px;
}
.x-spreadsheet-dropdown{
  position:relative;
}
.x-spreadsheet-dropdown .x-spreadsheet-dropdown-content{
  position:absolute;
  z-index:200;
  width:max-content;
  background:#fff;
  border:1px solid #ccc;
  border-radius:2px;
  box-shadow:1px 2px 5px 2px rgba(51, 51, 51, .15);
  max-height:600px;
  font-size:medium;
  font-weight:500;
  overflow-y:auto;
}
.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content{
  top:calc(100% + 5px);
  left:0;
  overflow-y:visible;
}
.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-menubar-dropdown-content{
  top:-5px;
  left:calc(100% + 15px);
}
.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content{
  top:calc(100% + 5px);
  right:0;
  left:auto;
}
.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-menubar-dropdown-content{
  top:-5px;
  right:calc(100% + 15px);
  left:auto;
}
.x-spreadsheet-dropdown.bottom-center .x-spreadsheet-dropdown-content{
  top:calc(100% + 5px);
  right:calc(-75% + 5px);
  left:auto;
}
.x-spreadsheet-dropdown.bottom-center .x-spreadsheet-menubar-dropdown-content{
  top:calc(100% + 5px);
  right:calc(-75% + 5px);
  left:auto;
}
.x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content{
  bottom:calc(100% + 5px);
  left:0;
}
.x-spreadsheet-dropdown.top-left .x-spreadsheet-menubar-dropdown-content{
  top:-5px;
  left:calc(100% + 15px);
}
.x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content{
  bottom:calc(100% + 5px);
  right:0;
}
.x-spreadsheet-dropdown.top-right .x-spreadsheet-menubar-dropdown-content{
  top:-5px;
  left:calc(100% + 15px);
}
.x-spreadsheet-dropdown .x-spreadsheet-dropdown-title{
  padding:0 5px;
  display:inline-block;
}
.x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-left{
  margin-left:4px;
}
.x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-right{
  width:10px;
  margin-right:4px;
}
.x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-right .arrow-down{
  left:-130px;
}
.x-spreadsheet-dropdown.x-spreadsheet-dropdown-insert-image .x-spreadsheet-dropdown-content{
  padding:6px 0;
}
.x-spreadsheet-dropdown.x-spreadsheet-dropdown-insert-image .x-spreadsheet-item label{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  cursor:pointer;
  font-weight:inherit;
  font-size:inherit;
  color:inherit;
}
.x-spreadsheet-batch-delete-menu{
  overflow:visible !important;
}
.x-spreadsheet-batch-delete-menu-item{
  min-width:max-content;
  cursor:pointer;
  overflow:visible;
  white-space:nowrap;
}
.x-spreadsheet-batch-delete-menu-item .x-spreadsheet-icon{
  flex-shrink:0;
}
.x-spreadsheet-batch-delete-menu-label{
  flex:1;
}
.x-spreadsheet-batch-delete-menu-arrow{
  margin-left:auto;
  font-size:24px;
  font-weight:300;
  line-height:18px;
}
.x-spreadsheet-dropdown.x-spreadsheet-batch-delete-submenu{
  width:100%;
}
.x-spreadsheet-dropdown.x-spreadsheet-batch-delete-submenu > .x-spreadsheet-dropdown-header{
  width:100%;
}
.x-spreadsheet-dropdown.x-spreadsheet-batch-delete-submenu > .x-spreadsheet-dropdown-content{
  top:0;
  left:calc(100% + 4px);
  overflow:visible;
}
.x-spreadsheet-autofill-option-group{
  background-color:#fff;
  position:absolute;
  flex-direction:column;
  display:flex;
  width:max-content;
  left:0;
  top:25px;
  border:1px solid #ccc;
  box-shadow:4px 3px 2px 0 rgba(0, 0, 0, .1);
  z-index:999;
}
.x-spreadsheet-autofill-option-radio{
  display:flex;
  align-items:baseline;
  padding:5px;
}
.x-spreadsheet-autofill-option-radio:hover{
  background-color:#f5f6f7;
}
.x-spreadsheet-autofill-option{
  width:30px;
  height:23px;
  position:absolute;
  z-index:999;
  background-color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1px;
  border:1px solid #ccc;
}
.x-spreadsheet-chart-button-group{
  position:absolute;
  display:flex;
  flex-direction:column;
  gap:5px;
  z-index:1000;
}
.x-spreadsheet-chart-button{
  width:100%;
  display:flex;
  justify-content:center;
  padding-left:1px;
  padding-right:1px;
  background-color:#fff;
  border:1px solid #bbb;
}
.x-spreadsheet-chart-color-row{
  display:flex;
  justify-content:center;
  gap:2px;
  padding:2px;
}
.x-spreadsheet-chart-color-row:hover{
  background-color:#f5f6f7;
  box-shadow:0 0 0 1px #bbb;
}
.x-spreadsheet-chart-button-detail{
  width:180px;
  background-color:#fff;
  border:1px solid #ccc;
  position:absolute;
  z-index:1001;
  padding:5px;
}
.x-spreadsheet-resizer{
  position:absolute;
  z-index:11;
}
.x-spreadsheet-resizer .x-spreadsheet-resizer-hover{
  background-color:rgba(75, 137, 255, .25);
}
.x-spreadsheet-resizer .x-spreadsheet-resizer-line{
  position:absolute;
}
.x-spreadsheet-resizer.horizontal{
  cursor:row-resize;
}
.x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line{
  border-bottom:2px dashed #4b89ff;
  left:0;
  bottom:0;
}
.x-spreadsheet-resizer.vertical{
  cursor:col-resize;
}
.x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line{
  border-right:2px dashed #4b89ff;
  top:0;
  right:0;
}
.x-spreadsheet-scrollbar{
  position:absolute;
  bottom:0;
  right:0;
  background-color:#f4f5f8;
  opacity:.9;
  z-index:12;
  display:flex;
}
.x-spreadsheet-scrollbar .x-spreadsheet-scrollbar-track{
  flex:1 1 auto;
  align-self:center;
  min-width:0;
  min-height:0;
}
.x-spreadsheet-scrollbar .x-spreadsheet-scrollbar-content{
  background:#ddd;
}
.x-spreadsheet-scrollbar .x-spreadsheet-scrollbar-button{
  position:relative;
  box-sizing:border-box;
  flex:0 0 15px;
  width:15px;
  height:15px;
  margin:0;
  padding:0;
  border:1px solid #c7ccd6;
  background:#eef1f6;
  cursor:default;
  outline:none;
}
.x-spreadsheet-scrollbar .x-spreadsheet-scrollbar-button::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:0;
  height:0;
  transform:translate(-50%, -50%);
}
.x-spreadsheet-scrollbar .x-spreadsheet-scrollbar-button:hover{
  background:#e1e6ef;
}
.x-spreadsheet-scrollbar .x-spreadsheet-scrollbar-button:active{
  background:#d7dde8;
}
.x-spreadsheet-scrollbar.horizontal{
  right:15px;
  height:15px;
  flex-direction:row;
}
.x-spreadsheet-scrollbar.horizontal .x-spreadsheet-scrollbar-track{
  height:12px;
  overflow-x:scroll;
  overflow-y:hidden;
}
.x-spreadsheet-scrollbar.horizontal .x-spreadsheet-scrollbar-button{
  width:15px;
  height:15px;
  border-top-width:0;
  border-bottom-width:0;
}
.x-spreadsheet-scrollbar.horizontal .x-spreadsheet-scrollbar-button.decrease::before{
  border-top:4px solid transparent;
  border-right:5px solid #4f5b6b;
  border-bottom:4px solid transparent;
}
.x-spreadsheet-scrollbar.horizontal .x-spreadsheet-scrollbar-button.increase::before{
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:5px solid #4f5b6b;
}
.x-spreadsheet-scrollbar.horizontal .x-spreadsheet-scrollbar-content{
  height:1px;
}
.x-spreadsheet-scrollbar.vertical{
  bottom:15px;
  width:15px;
  flex-direction:column;
}
.x-spreadsheet-scrollbar.vertical .x-spreadsheet-scrollbar-track{
  width:12px;
  overflow-x:hidden;
  overflow-y:scroll;
}
.x-spreadsheet-scrollbar.vertical .x-spreadsheet-scrollbar-button{
  width:15px;
  height:15px;
  border-left-width:0;
  border-right-width:0;
}
.x-spreadsheet-scrollbar.vertical .x-spreadsheet-scrollbar-button.decrease::before{
  border-right:4px solid transparent;
  border-bottom:5px solid #4f5b6b;
  border-left:4px solid transparent;
}
.x-spreadsheet-scrollbar.vertical .x-spreadsheet-scrollbar-button.increase::before{
  border-top:5px solid #4f5b6b;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
}
.x-spreadsheet-scrollbar.vertical .x-spreadsheet-scrollbar-content{
  width:1px;
}
.x-spreadsheet-overlayer{
  position:absolute;
  left:0;
  top:0;
  z-index:10;
}
.x-spreadsheet-overlayer .x-spreadsheet-overlayer-content{
  position:absolute;
  overflow:hidden;
  pointer-events:none;
  width:100%;
  height:100%;
}
.x-spreadsheet-popup-root{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1000;
  overflow:visible;
  pointer-events:none;
  background:transparent;
}
.x-spreadsheet-popup-root > *{
  pointer-events:auto;
}
.x-spreadsheet-batch-insert-row{
  position:absolute;
  display:flex;
  align-items:center;
  padding:8px 6px;
  background:#f5f6f7;
  border-top:1px solid #e0e2e4;
  z-index:15;
}
.x-spreadsheet-editor,.x-spreadsheet-selector{
  box-sizing:content-box;
  position:absolute;
  overflow:hidden;
  pointer-events:none;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.x-spreadsheet-selector .hide-input{
  position:absolute;
  z-index:0;
}
.x-spreadsheet-selector .hide-input input{
  padding:0;
  width:0;
  border:none !important;
}
.x-spreadsheet-selector .x-spreadsheet-selector-area{
  position:absolute;
  border:2px solid #4b89ff;
  background:rgba(75, 137, 255, .1);
  z-index:5;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
}
.x-spreadsheet-selector .x-spreadsheet-selector-area.dashed{
  border:2px dashed #4b89ff;
}
.x-spreadsheet-selector .x-spreadsheet-selector-validation-input-message{
  position:relative;
  z-index:100;
  background:#f5f6f7;
  border:2px solid #e0e2e4;
  border-radius:5px;
  padding:5px;
  font-size:12px;
  color:#333;
  box-shadow:1px 2px 5px 2px rgba(51, 51, 51, .15);
}
.x-spreadsheet-selector .x-spreadsheet-selector-autofill,.x-spreadsheet-selector .x-spreadsheet-selector-clipboard,.x-spreadsheet-selector .x-spreadsheet-selector-fixed-cell{
  position:absolute;
  background:transparent;
  z-index:100;
}
.x-spreadsheet-selector .x-spreadsheet-selector-clipboard{
  border:2px dashed #4b89ff;
}
.x-spreadsheet-selector .x-spreadsheet-selector-fixed-cell{
  border:2px solid #4b89ff;
}
.x-spreadsheet-selector .x-spreadsheet-selector-autofill{
  border:1px dashed rgba(0, 0, 0, .45);
}
.x-spreadsheet-selector .x-spreadsheet-selector-userlabel{
  position:absolute;
  top:-20px;
  left:0;
  padding:4px 8px;
}
.x-spreadsheet-selector .x-spreadsheet-selector-corner{
  pointer-events:auto;
  position:absolute;
  cursor:crosshair;
  font-size:0;
  height:9px;
  width:9px;
  right:-5px;
  bottom:-5px;
  border:2px solid #fff;
  background:#4b89ff;
}
.x-spreadsheet-editor{
  z-index:20;
}
.x-spreadsheet-editor .x-spreadsheet-editor-area{
  position:absolute;
  text-align:left;
  z-index:100;
  pointer-events:auto;
}
.x-spreadsheet-editor .x-spreadsheet-editor-area textarea{
  box-sizing:content-box;
  border:none;
  padding:0 3px;
  outline:none;
  resize:none;
  text-align:start;
  overflow-y:hidden;
  font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;
  color:inherit;
  white-space:normal;
  word-wrap:break-word;
  line-height:22px;
  margin:0;
}
.x-spreadsheet-editor .x-spreadsheet-editor-area .htmlline{
  outline:1px solid rgba(243, 224, 224, .788235294117647);
  background:#fff;
  margin:2px;
}
.x-spreadsheet-editor .x-spreadsheet-editor-area .htmlline.shape-edit-plain{
  background:#fff !important;
  color:#000 !important;
}
.x-spreadsheet-editor .x-spreadsheet-editor-area .htmlline.shape-edit-plain *{
  color:#000 !important;
  background-color:transparent !important;
}
.x-spreadsheet-editor .x-spreadsheet-editor-area .textline{
  overflow:hidden;
  visibility:hidden;
  position:fixed;
  top:0;
  left:0;
}
.x-spreadsheet-item{
  user-select:none;
  background:0;
  border:1px solid transparent;
  outline:none;
  height:26px;
  color:rgba(0, 0, 0, .9);
  line-height:26px;
  list-style:none;
  padding:2px 10px;
  cursor:default;
  text-align:left;
  overflow:hidden;
  width:100%;
  display:flex;
  align-items:center;
  gap:8px;
}
.x-spreadsheet-item .x-spreadsheet-icon{
  flex-shrink:0;
}
.x-spreadsheet-item .title{
  flex-grow:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.x-spreadsheet-item.disabled{
  pointer-events:none;
  opacity:.5;
}
.x-spreadsheet-item.active,.x-spreadsheet-item:hover{
  background:rgba(224, 215, 215, .9);
}
.x-spreadsheet-item.divider{
  height:0;
  padding:0;
  margin:5px 0;
  border:none;
  border-bottom:1px solid rgba(0, 0, 0, .1);
  display:block;
}
.x-spreadsheet-item .label{
  float:right;
  opacity:.65;
  font-size:1em;
  margin-left:auto;
  padding-left:10px;
  flex-shrink:0;
}
.x-spreadsheet-item .labelcnt{
  float:right;
  color:green;
  font-size:1em;
}
.x-spreadsheet-contextmenu .x-spreadsheet-item{
  width:unset;
}
.x-spreadsheet-contextmenu .x-spreadsheet-item.disabled{
  pointer-events:none;
  opacity:.5;
  cursor:default;
}
.x-spreadsheet-header.state,.x-spreadsheet-item.state{
  padding-left:35px !important;
  position:relative;
}
.x-spreadsheet-header.state:before,.x-spreadsheet-item.state:before{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  left:12px;
  top:calc(50% - 5px);
  background:rgba(0, 0, 0, .08);
  border-radius:2px;
}
.x-spreadsheet-header.state.checked:before,.x-spreadsheet-item.state.checked:before{
  background:#4b89ff;
}
.x-spreadsheet-checkbox{
  position:relative;
  display:inline-block;
  backface-visibility:hidden;
  outline:0;
  vertical-align:baseline;
  font-style:normal;
  font-size:1rem;
  line-height:1em;
}
.x-spreadsheet-checkbox > input{
  position:absolute;
  top:0;
  left:0;
  opacity:0 !important;
  outline:0;
  z-index:-1;
}
.x-spreadsheet-contextmenu,.x-spreadsheet-sort-filter,.x-spreadsheet-suggest{
  position:absolute;
  box-shadow:1px 2px 5px 2px rgba(51, 51, 51, .15);
  background:#fff;
  z-index:100;
  width:260px;
  pointer-events:auto;
  max-height:calc(100vh - 20px);
  overflow-y:auto;
  overflow-x:hidden;
}
.x-spreadsheet-suggest{
  width:200px;
}
.x-spreadsheet-validation-list-item-selected{
  background:rgba(33, 133, 208, .1) !important;
  border-left:3px solid #2185d0;
}
.x-spreadsheet-filter{
  border:1px solid #e9e9e9;
  font-size:12px;
  margin:10px;
}
.x-spreadsheet-filter .x-spreadsheet-header{
  padding:.5em .75em;
  background:#f8f8f9;
  border-bottom:1px solid #e9e9e9;
  border-left:1px solid transparent;
}
.x-spreadsheet-filter .x-spreadsheet-body{
  max-height:200px;
  overflow-y:auto;
  overflow-x:auto;
}
.x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item{
  height:20px;
  line-height:20px;
  width:max-content;
  min-width:100%;
  white-space:nowrap;
  overflow:visible;
}
.x-spreadsheet-filter .x-spreadsheet-body .labelcnt{
  flex-shrink:0;
  white-space:nowrap;
}
.x-spreadsheet-sort-filter .x-spreadsheet-buttons{
  margin:10px;
}
.x-spreadsheet-bottombar,.x-spreadsheet-toolbar{
  height:40px;
  padding:0 30px;
  text-align:left;
  background:#f5f6f7;
  display:flex;
}
.x-spreadsheet-scroll-button-container{
  display:flex;
  align-items:center;
  flex-shrink:0;
  border-left:1px solid #e0e2e4;
  padding:0 5px;
}
.x-spreadsheet-scroll-button{
  width:20px;
  height:20px;
  line-height:18px;
  text-align:center;
  cursor:pointer;
  border:1px solid #ccc;
  border-radius:50%;
  margin:0 2px;
  user-select:none;
  font-weight:700;
  color:#666;
  background-color:#fff;
  transition:background-color .2s,opacity .2s;
}
.x-spreadsheet-scroll-button:hover{
  background-color:#f0f0f0;
}
.x-spreadsheet-scroll-button[disabled]{
  opacity:.4;
  cursor:not-allowed;
  background-color:#f5f5f5;
  pointer-events:none;
}
.x-spreadsheet-bottombar{
  position:relative;
  border-top:1px solid #e0e2e4;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.x-spreadsheet-bottombar .x-spreadsheet-menu > li{
  line-height:40px;
  height:40px;
  padding-top:0;
  padding-bottom:0;
  vertical-align:middle;
}
.x-spreadsheet-bottombar .x-spreadsheet-stats{
  padding:0 10px;
  height:40px;
  display:flex;
  align-items:center;
  color:#666;
  font-size:12px;
  overflow:hidden;
}
.x-spreadsheet-bottombar .x-spreadsheet-stat-item{
  margin-right:12px;
  white-space:nowrap;
}
.x-spreadsheet-bottombar [class^="x-spreadsheet-stat-value-"]{
  font-weight:700;
  color:#333;
}
.x-spreadsheet-bottombar-right-controls{
  display:flex;
  align-items:center;
  flex-shrink:0;
  height:40px;
}
.x-spreadsheet-zoom-control{
  display:flex;
  align-items:center;
  flex-shrink:0;
  gap:7px;
  height:40px;
  padding:0 8px;
  border-left:1px solid #e0e2e4;
  color:#2f3437;
  font-size:14px;
  white-space:nowrap;
}
button.x-spreadsheet-zoom-button{
  position:relative;
  width:16px;
  height:24px;
  padding:0;
  border:0;
  background:transparent;
  color:#2f3437;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0;
  font-weight:300;
  line-height:0;
  text-align:center;
  user-select:none;
}
button.x-spreadsheet-zoom-button::after,button.x-spreadsheet-zoom-button::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  background:currentColor;
  transform:translate(-50%, -50%);
}
button.x-spreadsheet-zoom-button::before{
  width:10px;
  height:2px;
}
button.x-spreadsheet-zoom-button[aria-label="Zoom in"]::after{
  width:2px;
  height:10px;
}
button.x-spreadsheet-zoom-button:hover{
  color:#111827;
}
button.x-spreadsheet-zoom-button:focus-visible{
  outline:1px solid #6b7280;
  outline-offset:2px;
}
input[type="range"].x-spreadsheet-zoom-slider{
  width:80px;
  height:24px;
  margin:0;
  background:transparent;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
input[type="range"].x-spreadsheet-zoom-slider::-webkit-slider-runnable-track{
  height:2px;
  background:#5f6368;
}
input[type="range"].x-spreadsheet-zoom-slider::-webkit-slider-thumb{
  width:8px;
  height:18px;
  margin-top:-8px;
  background:#6b6f72;
  border:0;
  border-radius:0;
  appearance:none;
  -webkit-appearance:none;
}
input[type="range"].x-spreadsheet-zoom-slider::-moz-range-track{
  height:2px;
  background:#5f6368;
}
input[type="range"].x-spreadsheet-zoom-slider::-moz-range-thumb{
  width:8px;
  height:18px;
  background:#6b6f72;
  border:0;
  border-radius:0;
}
input[type="range"].x-spreadsheet-zoom-slider:focus-visible{
  outline:1px solid #6b7280;
  outline-offset:3px;
}
.x-spreadsheet-zoom-value{
  min-width:42px;
  text-align:right;
  font-size:13px;
  font-weight:400;
  color:#1f2933;
}
.x-spreadsheet-menu-wrapper{
  position:relative;
  flex-grow:1;
  min-width:0;
  display:flex;
  align-items:center;
}
.x-spreadsheet-menu-wrapper::after,.x-spreadsheet-menu-wrapper::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:20px;
  pointer-events:none;
  z-index:2;
  transition:opacity .3s;
  opacity:0;
}
.x-spreadsheet-menu-wrapper::before{
  left:0;
  background:linear-gradient(90deg, rgba(0, 0, 0, .12), transparent);
}
.x-spreadsheet-menu-wrapper::after{
  right:0;
  background:linear-gradient(270deg, rgba(0, 0, 0, .12), transparent);
}
.x-spreadsheet-menu-wrapper.scrollable-left::before{
  opacity:1;
}
.x-spreadsheet-menu-wrapper.scrollable-right::after{
  opacity:1;
}
.x-spreadsheet-menu{
  list-style:none;
  margin:0;
  padding:0;
  user-select:none;
  display:flex;
  overflow-x:auto;
  scrollbar-width:none;
}
.x-spreadsheet-menu::-webkit-scrollbar{
  display:none;
}
.x-spreadsheet-bottombar-actions{
  display:flex;
  align-items:center;
  flex-shrink:0;
  padding:0 5px;
  height:100%;
}
.x-spreadsheet-bottombar-actions .x-spreadsheet-dropdown,.x-spreadsheet-bottombar-actions .x-spreadsheet-icon{
  margin:0 6px;
}
.x-spreadsheet-bottombar-actions .x-spreadsheet-dropdown-content .x-spreadsheet-item{
  width:180px !important;
  max-width:180px;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.x-spreadsheet-menu > li{
  flex-shrink:0;
  line-height:1.25em;
  padding:.785em 1em;
  margin:0;
  vertical-align:middle;
  text-align:left;
  color:#80868b;
  white-space:nowrap;
  cursor:pointer;
  transition:all .3s;
  font-weight:700;
}
.x-spreadsheet-menu > li.active{
  background-color:#fff;
  color:#3c763d !important;
}
.x-spreadsheet-menu > li.x-spreadsheet-dragging{
  opacity:.65;
  cursor:grabbing;
}
.x-spreadsheet-menu > li.x-spreadsheet-drag-target-before{
  box-shadow:inset 3px 0 0 #3c763d;
}
.x-spreadsheet-menu > li.x-spreadsheet-drag-target-after{
  box-shadow:inset -3px 0 0 #3c763d;
}
.x-spreadsheet-menu > li .x-spreadsheet-icon{
  margin:0 6px;
}
.x-spreadsheet-menu > li .x-spreadsheet-icon .x-spreadsheet-icon-img:hover{
  opacity:.85;
}
.x-spreadsheet-menu > li .x-spreadsheet-dropdown{
  display:inline-block;
}
.x-spreadsheet-toolbar.x-spreadsheet-menubar{
  padding:0;
  justify-content:flex-start;
}
.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-menubar-btn::after{
  content:"";
  position:absolute;
  top:50%;
  right:5px;
  transform:translateY(-50%);
  width:0;
  height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:5px solid #000;
}
.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-item,.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-menubar-btn{
  line-height:25px;
  height:unset;
  padding:2px 10px;
  position:relative;
}
.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-item .x-spreadsheet-menu-icon-text,.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-menubar-btn .x-spreadsheet-menu-icon-text{
  align-items:center;
  gap:5px;
  padding-right:20px;
}
.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-item .x-spreadsheet-menu-icon-text .x-spreadsheet-icon,.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-menubar-btn .x-spreadsheet-menu-icon-text .x-spreadsheet-icon{
  transform:scale(1.2);
}
.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-divider{
  width:90%;
  height:1px;
  margin:2px auto;
  background:#e0e2e4;
}
.x-spreadsheet-toolbar{
  border-bottom:1px solid #e0e2e4;
  justify-content:space-between;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btns{
  display:inline-flex;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-more{
  padding:0 6px 6px;
  text-align:left;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:2px;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-more .x-spreadsheet-toolbar-btn{
  display:inline-flex !important;
  align-items:center;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-more .x-spreadsheet-dropdown{
  width:auto !important;
  max-width:180px;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-more .x-spreadsheet-dropdown .x-spreadsheet-dropdown-title{
  max-width:150px !important;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-more .x-spreadsheet-toolbar-divider{
  margin-top:0;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn{
  flex:0 0 auto;
  display:inline-block;
  border:1px solid transparent;
  height:26px;
  line-height:26px;
  min-width:26px;
  margin:6px 1px 0;
  padding:0;
  text-align:center;
  border-radius:2px;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn.disabled{
  pointer-events:none;
  opacity:.5;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn.active,.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn:hover{
  background:rgba(0, 0, 0, .08);
}
.x-spreadsheet-toolbar .x-spreadsheet-menubar-btn{
  flex:0 0 auto;
  border:1px solid transparent;
  height:26px;
  line-height:26px;
  list-style:none;
  padding:2px 10px;
  cursor:default;
  min-width:26px;
  margin:6px 1px 0;
  text-align:left;
  border-radius:2px;
}
.x-spreadsheet-toolbar .x-spreadsheet-menubar-btn.disabled{
  pointer-events:none;
  opacity:.5;
}
.x-spreadsheet-toolbar .x-spreadsheet-menubar-btn.active,.x-spreadsheet-toolbar .x-spreadsheet-menubar-btn:hover{
  background:rgba(0, 0, 0, .08);
}
.x-spreadsheet-toolbar-divider{
  display:inline-block;
  border-right:1px solid #e0e2e4;
  width:0;
  vertical-align:middle;
  height:18px;
  margin:12px 3px 0;
}
.x-spreadsheet-print{
  position:absolute;
  left:0;
  top:0;
  z-index:100;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
}
.x-spreadsheet-print-bar{
  background:#424242;
  height:60px;
  line-height:60px;
  padding:0 30px;
}
.x-spreadsheet-print-bar .-title{
  color:#fff;
  font-weight:700;
  font-size:1.2em;
  float:left;
}
.x-spreadsheet-print-bar .-right{
  float:right;
  margin-top:12px;
}
.x-spreadsheet-print-content{
  display:flex;
  flex:auto;
  flex-direction:row;
  background:#d0d0d0;
  height:calc(100% - 60px);
}
.x-spreadsheet-print-content .-sider{
  flex:0 0 300px;
  width:300px;
  border-left:2px solid #ccc;
  background:#fff;
}
.x-spreadsheet-print-content .-content{
  flex:auto;
  overflow-x:auto;
  overflow-y:scroll;
  height:100%;
}
.x-spreadsheet-canvas-card-wraper{
  margin:40px 20px;
}
.x-spreadsheet-canvas-card{
  background:#fff;
  margin:auto;
  page-break-before:auto;
  page-break-after:always;
  box-shadow:0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 3px rgba(0, 0, 0, .12),0 4px 5px 0 rgba(0, 0, 0, .2);
}
.x-spreadsheet-calendar{
  color:rgba(0, 0, 0, .65);
  background:#fff;
  user-select:none;
}
.x-spreadsheet-calendar .calendar-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:700;
  line-height:30px;
  text-align:center;
  width:100%;
  background:#f9fafb;
}
.x-spreadsheet-calendar .calendar-header .calendar-header-left{
  flex:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:0;
}
.x-spreadsheet-calendar .calendar-header .calendar-title-button{
  height:24px;
  min-width:52px;
  padding:0 8px;
  border:1px solid transparent;
  border-radius:4px;
  background:transparent;
  color:inherit;
  font:inherit;
  line-height:22px;
  cursor:pointer;
}
.x-spreadsheet-calendar .calendar-header .calendar-title-button:hover{
  border-color:#d8e6f7;
  background:#edf5ff;
  color:#2185d0;
}
.x-spreadsheet-calendar .calendar-header .calendar-next,.x-spreadsheet-calendar .calendar-header .calendar-prev{
  flex:0 0 28px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  border-radius:2px;
  color:inherit;
  cursor:pointer;
}
.x-spreadsheet-calendar .calendar-header .calendar-next:hover,.x-spreadsheet-calendar .calendar-header .calendar-prev:hover{
  border-color:#d8e6f7;
  background:#edf5ff;
  color:#2185d0;
}
.x-spreadsheet-calendar .calendar-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:36px;
  padding:0 10px;
  border-top:1px solid #eef0f3;
  background:#fff;
}
.x-spreadsheet-calendar .calendar-footer-button{
  height:26px;
  min-width:46px;
  padding:0 8px;
  border:1px solid transparent;
  border-radius:4px;
  background:transparent;
  color:#2185d0;
  font-weight:700;
  line-height:24px;
  cursor:pointer;
}
.x-spreadsheet-calendar .calendar-footer-button:hover{
  border-color:#d8e6f7;
  background:#edf5ff;
  color:#2185d0;
}
.x-spreadsheet-calendar .calendar-body{
  border-collapse:collapse;
  border-spacing:0;
}
.x-spreadsheet-calendar .calendar-body td,.x-spreadsheet-calendar .calendar-body th{
  width:14.28571429%;
  min-width:32px;
  text-align:center;
  font-weight:700;
  line-height:30px;
  padding:0;
}
.x-spreadsheet-calendar .calendar-body td > .cell{
  border:1px solid transparent;
  border-radius:2px;
  cursor:pointer;
}
.x-spreadsheet-calendar .calendar-body td > .cell:hover{
  border-color:#d8e6f7;
  background:#edf5ff;
  color:#2185d0;
}
.x-spreadsheet-calendar .calendar-body td > .cell.active,.x-spreadsheet-calendar .calendar-body td > .cell.active:hover{
  background:#ecf6fd;
  color:#2185d0;
}
.x-spreadsheet-calendar .calendar-body td > .cell.today{
  color:#2185d0;
}
.x-spreadsheet-calendar .calendar-body td > .cell.disabled{
  pointer-events:none;
  opacity:.5;
  cursor:default;
}
.x-spreadsheet-calendar .calendar-body td > .cell.out-range{
  color:rgba(0, 0, 0, .35);
}
.x-spreadsheet-calendar .calendar-body.month-mode td,.x-spreadsheet-calendar .calendar-body.year-mode td{
  width:33.33333333%;
  min-width:64px;
  line-height:42px;
}
.x-spreadsheet-calendar .calendar-body.month-mode td > .cell,.x-spreadsheet-calendar .calendar-body.year-mode td > .cell{
  margin:4px 8px;
  border-radius:6px;
  border:1px solid transparent;
}
.x-spreadsheet-calendar .calendar-body.month-mode td > .cell:hover,.x-spreadsheet-calendar .calendar-body.year-mode td > .cell:hover{
  border-color:#d8e6f7;
  background:#edf5ff;
  color:#2185d0;
}
.x-spreadsheet-calendar .calendar-body.month-mode td > .cell.active,.x-spreadsheet-calendar .calendar-body.month-mode td > .cell.active:hover,.x-spreadsheet-calendar .calendar-body.year-mode td > .cell.active,.x-spreadsheet-calendar .calendar-body.year-mode td > .cell.active:hover{
  border-color:#2185d0;
  background:#2185d0;
  color:#fff;
}
.x-spreadsheet-datepicker{
  box-shadow:2px 2px 5px rgba(0, 0, 0, .2);
  position:absolute;
  left:0;
  top:calc(100% + 5px);
  z-index:10;
  width:auto;
}
.x-spreadsheet-timepicker{
  position:absolute;
  z-index:1000;
  background-color:#fff;
  border:1px solid #ccc;
  box-shadow:0 2px 8px rgba(0, 0, 0, .1);
  border-radius:4px;
  display:none;
}
.x-spreadsheet-timepicker select{
  padding:5px 10px;
  border:1px solid #ddd;
  background-color:#f8f8f8;
  cursor:pointer;
}
.x-spreadsheet-timepicker-hours,.x-spreadsheet-timepicker-minutes,.x-spreadsheet-timepicker-seconds{
  display:inline-block;
}
.x-spreadsheet-timepicker select:focus{
  border-color:#105efb;
  outline:none;
}
.x-spreadsheet-timepicker select:hover{
  background-color:#e1e1e1;
}
.x-spreadsheet-buttons{
  display:flex;
  justify-content:flex-end;
}
.x-spreadsheet-buttons .x-spreadsheet-button{
  margin-left:8px;
}
.x-spreadsheet-button{
  display:inline-block;
  border-radius:3px;
  line-height:1em;
  min-height:1em;
  white-space:nowrap;
  text-align:center;
  cursor:pointer;
  font-size:1em;
  font-weight:700;
  padding:.75em 1em;
  color:rgba(0, 0, 0, .6);
  background:#e0e1e2;
  text-decoration:none;
  font-family:Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
  outline:none;
  vertical-align:baseline;
  zoom:1;
  user-select:none;
  transition:all .1s linear;
}
.x-spreadsheet-button.active,.x-spreadsheet-button:hover{
  background-color:#c0c1c2;
  color:rgba(0, 0, 0, .8);
}
.x-spreadsheet-button.primary{
  color:#fff;
  background-color:#2185d0;
}
.x-spreadsheet-button.primary.active,.x-spreadsheet-button.primary:hover{
  color:#fff;
  background-color:#1678c2;
}
.x-spreadsheet-button.formbt{
  display:flex;
  align-items:center;
  margin-bottom:10px;
  margin-left:5px;
  background-color:#d9dc22;
  font-size:8px;
}
.x-spreadsheet-button.primary.disabled{
  background-color:#b0b8c1;
  color:#f0e5e5;
  pointer-events:none;
  cursor:not-allowed;
}
.x-spreadsheet-modal-component-input-btn{
  border:1px solid #0078d4;
  color:#0078d4;
  background:#fff;
  border-radius:0 5px 5px 0;
}
.x-spreadsheet-gkeyinput{
  width:0;
  height:0;
  font-size:1px;
  height:1px;
  overflow:hidden;
  position:absolute;
  top:-200px;
}
.x-spreadsheet-form-input{
  font-size:1em;
  position:relative;
  font-weight:400;
  display:inline-flex;
  color:rgba(0, 0, 0, .87);
}
.x-spreadsheet-form-input input{
  z-index:1;
  margin:0;
  max-width:100%;
  flex:1 0 auto;
  outline:0;
  -webkit-tap-highlight-color:rgba(255, 255, 255, 0);
  text-align:left;
  line-height:30px;
  height:30px;
  padding:0 8px;
  background:#fff;
  border:1px solid #e9e9e9;
  border-radius:3px;
  transition:box-shadow .1s ease,border-color .1s ease;
  box-shadow:inset 0 1px 2px hsla(0, 0%, 4%, .06);
}
.x-spreadsheet-form-input input:focus{
  border-color:#4b89ff;
  box-shadow:inset 0 1px 2px rgba(75, 137, 255, .2);
}
.x-spreadsheet-form-checkbox{
  margin-left:5px;
  cursor:pointer;
}
.x-spreadsheet-form-checkbox-container{
  display:flex;
  align-items:center;
}
.x-spreadsheet-form-checkbox-container .x-spreadsheet-form-checkbox-label{
  margin-right:8px;
  user-select:none;
  cursor:pointer;
  color:rgba(0, 0, 0, .87);
  white-space:nowrap;
  line-height:1.2;
  font-size:75%;
}
.x-spreadsheet-form-checkbox-container .x-spreadsheet-form-checkbox{
  width:18px;
  height:18px;
  margin:0;
  cursor:pointer;
  transform:translateY(-4px);
}
.x-spreadsheet-search-checkbox-fields{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:25px;
  justify-content:flex-start;
}
.x-spreadsheet-search-checkbox-fields .x-spreadsheet-form-checkbox-container{
  margin:0;
}
.x-spreadsheet-search-checkbox-fields .x-spreadsheet-form-checkbox-container .x-spreadsheet-form-checkbox-label{
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media screen and (max-width:600px){
  .x-spreadsheet-search-checkbox-fields{
    gap:15px;
  }
  .x-spreadsheet-search-checkbox-fields .x-spreadsheet-form-checkbox-container:nth-child(3){
    flex-basis:100%;
    margin-top:8px;
  }
}
@media screen and (max-width:480px){
  .x-spreadsheet-search-checkbox-fields{
    gap:10px;
  }
  .x-spreadsheet-search-checkbox-fields .x-spreadsheet-form-checkbox-container .x-spreadsheet-form-checkbox-label{
    font-size:12px;
    max-width:120px;
  }
  .x-spreadsheet-search-checkbox-fields .x-spreadsheet-form-checkbox-container:nth-child(n+2){
    flex-basis:100%;
    margin-top:5px;
  }
}
@media screen and (max-width:500px){
  .x-spreadsheet-modal .x-spreadsheet-modal-content{
    padding:.5em .75em;
  }
  .x-spreadsheet-modal .x-spreadsheet-form-fields{
    margin-bottom:8px;
  }
  .x-spreadsheet-modal .x-spreadsheet-form-fields .x-spreadsheet-form-field{
    margin-left:5px;
    margin-bottom:8px;
  }
  .x-spreadsheet-modal .x-spreadsheet-form-fields .x-spreadsheet-form-field .label{
    margin:0 5px 0 0;
    font-size:12px;
  }
  .x-spreadsheet-modal .x-spreadsheet-form-fields .x-spreadsheet-form-input input{
    font-size:14px;
    padding:0 6px;
  }
  .x-spreadsheet-modal .x-spreadsheet-buttons{
    gap:8px;
  }
  .x-spreadsheet-modal .x-spreadsheet-buttons .x-spreadsheet-button{
    padding:6px 12px;
    font-size:12px;
  }
}
.x-spreadsheet-form-select{
  position:relative;
  display:inline-block;
  background:#fff;
  border:1px solid #e9e9e9;
  border-radius:2px;
  cursor:pointer;
  color:rgba(0, 0, 0, .87);
  user-select:none;
  box-shadow:inset 0 1px 2px hsla(0, 0%, 4%, .06);
  transition:box-shadow .2s ease;
}
.x-spreadsheet-form-select::after{
  content:"";
  position:absolute;
  top:50%;
  right:10px;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #6c757d;
  pointer-events:none;
  transform:translateY(-50%);
  transition:transform .2s ease;
}
.x-spreadsheet-form-select.open::after{
  transform:translateY(-50%) rotate(180deg);
}
.x-spreadsheet-form-select .input-text{
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:60px;
  width:auto;
  height:30px;
  line-height:30px;
  padding:0 26px 0 10px;
  display:flex;
  align-items:center;
}
.x-spreadsheet-form-fields{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}
.x-spreadsheet-form-fields .x-spreadsheet-form-field{
  flex:0 1 auto;
}
.x-spreadsheet-form-fields .x-spreadsheet-form-field .label{
  display:inline-block;
  margin:0 5px 0 0;
  color:rgba(0, 0, 0, .87);
}
.x-spreadsheet-form-field{
  display:block;
  margin-left:6px;
  margin-bottom:6px;
}
.x-spreadsheet-form-field:first-child{
  margin-left:0;
}
.x-spreadsheet-form-field.error .x-spreadsheet-form-select,.x-spreadsheet-form-field.error input{
  border-color:#f04134;
}
.x-spreadsheet-form-field .tip{
  color:#f04134;
  font-size:.9em;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-content{
  background:linear-gradient(180deg, #f9fbff, #fff 45%);
  padding:24px;
}
.x-spreadsheet-modal-link .x-spreadsheet-item{
  cursor:pointer;
  width:100%;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-body{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-section{
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-field,.x-spreadsheet-modal-link .x-spreadsheet-modal-link-section .x-spreadsheet-form-field{
  width:100%;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-field-group{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:16px;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-field-group > .x-spreadsheet-form-fields{
  width:100%;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-section .x-spreadsheet-form-field{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-section .x-spreadsheet-form-field .label{
  flex:0 0 120px;
  margin-bottom:6px;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-section .x-spreadsheet-form-field .tip{
  flex:0 0 100%;
  margin-left:120px;
  font-size:12px;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-section .x-spreadsheet-form-input,.x-spreadsheet-modal-link .x-spreadsheet-modal-link-section .x-spreadsheet-form-select{
  flex:1;
  width:100%;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-section .x-spreadsheet-form-input input{
  width:100%;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-actions{
  padding:18px 24px 0;
  margin:0 -24px -8px;
  border-top:1px solid #e3e8ef;
  background:#fff;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-actions .x-spreadsheet-buttons{
  padding:0;
}
.x-spreadsheet-modal-link .x-spreadsheet-modal-link-actions .x-spreadsheet-button{
  min-width:90px;
}
@media screen and (max-width:520px){
  .x-spreadsheet-modal-link .x-spreadsheet-modal-content{
    padding:16px;
  }
  .x-spreadsheet-modal-link .x-spreadsheet-modal-link-section{
    padding:14px 16px;
    gap:16px;
  }
  .x-spreadsheet-modal-link .x-spreadsheet-modal-link-section .x-spreadsheet-form-field{
    flex-direction:column;
    align-items:stretch;
  }
  .x-spreadsheet-modal-link .x-spreadsheet-modal-link-section .x-spreadsheet-form-field .label{
    flex:none;
    width:100%;
    margin-bottom:4px;
  }
  .x-spreadsheet-modal-link .x-spreadsheet-modal-link-section .x-spreadsheet-form-field .tip{
    margin-left:0;
  }
  .x-spreadsheet-modal-link .x-spreadsheet-modal-link-actions{
    padding:16px 16px 0;
    margin:0 -16px -8px;
  }
}
.x-spreadsheet-modal-insert-url .x-spreadsheet-form-fields{
  flex-direction:column;
  align-items:stretch;
  width:100%;
}
.x-spreadsheet-modal-insert-url .x-spreadsheet-form-field{
  width:100%;
  margin-left:0;
}
.x-spreadsheet-modal-insert-url .x-spreadsheet-form-input{
  width:100%;
  display:flex;
}
.x-spreadsheet-modal-insert-url .x-spreadsheet-form-input input{
  width:100%;
}
.x-spreadsheet-modal-insert-url .x-spreadsheet-buttons{
  margin-top:8px;
}
.x-spreadsheet-dimmer{
  display:none;
  position:absolute;
  top:0 !important;
  left:0 !important;
  width:100%;
  height:100%;
  text-align:center;
  vertical-align:middle;
  background-color:rgba(0, 0, 0, .6);
  opacity:0;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-duration:.5s;
  animation-duration:.5s;
  transition:background-color .5s linear;
  user-select:none;
  z-index:1000;
}
.x-spreadsheet-dimmer.active{
  display:block;
  opacity:1;
}
form fieldset{
  border:none;
}
form fieldset label{
  display:block;
  margin-bottom:.5em;
  font-size:1em;
  color:#666;
}
form fieldset select{
  font-size:1.1em;
  width:100%;
  background-color:#fff;
  border:none;
  border-bottom:2px solid #ddd;
  padding:.5em .85em;
  border-radius:2px;
}
.x-spreadsheet-modal,.x-spreadsheet-toast{
  font-size:13px;
  position:fixed;
  z-index:1001;
  text-align:left;
  line-height:1.25em;
  min-width:360px;
  color:rgba(0, 0, 0, .87);
  font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;
  border-radius:4px;
  border:1px solid rgba(0, 0, 0, .1);
  background-color:#fff;
  background-clip:padding-box;
  box-shadow:0 2px 8px rgba(0, 0, 0, .2);
}
.x-spreadsheet-toast{
  background-color:hsla(0, 0%, 100%, .85);
}
.x-spreadsheet-modal-header,.x-spreadsheet-toast-header{
  font-weight:600;
  background-clip:padding-box;
  background-color:hsla(0, 0%, 100%, .85);
  border-bottom:1px solid rgba(0, 0, 0, .05);
  border-radius:4px 4px 0 0;
}
.x-spreadsheet-modal-header .x-spreadsheet-icon,.x-spreadsheet-toast-header .x-spreadsheet-icon{
  position:absolute;
  right:.8em;
  top:.65em;
  border-radius:18px;
}
.x-spreadsheet-modal-header .x-spreadsheet-icon:hover,.x-spreadsheet-toast-header .x-spreadsheet-icon:hover{
  opacity:1;
  background:rgba(0, 0, 0, .08);
}
.x-spreadsheet-toast-header{
  color:#f2711c;
}
.x-spreadsheet-modal-header{
  border-bottom:1px solid #e0e2e4;
  background:rgba(0, 0, 0, .08);
  font-size:1.0785em;
}
.x-spreadsheet-modal-content,.x-spreadsheet-modal-header,.x-spreadsheet-toast-content,.x-spreadsheet-toast-header{
  padding:.75em 1em;
}
.x-spreadsheet-modal-password .x-spreadsheet-modal-content{
  padding:16px 20px;
}
.x-spreadsheet-modal-password-message{
  margin:6px 0 10px;
  font-size:13px;
}
.x-spreadsheet-modal-password-caution{
  margin-top:8px;
  font-size:12px;
  line-height:1.4;
  color:#555;
}
@media screen and (min-width:320px) and (max-width:480px){
  body,html{
    overscroll-behavior-y:contain;
  }
  .x-spreadsheet-contextmenu{
    width:70px !important;
  }
  .x-spreadsheet-selector-corner-shape{
    position:absolute;
    right:0;
    left:0;
    bottom:0;
    top:0;
    margin:auto;
    height:10px;
    width:10px;
    border-radius:50%;
    background:#4b89ff;
  }
  .x-spreadsheet-selector-corner{
    right:-26px !important;
    bottom:-26px !important;
    height:50px !important;
    width:50px !important;
    background:unset !important;
    border:unset !important;
  }
  .x-spreadsheet-selector-corner-tl{
    left:-26px;
    top:-26px;
    pointer-events:auto;
    position:absolute;
    cursor:crosshair;
    font-size:0;
    height:50px;
    width:50px;
    border:unset;
    background:unset;
  }
  .x-spreadsheet-toolbar{
    height:40px;
    padding:0 12px;
    text-align:left;
    background:#f5f6f7;
    display:flex;
    justify-content:space-between;
  }
  .x-spreadsheet-bottombar,.x-spreadsheet-toolbar{
    padding:0;
  }
  .x-spreadsheet{
    height:100%;
    width:100%;
    display:flex;
    flex-direction:column;
  }
  .x-spreadsheet-bottombar{
    position:fixed;
    width:100%;
    bottom:0;
    z-index:99999;
  }
  .x-spreadsheet-workspace.x-spreadsheet-workspace-format-open .x-spreadsheet-workspace-sheet-pane > .x-spreadsheet-bottombar{
    width:58%;
  }
  input[type="range"].x-spreadsheet-zoom-slider{
    width:80px;
  }
  .x-spreadsheet-bottombar .x-spreadsheet-menu{
    display:flex;
  }
  .x-spreadsheet-form-checkbox{
    margin-left:-25px;
    cursor:pointer;
  }
}
.x-spreadsheet-icon{
  width:18px;
  height:18px;
  margin:1px 1px 2px 1px;
  text-align:center;
  vertical-align:middle;
  user-select:none;
  overflow:hidden;
  position:relative;
  display:inline-block;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img{
  background-image:url(9667af4182f3e39eec9844c10e1a6eb8.svg);
  position:absolute;
  width:262px;
  height:444px;
  opacity:.86;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.undo{
  left:0;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.redo{
  left:-18px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.print{
  left:-36px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.paintformat{
  left:-54px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.clearformat{
  left:-72px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.font-bold{
  left:-90px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.font-italic{
  left:-108px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.underline{
  left:-126px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.strike{
  left:-144px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.color{
  left:-162px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.bgcolor{
  left:-180px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.merge{
  left:-198px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-left{
  left:-216px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-center{
  left:-234px;
  top:0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-right{
  left:0;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-top{
  left:-18px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-middle{
  left:-36px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-bottom{
  left:-54px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.textwrap{
  left:-72px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.syntaxstatus{
  left:-18px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.translate{
  left:0;
  top:-126px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.showformulas{
  left:-36px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.redactionAdd{
  left:-72px;
  top:-126px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.redactionViewSwitch{
  left:-90px;
  top:-126px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.redactionDel{
  left:-108px;
  top:-126px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.redactionEntire{
  left:-162px;
  top:-126px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.redactionHighlightPrev{
  background-image:none;
  width:auto;
  height:auto;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.redactionHighlightPrev::before{
  content:"\25C0";
  font-size:14px;
  line-height:18px;
  color:#555;
  display:block;
  text-align:center;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.redactionHighlightNext{
  background-image:none;
  width:auto;
  height:auto;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.redactionHighlightNext::before{
  content:"\25B6";
  font-size:14px;
  line-height:18px;
  color:#555;
  display:block;
  text-align:center;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.autofilter{
  left:-90px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.formula{
  left:-108px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.arrow-down{
  left:-126px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.arrow-right{
  left:-144px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.link{
  left:-162px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.chart{
  left:-180px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.freeze{
  left:-198px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.ellipsis{
  left:-216px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.add{
  left:-234px;
  top:-18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-all{
  left:0;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-inside{
  left:-18px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-horizontal{
  left:-36px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-vertical{
  left:-54px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-outside{
  left:-72px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-left{
  left:-90px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-top{
  left:-108px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-right{
  left:-126px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-bottom{
  left:-144px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-none{
  left:-162px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.line-color{
  left:-180px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.line-type{
  left:-198px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.close{
  left:-234px;
  top:-36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-down{
  left:0;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.menu-display-show{
  left:0;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-up{
  left:-18px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.menu-display-hide{
  left:-18px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-left{
  left:-36px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-right{
  left:-54px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.sort{
  left:-126px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.pagination{
  left:-108px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insertSheet{
  left:-108px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.search{
  left:-144px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.commentEdit{
  left:-162px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.commentRemove{
  left:-180px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.commentPrevious{
  left:-198px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.commentNext{
  left:-216px;
  top:-54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insert-image{
  left:0;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insert-image-local{
  left:-18px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insert-image-url{
  left:-36px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.download{
  left:-54px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insertComment{
  left:-72px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insertColumn{
  left:-90px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insertRow{
  left:-108px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.savetocloud{
  left:-144px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insertTextBox{
  left:-198px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insertSpinButton{
  left:-162px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insertScrollBar{
  left:-180px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insertRadioButton{
  left:-216px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insertComboBox{
  left:-234px;
  top:-72px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insertLabel{
  left:0;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insertCheckBox{
  left:-18px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.insert-shape{
  left:-36px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.text-rotate-rotate-text-up{
  left:-108px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.text-rotate-rotate-text-down{
  left:-126px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.text-rotate-vertical-text{
  left:-90px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.text-rotate-angle-counterclockwise{
  left:-54px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.text-rotate-angle-clockwise{
  left:-72px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.text-rotate-other-angle{
  left:-144px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.email{
  left:-162px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.number{
  left:-180px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.font-name{
  left:-198px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.font-size{
  left:-216px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.data-validation{
  left:-234px;
  top:-90px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.openFile{
  left:0;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.copy{
  left:-54px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.paste{
  left:-72px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.cut{
  left:-90px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.deleteRow{
  left:-108px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.clearContent{
  left:-126px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.cellFormat{
  left:-144px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.dataValidation{
  left:-162px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.disableEdit{
  left:-180px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.lineHide{
  left:-198px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.lineUnhide{
  left:-216px;
  top:-108px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.protect{
  left:-18px;
  top:-126px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.increase-font-size{
  left:-36px;
  top:-126px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.decrease-font-size{
  left:-54px;
  top:-126px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.text-extract-filter{
  left:-126px;
  top:-126px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.batch-delete{
  left:-144px;
  top:-126px;
}
.x-spreadsheet-formula-bar{
  height:25px;
  line-height:25px;
  font-size:12px;
  background:#f5f6f7;
  border-bottom:1px solid #e0e2e4;
  resize:vertical;
  overflow:hidden;
}
.x-spreadsheet-modal-component-input-div{
  display:flex;
  flex-direction:column;
  width:100%;
}
.x-spreadsheet-modal-component-input-div label{
  margin-bottom:5px;
}
.x-spreadsheet-modal-component-input-div input{
  width:100%;
  padding:8px;
  border:1px solid #ccc;
  border-radius:5px 0 0 5px;
}
.x-spreadsheet-modal-component-input-div input[type="date"],.x-spreadsheet-modal-component-input-div input[type="time"]{
  padding:0;
}
.x-spreadsheet-modal-component-mask{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, .5);
  z-index:999;
}
.x-spreadsheet-modal-component{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background:#fff;
  border-radius:5px;
  box-shadow:4px 4px 10px 0 rgba(0, 0, 0, .5);
  z-index:1000;
  display:flex;
  flex-direction:column;
  min-width:20%;
  overflow:hidden;
}
.x-spreadsheet-modal-radio-container{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:10px 0;
  align-items:flex-start;
}
.x-spreadsheet-modal-radio-option{
  display:flex;
  align-items:center;
  cursor:pointer;
}
.x-spreadsheet-modal-radio-option input[type="radio"]{
  margin-right:8px;
  width:16px;
  height:16px;
  padding:0;
}
.x-spreadsheet-modal-radio-option label{
  font-size:14px;
  margin:0;
}
@media screen and (max-width:480px){
  .x-spreadsheet-modal-component{
    width:90% !important;
    height:70%;
  }
}
.x-spreadsheet-modal-component:focus{
  outline:none;
}
.x-spreadsheet-modal-component-content{
  padding:10px;
  flex-grow:1;
  background:#f5f5f5;
  overflow-y:auto;
}
.x-spreadsheet-modal-component-header{
  padding:10px 20px;
  background:#f5f5f5;
  border-bottom:1px solid #ddd;
  display:flex;
  justify-content:space-between;
  font-weight:700;
  font-size:18px;
}
.x-spreadsheet-modal-component-footer{
  padding:5px 10px;
  background:#f5f5f5;
  border-top:1px solid #ddd;
  text-align:right;
}
.x-spreadsheet-modal-component-footer button{
  line-height:1.5rem;
  padding:5px 10px;
  font-size:16px;
  border:1px solid #ccc;
  border-radius:4px;
  background-color:#fff;
  cursor:pointer;
  outline:none;
  transition:background-color .3s,border-color .3s;
  margin:5px;
}
.x-spreadsheet-modal-component-footer button{
  border-color:#0078d4;
  color:#0078d4;
}
.x-spreadsheet-modal-component-footer button:hover{
  background-color:#e6f7ff;
}
.x-spreadsheet-modal-component-footer button:focus{
  box-shadow:0 0 0 2px rgba(0, 120, 212, .5);
}
.x-spreadsheet-modal-component-footer button.cancel{
  border-color:#ccc;
  color:#333;
}
.x-spreadsheet-modal-component-footer button.cancel:hover{
  background-color:#f0f0f0;
}
.x-spreadsheet-modal-component-footer button.cancel:focus{
  box-shadow:0 0 0 2px hsla(0, 0%, 80%, .5);
}
.x-spreadsheet-modal-component-batch-delete-confirm{
  width:min(560px, calc(100vw - 32px));
  border:1px solid #cfcfcf;
  border-radius:12px;
}
.x-spreadsheet-modal-component-batch-delete-confirm .x-spreadsheet-modal-component-header{
  padding:26px 32px 18px;
  background:#fff;
  border-bottom:0;
  font-size:24px;
}
.x-spreadsheet-modal-component-batch-delete-confirm .x-spreadsheet-modal-component-content{
  min-height:84px;
  padding:12px 32px 22px;
  background:#fff;
}
.x-spreadsheet-modal-component-batch-delete-confirm .x-spreadsheet-modal-component-footer{
  gap:10px;
  padding:12px 28px 28px;
  background:#fff;
  border-top:0;
}
.x-spreadsheet-batch-delete-confirm-close{
  width:34px;
  height:34px;
  padding:0;
  color:#666;
  font-size:32px;
  font-weight:200;
  line-height:28px;
  background:transparent;
  border:0;
  cursor:pointer;
}
.x-spreadsheet-batch-delete-confirm-close:disabled{
  cursor:wait;
  opacity:.45;
}
.x-spreadsheet-batch-delete-confirm-message{
  color:#555;
  font-size:18px;
  line-height:1.6;
}
.x-spreadsheet-batch-delete-confirm-detail{
  margin-top:8px;
  color:#8a5a00;
  font-size:14px;
  white-space:pre-line;
}
.x-spreadsheet-modal-component-footer button.x-spreadsheet-batch-delete-confirm-delete{
  min-width:108px;
  color:#fff;
  background:#108a45;
  border-color:#108a45;
}
.x-spreadsheet-modal-component-footer button.x-spreadsheet-batch-delete-confirm-delete:hover{
  color:#fff;
  background:#0d743a;
  border-color:#0d743a;
}
.x-spreadsheet-modal-component-footer button.x-spreadsheet-batch-delete-confirm-delete:disabled{
  cursor:wait;
  opacity:.65;
}
.x-spreadsheet-modal-component-batch-delete-text{
  width:min(620px, calc(100vw - 32px));
  border:1px solid #cfcfcf;
  border-radius:12px;
}
.x-spreadsheet-modal-component-batch-delete-text .x-spreadsheet-modal-component-header{
  align-items:center;
  justify-content:space-between;
  padding:24px 30px 16px;
  background:#fff;
  border-bottom:0;
  font-size:24px;
}
.x-spreadsheet-modal-component-batch-delete-text .x-spreadsheet-modal-component-content{
  min-height:94px;
  padding:14px 30px 22px;
  background:#fff;
}
.x-spreadsheet-modal-component-batch-delete-text .x-spreadsheet-modal-component-footer{
  gap:10px;
  padding:12px 28px 28px;
  background:#fff;
  border-top:0;
}
.x-spreadsheet-batch-delete-text-close{
  width:34px;
  height:34px;
  padding:0;
  color:#666;
  font-size:32px;
  font-weight:200;
  line-height:28px;
  background:transparent;
  border:0;
  cursor:pointer;
}
.x-spreadsheet-batch-delete-text-radio,.x-spreadsheet-batch-delete-text-range,.x-spreadsheet-batch-delete-text-row{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
.x-spreadsheet-batch-delete-text-middle{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.x-spreadsheet-batch-delete-text-radio{
  cursor:pointer;
}
.x-spreadsheet-batch-delete-text-input{
  width:84px;
  height:40px;
  box-sizing:border-box;
  padding:5px 10px;
  font-size:18px;
  border:1px solid #bbb;
  border-radius:6px;
}
.x-spreadsheet-batch-delete-text-error{
  margin-top:12px;
  color:#c62828;
  font-size:14px;
}
.x-spreadsheet-modal-component-footer button.x-spreadsheet-batch-delete-text-delete{
  min-width:108px;
  color:#fff;
  background:#108a45;
  border-color:#108a45;
}
.x-spreadsheet-modal-component-section-container{
  height:100%;
}
.x-spreadsheet-modal-component-section-title{
  display:flex;
  align-items:center;
  margin-bottom:10px;
  color:grey;
}
.x-spreadsheet-modal-component-section-title span{
  flex-shrink:0;
}
.x-spreadsheet-modal-component-section-line{
  flex-grow:1;
  height:1px;
  background:#d3d3d3;
  margin-left:2px;
}
.modal-animate{
  transition:top .5s ease,height .5s ease;
}
.x-spreadsheet-modal-component-section-content{
  padding:0 5px;
  border-radius:4px;
  height:max-content;
}
.x-spreadsheet-modal-component-tabs{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
}
.x-spreadsheet-modal-component-label{
  font-size:16px;
}
.x-spreadsheet-modal-component-checkbox{
  display:flex;
  align-items:baseline;
  margin-bottom:15px;
}
.x-spreadsheet-modal-component-checkbox label{
  margin-left:5px;
}
.x-spreadsheet-modal-component-dropdown{
  display:flex;
  flex-direction:column;
}
.x-spreadsheet-modal-component-dropdown select{
  height:35px;
  border:1px solid #ccc;
  border-radius:5px;
}
.x-spreadsheet-modal-component-textarea{
  display:flex;
  flex-direction:column;
}
.x-spreadsheet-modal-component-textarea textarea{
  resize:none;
  width:100%;
  padding:8px;
  border:1px solid #ccc;
  border-radius:5px;
  height:100px;
}
.x-spreadsheet-modal-component-tab-headers{
  display:flex;
  border-bottom:1px solid #ccc;
}
.x-spreadsheet-modal-component-tab-button{
  padding:0 15px;
  cursor:pointer;
  background-color:#f0f0f0;
  border:none;
  outline:none;
  transition:background-color .3s;
  font-size:16px;
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
  opacity:1;
}
.x-spreadsheet-modal-component-tab-button.active{
  background-color:#fff;
  border-bottom:2px solid #0078d4;
  font-weight:700;
}
.x-spreadsheet-modal-component-tab-content{
  padding:20px;
  background-color:#fff;
  border:1px solid #ccc;
  border-top:none;
  flex:1;
}
.x-spreadsheet-selector-dropdown-button{
  position:absolute;
  width:24px;
  height:18px;
  background-color:hsla(0, 0%, 87.8%, .32);
  border:1px solid #ccc;
  border-radius:3px;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  box-shadow:0 2px 5px rgba(0, 0, 0, .1);
  transition:background-color .2s;
  z-index:1000;
}
.x-spreadsheet-hover-highlight{
  background-color:rgba(75, 137, 255, .1);
  position:absolute;
}
.x-spreadsheet-selector-dropdown-button:hover{
  background-color:#d5d5d5;
}
.x-spreadsheet-selector-dropdown-button::after{
  content:"";
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:6px solid #777;
}
.x-spreadsheet-bar-label{
  flex:0 0 auto;
  width:60px;
  height:100%;
  box-sizing:border-box;
  border-right:1px solid #e0e2e4;
  text-align:center;
  line-height:inherit;
  background-color:#fff;
  color:#777;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding:0 4px;
  position:relative;
  float:left;
}
.x-spreadsheet-formula-input{
  flex:auto;
  padding:4px 8px;
  line-height:17px;
  font-size:12px;
  overflow-y:auto;
  background:#fff;
  border:none;
  outline:none;
  height:100%;
}
[contenteditable=true]:empty:before{
  content:attr(placeholder);
  position:static;
  color:#a9a9a9;
}
dialog{
  left:190px;
  width:300px;
  border:1px solid #a9a9a9;
  border-radius:4px;
  padding:0;
  margin:0;
  background-color:#f9f9f9;
}
dialog p{
  margin:0 0 0 5px;
}
#textRotateDegreeContainer{
  display:flex;
  align-items:center;
  flex-direction:column;
  min-width:unset;
}
#textRotateDegreeBoxContainer{
  display:flex;
  height:200px;
  align-items:stretch;
}
#textRotateDegreeBox{
  width:150px;
  height:200px;
  border:1px solid #000;
  position:relative;
  user-select:none;
}
#textRotateDegreeBox::before{
  content:"";
  position:absolute;
  width:100px;
  height:197px;
  border-top-right-radius:200px;
  border-bottom-right-radius:200px;
  border-top:2px dashed #000;
  border-right:2px dashed #000;
  border-bottom:2px dashed #000;
}
#textRotateDegreePointer{
  width:100%;
  position:absolute;
  top:50%;
  left:5%;
  transform-origin:0 0;
  display:flex;
}
#textRotateDegreeLine{
  width:35%;
  height:2px;
  background-color:#000;
}
#textRotateDegreeText{
  transform-origin:0 0;
  transform:translateX(-50%) translateY(-50%);
  margin-left:5%;
}
#textRotateDegreeResetButton{
  margin-right:20px;
  width:2.5rem;
  word-break:break-all;
  font-size:1.5rem;
}
#textRotateDegreeInput{
  margin-top:10px;
  width:60px;
}
.x-spreadsheet-item.parent{
  position:relative;
}
.x-spreadsheet-contextmenu-submenu{
  position:absolute;
  display:none;
  background:#fff;
  border:1px solid #e0e2e4;
  box-shadow:1px 2px 5px 2px rgba(51, 51, 51, .15);
  z-index:101;
  width:max-content;
}
.x-spreadsheet-custom-button{
  border:1px solid #ddd;
  background-color:#fff;
  color:#333;
  padding:4px 12px;
  border-radius:6px;
  cursor:pointer;
  font-size:13px;
  transition:background-color .2s ease;
  outline:none;
}
.x-spreadsheet-custom-button:hover{
  background-color:#e9ecef;
  border-color:#ccc;
}
.x-spreadsheet-item.parent .label{
  float:right;
  font-size:.8em;
  color:#999;
  line-height:inherit;
}
.x-spreadsheet-alignment-page{
  display:flex;
  padding:15px;
  gap:25px;
  height:100%;
}
.x-spreadsheet-alignment-page .left-section{
  display:flex;
  flex-direction:column;
  gap:20px;
  flex:1;
}
.x-spreadsheet-alignment-page .right-section{
  flex:0 0 160px;
}
.x-spreadsheet-alignment-page .x-spreadsheet-modal-component-section-container{
  padding-bottom:10px;
  border-bottom:1px solid #e0e2e4;
}
.x-spreadsheet-alignment-page .x-spreadsheet-modal-component-section-container:last-child{
  border-bottom:none;
}
.x-spreadsheet-alignment-page .x-spreadsheet-modal-component-dropdown{
  width:100%;
  align-items:center;
  flex-direction:row;
}
.x-spreadsheet-alignment-page .x-spreadsheet-modal-component-dropdown label{
  flex:0 0 80px;
}
.x-spreadsheet-alignment-page .x-spreadsheet-modal-component-dropdown select{
  flex:1;
}
.x-spreadsheet-alignment-page .x-spreadsheet-modal-component-checkbox{
  margin-top:5px;
}
.x-spreadsheet-orientation-container{
  display:flex;
  align-items:center;
  flex-direction:column;
  min-width:unset;
}
.x-spreadsheet-orientation-box-container{
  display:flex;
  height:200px;
  align-items:stretch;
}
.x-spreadsheet-orientation-box{
  width:150px;
  height:200px;
  border:1px solid #999;
  position:relative;
  user-select:none;
  cursor:pointer;
}
.x-spreadsheet-orientation-pointer{
  width:100%;
  position:absolute;
  top:45%;
  left:calc(10px + 5%);
  transform-origin:0 50%;
  display:flex;
  align-items:center;
}
.x-spreadsheet-orientation-pointer .degree-text{
  color:#333;
  padding-right:5px;
}
.x-spreadsheet-orientation-line{
  width:35%;
  height:2px;
  background-color:red;
  margin-left:2px;
}
.x-spreadsheet-orientation-line::after{
  content:"";
  position:absolute;
  right:58%;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  width:8px;
  height:8px;
  background-color:red;
}
.x-spreadsheet-orientation-v-btn{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:10px 5px;
  margin-right:10px;
  border:1px solid #999;
  cursor:pointer;
  background-color:#fff;
  width:30px;
  box-sizing:border-box;
}
.x-spreadsheet-orientation-v-btn span{
  display:block;
  line-height:1.2;
}
.x-spreadsheet-orientation-v-btn.active{
  background-color:#000;
  border-color:#000;
  color:#fff;
}
.x-spreadsheet-orientation-input-container{
  margin-top:10px;
  display:flex;
  align-items:center;
}
.x-spreadsheet-orientation-input-container .x-spreadsheet-modal-component-input-div{
  width:60px;
}
.x-spreadsheet-orientation-input-container .x-spreadsheet-modal-component-input-div input{
  text-align:right;
}
.x-spreadsheet-orientation-input-container span{
  margin-left:5px;
}
.x-spreadsheet-orientation-point{
  position:absolute;
  background-color:#000;
}
.x-spreadsheet-orientation-point.minor{
  width:4px;
  height:4px;
  transform:translate(-50%, -50%);
}
.x-spreadsheet-orientation-point:not(.minor){
  width:8px;
  height:8px;
  transform:translate(-50%, -50%) rotate(45deg);
}
.x-spreadsheet-orientation-point.active{
  background-color:red;
}
.x-spreadsheet-modal-text-extract-filter{
  height:calc(100vh - 64px);
  max-width:1120px;
  width:calc(100vw - 64px) !important;
  max-height:calc(100vh - 64px);
}
.x-spreadsheet-modal-text-extract-filter .x-spreadsheet-modal-content{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  height:calc(100% - 48px);
  padding:12px 16px 60px;
  overflow:hidden;
  position:relative;
}
.x-spreadsheet-modal-text-extract-filter-range-selecting .x-spreadsheet-modal-content{
  height:auto;
  padding:10px 16px;
  overflow:visible;
}
.x-spreadsheet-text-extract-filter-subtitle{
  color:#666;
  font-size:13px;
  line-height:1.5;
  margin-bottom:10px;
  flex-shrink:0;
}
.x-spreadsheet-text-extract-filter-main{
  display:grid;
  grid-template-columns:minmax(0, 7fr) minmax(0, 3fr);
  gap:18px;
  width:100%;
  flex:1 1 auto;
  height:0;
  min-height:0;
  overflow:hidden;
}
.x-spreadsheet-text-extract-filter-left{
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  min-height:0;
}
.x-spreadsheet-text-extract-filter-source-label{
  color:#666;
  font-size:12px;
  margin-bottom:6px;
  flex-shrink:0;
}
.x-spreadsheet-text-extract-filter-preview{
  flex:1 1 auto;
  width:100%;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #dcdcdc;
  border-radius:4px;
  background:#fff;
  padding:12px;
  box-sizing:border-box;
  overflow:hidden;
}
.x-spreadsheet-text-extract-filter-preview-grid{
  display:grid;
  width:100%;
  height:100%;
  border-top:1px solid #dadada;
  border-left:1px solid #dadada;
  min-width:0;
  min-height:0;
}
.x-spreadsheet-text-extract-filter-preview-row{
  display:flex;
  min-height:28px;
}
.x-spreadsheet-text-extract-filter-preview-cell{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:0;
  border-right:1px solid #dadada;
  border-bottom:1px solid #dadada;
  box-sizing:border-box;
  padding:2px 4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:var(--text-extract-filter-preview-font-size, 13px);
  line-height:1.15;
}
.x-spreadsheet-text-extract-filter-right{
  min-width:0;
  min-height:0;
  overflow:auto;
  padding-right:4px;
}
.x-spreadsheet-text-extract-filter-section{
  margin-bottom:14px;
}
.x-spreadsheet-text-extract-filter-section-title{
  color:#666;
  font-size:13px;
  line-height:20px;
  margin-bottom:8px;
}
.x-spreadsheet-text-extract-filter-destination-row,.x-spreadsheet-text-extract-filter-options-inline{
  display:flex;
  align-items:center;
  gap:18px;
}
.x-spreadsheet-text-extract-filter-destination-row{
  flex-wrap:wrap;
  gap:8px 12px;
}
.x-spreadsheet-text-extract-filter-destination-row .x-spreadsheet-text-extract-filter-range-wrap{
  flex:1 1 100%;
  min-width:0;
}
.x-spreadsheet-text-extract-filter-option{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:26px;
  font-size:13px;
  line-height:20px;
  cursor:pointer;
  white-space:nowrap;
}
.x-spreadsheet-text-extract-filter-option-input{
  width:16px;
  height:16px;
  margin:0;
  flex:0 0 auto;
}
.x-spreadsheet-text-extract-filter-character-box{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  border:1px solid #dcdcdc;
  border-radius:4px;
  padding:10px 12px;
  margin-top:8px;
}
.x-spreadsheet-text-extract-filter-range-wrap{
  display:flex;
  align-items:center;
  flex:1;
  min-width:220px;
}
.x-spreadsheet-text-extract-filter-range-input,.x-spreadsheet-text-extract-filter-range-select-input{
  height:30px;
  border:1px solid #cfcfcf;
  border-radius:4px 0 0 4px;
  padding:0 8px;
  font-size:13px;
  box-sizing:border-box;
  flex:1;
}
.x-spreadsheet-text-extract-filter-range-button,.x-spreadsheet-text-extract-filter-range-select-back{
  height:30px;
  width:36px;
  border:1px solid #cfcfcf;
  border-left:0;
  border-radius:0 4px 4px 0;
  background:#fff;
  color:#333;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.x-spreadsheet-text-extract-filter-actions{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin:0;
  padding:12px 16px 14px;
  border-top:1px solid #ededed;
  flex-shrink:0;
  background:#fff;
}
.x-spreadsheet-text-extract-filter-message{
  color:#666;
  font-size:12px;
  line-height:20px;
}
.x-spreadsheet-text-extract-filter-message.error{
  color:#c0392b;
}
.x-spreadsheet-text-extract-filter-action{
  min-width:110px;
  height:30px;
  font-size:13px;
}
.x-spreadsheet-text-extract-filter-range-select-page{
  display:flex;
  align-items:center;
  width:100%;
  min-height:30px;
}
@media screen and (max-width:900px){
  .x-spreadsheet-modal-text-extract-filter{
    width:calc(100vw - 24px) !important;
    height:calc(100vh - 24px);
    max-height:calc(100vh - 24px);
  }
  .x-spreadsheet-modal-text-extract-filter .x-spreadsheet-modal-content{
    height:calc(100% - 48px);
    padding:10px 10px 56px;
  }
  .x-spreadsheet-text-extract-filter-main{
    grid-template-columns:1fr;
    gap:12px;
    overflow:auto;
  }
  .x-spreadsheet-text-extract-filter-left,.x-spreadsheet-text-extract-filter-right{
    min-width:0;
  }
  .x-spreadsheet-text-extract-filter-preview{
    flex:0 0 auto;
    height:32vh;
    max-height:240px;
    min-height:160px;
    padding:10px;
  }
  .x-spreadsheet-text-extract-filter-actions{
    padding:10px;
  }
  .x-spreadsheet-text-extract-filter-destination-row,.x-spreadsheet-text-extract-filter-options-inline{
    flex-wrap:wrap;
    gap:10px 14px;
  }
}