/* This is a function for icons position*/
.ui-button,
.ui-buttonset {
  border-radius: 0px !important;
}
.ui-button .ui-button-text,
.ui-buttonset .ui-button-text {
  border-radius: 0px !important;
}

.pie-color-picker .color-picker-container .ui-button .ui-button-text {
  border-radius: 0px !important;
  padding: 0px;
}

.gcui-ribbon-abbrevgroup {
  border-radius: 0px !important;
  height: 93px;
}
.gcui-ribbon-abbrevgroup .gcui-ribbon-text {
  margin-top: 4px;
}
.loading-placeholder.background-mask-layer {
  background-color: lightgrey;
  opacity: .3;
  filter: alpha(opacity=30);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1100;
}
.loading-placeholder.loading-pic {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  background-image: url(../images/cn-online-loading.gif);
  background-repeat: no-repeat;
  background-position: center;
}
.fill {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.hidden {
  display: none;
}
.clear-float {
  clear: both;
}
/*
* Reset jquery-ui settings. Wijmo-Open change it to right.
*/
.ui-dialog-titlebar {
  text-align: center;
}
/*
* Reset font-size. JQuery-UI change it to 1.1em
*/
.ui-widget {
  font-size: 12px;
  font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
}
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
  font-size: 12px;
  font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
}
/*
* Change Tab widget's header to a small height
*/
.ui-tabs .ui-tabs-nav li a {
  padding: 0.3em 0.5em;
}
.ui-dialog-buttonpane .ui-button {
  width: 80px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-right,
.ui-state-hover {
  border-radius: 0px;
}
textarea,
select {
  background: white;
  border: 1px solid lightgray;
}
/*
* Reset jquery-ui settings. Change the base dialog style to the style of Excel2013
*/
.ui-dialog {
  padding: 2px 5px 5px 5px;
  background: #d38c03;
}
.ui-dialog .ui-helper-reset {
  line-height: 1;
}
.ui-dialog .ui-dialog-titlebar {
  background: #d38c03;
  border: none;
  padding: 2px;
}
.ui-dialog .ui-dialog-title {
  width: 100%;
  font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
  font-size: 14.5px;
  font-weight: 500;
}
.ui-dialog .ui-dialog-content {
  padding: 0px;
  background: #f0f0f0;
  padding: 10px 6px 0px 6px;
  overflow-x: hidden;
}
.ui-dialog .ui-dialog-buttonpane {
  border: none;
  margin: 0px;
  background: #f0f0f0;
}
.ui-dialog .ui-dialog-titlebar-close {
  width: 35px;
}
.ui-dialog .ui-tabs .ui-tabs-panel {
  padding: 10px 8px 30px 10px;
}
.ui-dialog .ui-tabs .ui-tabs-nav {
  border: none;
  background: #e3e3e3;
  padding: 0px;
  margin-top: 5px;
}
.ui-dialog .ui-tabs .ui-tabs-nav li {
  width: 70px;
  margin: 0px;
  border: 1px solid #d3d3d3;
  border-bottom: none;
}
.ui-dialog .ui-tabs .ui-tabs-nav li a {
  width: 100%;
  text-align: center;
  padding: 4px 0;
}

.ui-dialog .spread-setting-dialog .spread-setting-tab .ui-tabs-nav li {
  width:105px;
}

.header-cells-dialog .ui-tabs .ui-tabs-nav li {
  width: 100px;
} 
/*
* Reset jquery-ui settings. Change the base dialog style to the style of Excel2013
*/
.gcui-ribbon .gcui-ribbon-group .gcui-ribbon-group-label {
  font-size: 12px;
}
.gcui-ribbon .gcui-ribbon-group .gcui-ribbon-group-label > button {
  height: 16px;
}
.gcui-ribbon .ui-button .ui-button-text {
  font-size: 12px;
  letter-spacing: 0px;
}
.gcui-ribbon .gcui-ribbon-bigbutton .ui-button-text {
  font-size: 12px;
  letter-spacing: 0px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 4px 1px 4px 25px;
}/* This is a function for icons position*/
.colorpicker-outDiv {
  width: 176px;
  height: auto;
  border: 1px solid #a7abb0;
  overflow: hidden;
  padding: 2px;
  font-size: 12px;
  font-family: 'Segoe UI', Thonburi, Arial, Verdana, sans-serif;
}
.colorpicker-title {
  background: #f0f2f5;
  font-weight: bold;
  color: #444;
  padding: 3px 4px;
  height: 15px;
}
.colorpicker-themecolors-firstline {
  height: 16px;
}
.colorpicker-colorcell {
  width: 12px;
  height: 12px;
  border: 1px solid #c3c3c3;
}
.colorpicker-colorcell.hover {
  border: 1px solid #f1cb57;
}
.colorpicker-colorcell.selected {
  border: 1px solid #c2792d;
}
.colorpicker-colortable {
  width: 100%;
  padding: 2px 2px;
}
.colorpicker-Labeltext {
  padding: 0px 0px 0px 8px;
}
.colorpicker-div-morecolor-icon {
  background-image: url(../images/icons.png);
  background-position: 0px -3632px;
  height: 16px;
  width: 14px;
  display: block;
}
.colorpicker-horizontalseparator {
  border-top: 1px solid #e2e4e7;
  display: block;
}
.colorpicker-verticalseparator {
  border-left: 1px solid #e2e4e7;
}
.colorpicker-div-inner-colorcell {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}
.colorpicker-div-inner-colorcell.hover {
  border-color: #fdf7e3;
}
.colorpicker-div-inner-colorcell.selected {
  border-color: #f6ca6a;
}
.colorpicker-div-out-nofill {
  border: 1px solid rgba(242, 149, 54, 0);
  width: 16px;
  height: 16px;
}
.colorpicker-div-out-nofill.selected {
  border: 1px solid #f29536;
  background: #fcf1c2;
}
.colordialog-div-pickercolor-image {
  background-image: url(../images/colorpicker.png);
  background-position: 0 -20px;
  width: 190px;
  height: 160px;
  overflow: hidden;
}
.colordialog-div-dragcolor {
  width: 12px;
  height: 160px;
}
.colordialog-rgb {
  width: 65px;
  height: 22px;
}
.colordialog-div-currentcolor,
.colordialog-div-newcolor {
  height: 22px;
  border: 1px solid black;
}
.colordialog-span-pickercolor-mousepointer {
  width: 10px;
  height: 10px;
  background-image: url(../images/colorpicker.png);
  background-position: 0 0;
  display: none;
  position: relative;
}
.colordialog-div-dragcolor-container {
  width: 24px;
  height: 160px;
  margin-left: 30px;
}
.colordialog-span-dragcolor-arrow {
  width: 10px;
  height: 10px;
  background-image: url(../images/colorpicker.png);
  background-position: 0 -10px;
  position: absolute;
  display: none;
  left: 255px;
}
.colordialog-table-newcurrentcolor {
  width: 60px;
  text-align: center;
}
.colorpicker-div-nocolor,
.colorpicker-div-morecolors {
  border: 1px solid rgba(241, 203, 87, 0);
}
.colorpicker-div-nocolor.hovered,
.colorpicker-div-morecolors.hovered {
  border: 1px solid #f1cb57;
  background-image: linear-gradient(to bottom, #fdf7e1 0%, #fce48c 100%);
  background-image: -o-linear-gradient(to bottom, #fdf7e1 0%, #fce48c 100%);
  background-image: -moz-linear-gradient(to bottom, #fdf7e1 0%, #fce48c 100%);
  background-image: -webkit-linear-gradient(to bottom, #fdf7e1 0%, #fce48c 100%);
  background-image: -ms-linear-gradient(to bottom, #fdf7e1 0%, #fce48c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdf7e1), color-stop(1, #fce48c));
}
.colordialog-div-container {
  font-size: 12px;
  font-family: 'Segoe UI', Thonburi, Arial, Verdana, sans-serif;
}
.colorpicker-table-nocolor,
.colorpicker-table-morecolors {
  width: 100%;
}
.colorpicker-td-nocolor-image,
.colorpicker-td-morecolors-image {
  width: 12%;
}
.colorpicker-div-nocolor-image {
  background: rgba(0, 0, 0, 0);
  width: 12px;
  height: 12px;
  border: 1px solid #c3c3c3;
  margin: 1px;
}
.ui-dialog-titlebar,
.ui-dialog-buttonpane {
  font-size: 12px;
  font-family: 'Segoe UI', Thonburi, Arial, Verdana, sans-serif;
}
.colordialog-div-container .red-input-label,
.colordialog-div-container .green-input-label,
.colordialog-div-container .blue-input-label {
  min-width: 60px;
}
/*.ui-dialog-content {
    height: auto;
}*/
/* This is a function for icons position*/
.gcui-fontpicker .gcui-fontpicker-group {
  float: left;
  padding: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gcui-fontpicker .gcui-fontpicker-picker-group input,
.gcui-fontpicker .gcui-fontpicker-picker-group select {
  display: block;
  width: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gcui-fontpicker .gcui-fontpicker-group-label {
  display: block;
  margin: 0.3em 0;
}
.gcui-fontpicker .gcui-fontpicker-group-family {
  width: 50%;
}
.gcui-fontpicker .gcui-fontpicker-group-style,
.gcui-fontpicker .gcui-fontpicker-group-size {
  width: 25%;
}
.gcui-fontpicker .gcui-fontpicker-group-weight {
  width: 50%;
}
.gcui-fontpicker .gcui-fontpicker-group-others {
  width: 50%;
}
.gcui-fontpicker .gcui-fontpicker-color {
  float: left;
  width: 55%;
  margin-right: 2px;
}
.gcui-fontpicker .gcui-fontpicker-color-preview {
  display: block;
  border: 1px solid black;
  width: 100%;
  height: 1em;
}
.gcui-fontpicker .gcui-fontpicker-effects-container {
  height: 40px;
}
.gcui-fontpicker .gcui-fontpicker-preview-container {
  height: 51px;
  line-height: 51px;
  width: 200px;
  overflow: hidden;
  text-align: center;
}
.gcui-fontpicker .gcui-fontpicker-preview {
  text-align: center;
}
.gcui-fontpicker .effects-strikethrough {
  margin-left: 15px;
}
.gcui-fontpicker-color-popup {
  background-color: white;
}
/* This is a function for icons position*/
.gcui-comboframe {
  display: inline-block;
  position: relative;
}
.gcui-comboframe .gcui-comboframe-content {
  display: block;
  padding: .2em 24px .2em .4em;
  margin: 0;
  border: none;
}
.gcui-comboframe .gcui-comboframe-button {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 100%;
  top: 0;
  right: 0;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left-style: solid;
  border-left-width: 1px;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
}
.gcui-comboframe .gcui-comboframe-button .ui-button-icon-secondary {
  right: auto;
}
.gcui-comboframe-dropdown {
  background-color: white;
}
/* This is a function for icons position*/
.gcui-borderpicker .line-style-out-div {
  width: 123px;
  height: 114px;
  padding: 1px;
  border: 1px solid;
}
.gcui-borderpicker .line-style-backcolor-div {
  position: relative;
  display: block;
  width: 120px;
  height: 112px;
  background-color: black;
}
.gcui-borderpicker .line-style {
  position: absolute;
  display: block;
  width: 60px;
  height: 16px;
  background-image: url(../images/borderpicker.png);
  border: 1px solid white;
}
.gcui-borderpicker .line-style-hair {
  background-position: 0px 0px;
  left: 0px;
  top: 16px;
}
.gcui-borderpicker .line-style-dotted {
  background-position: 0px -16px;
  left: 0px;
  top: 32px;
}
.gcui-borderpicker .line-style-dash-dot-dot {
  background-position: 0px -32px;
  left: 0px;
  top: 48px;
}
.gcui-borderpicker .line-style-dash-dot {
  background-position: 0px -48px;
  left: 0px;
  top: 64px;
}
.gcui-borderpicker .line-style-dashed {
  background-position: 0px -64px;
  left: 0px;
  top: 80px;
}
.gcui-borderpicker .line-style-thin {
  background-position: 0px -80px;
  left: 0px;
  top: 96px;
}
.gcui-borderpicker .line-style-empty {
  left: 0px;
  top: 0px;
  background-color: white;
  text-align: center;
  cursor: default;
}
.gcui-borderpicker .line-style-medium-dash-dot-dot {
  background-position: 0px -96px;
  left: 60px;
  top: 0px;
}
.gcui-borderpicker .line-style-slanted-dash-dot {
  background-position: 0px -112px;
  left: 60px;
  top: 16px;
}
.gcui-borderpicker .line-style-medium-dash-dot {
  background-position: 0px -128px;
  left: 60px;
  top: 32px;
}
.gcui-borderpicker .line-style-medium-dashed {
  background-position: 0px -144px;
  left: 60px;
  top: 48px;
}
.gcui-borderpicker .line-style-medium {
  background-position: 0px -160px;
  left: 60px;
  top: 64px;
}
.gcui-borderpicker .line-style-thick {
  background-position: 0px -176px;
  left: 60px;
  top: 80px;
}
.gcui-borderpicker .line-style-double {
  background-position: 0px -192px;
  left: 60px;
  top: 96px;
}
.gcui-borderpicker .gcui-borderpicker-line-color-label {
  position: relative;
  top: 5px;
}
.gcui-borderpicker .gcui-borderpicker-color {
  width: 120px;
  position: relative;
  top: 5px;
}
.gcui-borderpicker .gcui-borderpicker-color-preview {
  display: block;
  border: 1px solid black;
  width: 100%;
  height: 1em;
}
.gcui-borderpicker .line-style-selected {
  border-color: black;
  position: absolute;
  z-index: 3;
}
.gcui-borderpicker-color-popup {
  background-color: white;
}
/* This is a function for icons position*/
.ztree li span.button.add {
    margin-left: 2px;
    background-position: -144px 0;
    vertical-align: top;
    /**vertical-align: middle;*/
}

.ztree li span.button.options {
    background: url(../images/icons.png);
    width: 16px;
    height: 16px;
    background-position: 0px -2576px;
    vertical-align: top;
    /**vertical-align: middle;*/
    background-color: lightgrey;
    border-radius: 10px;
}

.ztree li span.button.schema-type-button {
    background: url(../images/icons.png);
    width: 16px;
    height: 16px;
    vertical-align: top;
    /**vertical-align: middle;*/
}

.ztree li span.button.checkbox-icon {
    background-position: 0px -3728px;
}

.ztree li span.button.table-icon {
    background-position: 0px -3376px;
}

.ztree li span.button.hyperlink-icon {
    background-position: 0px -3696px;
}

.ztree li span.button.combox-icon {
    background-position: 0px -3712px;
}

.ztree li span.button.button-icon {
    background-position: 0px -3680px;
}

.ztree li span.button.text-icon {
    background-position: 0px -1152px;
}

.slider-panel-guidesline {
    height: 100%;
    border: 1px dashed;
    position: absolute;
    display: none;
}

.slider-panel-subPanel {
    display: inline-block;
    height: 100%;
    width: 250px;
    position: relative;
}

.slider-panel-subPanel-spliter {
    height: 100%;
    position: relative;
    display: inline-block;
    width: 0;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    border-top: none;
}

.slider-panel-panel1 {
    float: left;
}

.slider-panel-panel2 {
    width: 280px;
    float: right;
    overflow-y: auto;
    overflow-x: hidden;
}
/* This is a function for icons position*/
.message-box {
    max-width: 400px;
    min-width: 210px;
}

.message-box .message-box-icon {
    position: absolute;
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 10px;
    background-image: url(../images/icons.png);
}

.message-box .message-box-icon-none {
    display: none;
}

.message-box .message-box-icon-info {
    background-position: -16px -736px;
}

.message-box .message-box-icon-warning {
    background-position: -16px -800px;
}

.message-box .message-box-icon-error {
    background-position: -16px -768px;
}

.message-box .message-box-icon-question {
    background-position: -16px -832px;
}

.message-box .message-box-text-container {
    margin-left: 52px;
    max-width: 80%;
}

.message-box .message-box-text {
    display: inline-block;
    margin: 1em 0;
}

.insert-cells-dialog .horizontalseparator,
.group-dialog .horizontalseparator,
.ungroup-dialog .horizontalseparator,
.delete-cells-dialog .horizontalseparator {
    direction: ltr;
    height: 1px;
    background: #d3d3d3;
    display: inline-block;
    margin-bottom: 5px;
    width: 150px;
}

.standard-height-dialog #standard-height-editor {
    width: 120px;
}

.standard-width-dialog #standard-width-editor {
    width: 110px;
}

.find-dialog {
    width: 481px;
}

.find-dialog .gcui-grid-freezing-handle-v,
.find-dialog .gcui-grid-freezing-handle-h {
    visibility: hidden;
    display: none;
}

.find-dialog .gcui-superpanel-statecontainer {
    z-index: 5;
}

.find-dialog .findwhat-input {
    width: 83%;
    margin-bottom: 10px;
}

.find-dialog .column1 {
    width: 14%;
}

.find-dialog .column2 {
    width: 30%;
}

.find-dialog .column3 {
    width: 5%;
}

.find-dialog .column4 {
    width: 28%;
}

.find-dialog .column5 {
    vertical-align: bottom;
}

.find-dialog .select {
    width: 100%;
}

.find-dialog .row-hidden {
    display: none;
}

.find-dialog .column-hidden {
    visibility: hidden;
}

.find-dialog .findall-grid-container {
    display: none;
    visibility: hidden;
}

.find-dialog .findall-grid {
    display: none;
    visibility: hidden;
    height: 180px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.3);
}

.find-dialog .show {
    display: block;
    visibility: visible;
}

.find-dialog .buttons {
    margin-top: 10px;
    margin-bottom: 5px;
}

.find-dialog .findall-description-label {
    display: none;
    visibility: hidden;
    margin-top: 5px;
    display: block;
}

.find-dialog .findall-description-label.show {
    display: block;
    visibility: visible;
}

.goto-dialog #goto-list {
    width: 302px;
    height: 174px;
}

.goto-dialog #goto-value {
    width: 300px;
}

.name-manager-dialog .gcui-grid-freezing-handle-v,
.name-manager-dialog .gcui-grid-freezing-handle-h {
    visibility: hidden;
    display: none;
}

.name-manager-dialog .names-grid-container {
    margin-top: 10px;
    width: 608px;
    overflow: hidden;
}

.name-manager-dialog .filter-area {
    display: inline;
    margin-left: 100px;
}

.new-name-dialog .can-hidden-area.hidden {
    display: none;
    visibility: hidden;
}

.new-name-dialog .referTo {
    width: 247px;
    height: 20px;
    border: none;
}

.new-name-dialog #name-input {
    width: 270px;
}

.new-name-dialog #comment-input {
    width: 270px;
    height: 50px
}

.tag-dialog .tag-input {
    width: 260px;
    height: 40px;
    margin-right: 8px;
}

.tag-dialog textarea {
    resize: none;
}

.insert-function-dialog .function-category-select,
.insert-function-dialog .function-list-select {
    width: 216px;
}

.insert-function-dialog .function-name,
.insert-function-dialog .function-description {
    display: block;
    width: 100%;
}

.insert-function-dialog .function-description {
    height: 55px;
}

.insert-function-dialog .function-name {
    margin-top: 5px;
    height: 20px;
    font-weight: bold;
}

.insert-function-dialog .formula {
    width: 380px;
}

.button-celltype-dialog .color-frame {
    display: inline-block;
    width: 157px;
    margin-left: 10px;
}

.button-celltype-dialog .float-left {
    float: left;
}

.button-celltype-dialog .color-span {
    display: block;
    height: 15px;
    width: 125px;
    border: 1px solid lightgray;
}

.button-celltype-dialog .margin-left,
.button-celltype-dialog .margin-top,
.button-celltype-dialog .margin-right,
.button-celltype-dialog .margin-bottom,
.button-celltype-dialog .button-text {
    margin-left: 10px;
}

.button-celltype-dialog fieldset {
    margin-top: 5px;
    border: 1px solid #aaaaaa;
}

.button-celltype-dialog .first-column {
    width: 30%;
}

.checkbox-celltype-dialog fieldset {
    margin-top: 5px;
    border: 1px solid #aaaaaa;
}

.checkbox-celltype-dialog select {
    width: 162px;
}

.combobox-celltype-dialog {
    margin: 5px;
}

.combobox-celltype-dialog fieldset {
    height: 200px;
    width: 190px;
    border: 1px solid #aaaaaa;
    margin: 0px;
}

.combobox-celltype-dialog .items {
    width: 100%;
    height: 93%;
}

.combobox-celltype-dialog .editor-valuetype {
    width: 132px;
}

.combobox-celltype-dialog input {
    width: 128px;
}

.combobox-celltype-dialog input#combox-editable {
    width: 15px;
}

.combobox-celltype-dialog .combox-column1 {
    width: 105px;
    display: inline-block;
}

.hyperLink-celltype-dialog .link-color-frame,
.hyperLink-celltype-dialog .visitedlink-color-frame {
    display: inline-block;
    width: 158px;
}

.hyperLink-celltype-dialog .link-color-span,
.hyperLink-celltype-dialog .visitedlink-color-span {
    display: block;
    height: 16px;
    width: 125px;
    border: 1px solid lightgray;
}

.hyperLink-celltype-dialog fieldset {
    margin-top: 5px;
    border: 1px solid #aaaaaa;
}

.hyperLink-celltype-dialog input {
    width: 160px;
}

.header-cells-dialog .hidden {
    display: none;
    visibility: hidden;
}

.header-cells-dialog .visible {
    visibility: visible;
}

.header-cells-dialog .columnheader-sheet {
    width: 720px;
    height: 250px;
    margin-bottom: 5px;
}

.header-cells-dialog .columnheader-porpertygird {
    width: 700px;
    height: 60%;
}

.header-cells-dialog .columnheader-porpertygird .first-column {
    width: 30%;
}

.header-cells-dialog .rowheader-sheet {
    width: 314px;
    height: 565px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.header-cells-dialog .rowheader-porpertygird {
    width: 405px;
    height: auto;
}

.header-cells-dialog .rowheader-porpertygird .first-column {
    width: 46%;
}

.header-cells-dialog td {
    border: 1px #ebedef solid;
    height: 27px;
}

.header-cells-dialog table {
    border-collapse: collapse;
}

.header-cells-dialog .backColor-colorspan,
.header-cells-dialog .foreColor-colorspan {
    display: block;
    height: 16px;
    width: 182px;
    border: 1px solid lightgray;
}

.header-cells-dialog .borderBottom-borderspan,
.header-cells-dialog .borderLeft-borderspan,
.header-cells-dialog .borderRight-borderspan,
.header-cells-dialog .borderTop-borderspan,
.header-cells-dialog .diagonalUp-borderspan,
.header-cells-dialog .diagonalDown-borderspan{
    display: block;
    height: 16px;
    width: 180px;
    border: 1px solid lightgray;
    background: transparent;
}

.header-cells-dialog #rowHeaderTab {
    padding: 0px;
    margin-right: 30px;
    height: 535px;
    width: 313px;
}

.header-cells-dialog #columnHeaderTab {
    padding: 0px;
    height: 218px;
    width: 720px;
    margin-bottom: 30px;
    margin-right: 30px;
}

.header-cells-dialog .font-popup {
    height: 20px;
    width: 20px;
    vertical-align: top;
}

.header-cells-dialog .font-popup .ui-button-text {
    padding: 0px;
}

.header-cells-dialog .merge {
    background-image: url(../images/icons.png);
    background-position: 0px -1808px;
}

.header-cells-dialog .unmerge {
    background-image: url(../images/icons.png);
    background-position: 0px -3376px;
}

.header-cells-dialog .insertrows {
    background-image: url(../images/icons.png);
    background-position: 0px -1616px;
}

.header-cells-dialog .addrows {
    background-image: url(../images/icons.png);
    background-position: 0px -3760px;
}

.header-cells-dialog .deleterows {
    background-image: url(../images/icons.png);
    background-position: 0px -928px;
}

.header-cells-dialog .insertcolumns {
    background-image: url(../images/icons.png);
    background-position: 0px -1568px;
}

.header-cells-dialog .addcolumns {
    background-image: url(../images/icons.png);
    background-position: 0px -3744px;
}

.header-cells-dialog .deletecolumns {
    background-image: url(../images/icons.png);
    background-position: 0px -912px;
}

.header-cells-dialog .clear {
    background-image: url(../images/icons.png);
    background-position: 0px -608px;
}

.header-cells-dialog .gcui-ribbon-separator {
    width: 0px;
    border-left: 1px solid lightgray;
    border-right: 0px;
    float: left;
    height: 20px;
}

.header-cells-dialog .columnheader-property-grid-container {
    height: 305px;
    overflow-y: scroll;
    width: 725px;
}

.header-cells-dialog .font {
    width: 185px;
}

.header-cells-dialog .formatter,
.header-cells-dialog .textIndent,
.header-cells-dialog .value,
.header-cells-dialog .width,
.header-cells-dialog .height {
    width: 210px;
}

.header-cells-dialog .hAlign,
.header-cells-dialog .vAlign,
.header-cells-dialog .value {
    width: 212px;
}

.cellValueRuleFormat-dialog .description,
.textRuleFormat-dialog .description,
.dateOccurringFormat-dialog .description,
.duplicateValuesFormat-dialog .description,
.top10RuleFormat-dialog .description,
.averageRuleFormat-dialog .description {
    font-weight: bold;
    display: block;
}

.newFormattingRule-dialog .databar-description2-container {
    margin: 10px 0 5px 0;
}

.newFormattingRule-dialog .description {
    font-weight: bold;
}

.newFormattingRule-dialog .format-on-value-description {
    margin: 5px 0;
}

.newFormattingRule-dialog .boldFont {
    font-weight: bold;
}

.newFormattingRule-dialog .preview-description {
    font-weight: bold;
}

.newFormattingRule-dialog .borderContainer-description {
    display: block;
    margin-top: 10px;
    margin-bottom: 2px;
}

.newFormattingRule-dialog .borderContainer {
    border: 1px solid #abadb3;
    padding: 5px;
}

.newFormattingRule-dialog .borderContainer .formatStyle {
    margin-bottom: 5px;
}

.newFormattingRule-dialog table select,
.newFormattingRule-dialog table input,
.newFormattingRule-dialog .previewOfColor23 {
    width: 100%;
    height: 20px;
}

.newFormattingRule-dialog .format-rule-color-frame {
    width: 154px;
}

.newFormattingRule-dialog .format-rule-value {
    padding-left: 2px;
    width: 130px;
    border: none;
}

.newFormattingRule-dialog .format-rule-value2 {
    padding-left: 2px;
    width: 160px;
    border: none;
}

.newFormattingRule-dialog table tr td:nth-child(1),
.newFormattingRule-dialog table tr td:nth-child(2),
.newFormattingRule-dialog table tr td:nth-child(3) {
    padding-right: 30px;
}

.newFormattingRule-dialog table tr td.preview-td {
    padding: 0;
}

.newFormattingRule-dialog .color3.hidden {
    display: none;
}

.newFormattingRule-dialog .min-color-span,
.newFormattingRule-dialog .mid-color-span,
.newFormattingRule-dialog .max-color-span,
.newFormattingRule-dialog .barcolor1-span,
.newFormattingRule-dialog .barcolor2-span {
    display: block;
    height: 12px;
    width: 125px;
    border: 1px solid lightgray;
}

.newFormattingRule-dialog .previewContainer-dataBar {
    border: 1px solid black;
    width: 100px;
    display: inline-block;
    padding: 2px;
    vertical-align: middle;
}

.newFormattingRule-dialog .previewOfDatabar {
    height: 16px;
    width: 70px;
}

.newFormattingRule-dialog .inlineBlock {
    display: inline-block;
    width: 330px;
}

.newFormattingRule-dialog .horizontal-icon-set-item {
    display: inline-block;
}

.newFormattingRule-dialog .icon-button-container {
    display: block;
    white-space: nowrap;
    width: 100px;
}

.newFormattingRule-dialog .previewContainer-common {
    border: 1px solid black;
    width: 200px;
    height: 40px;
    display: inline-block;
    padding: 2px;
}

.newFormattingRule-dialog .preview-common {
    vertical-align: middle;
    text-align: center;
    width: 196px;
    height: 36px;
    line-height: 36px;
    margin: 2px;
}

.newFormattingRule-dialog .formula-input {
    width: 345px;
    border: none;
    padding-left: 2px;
}

.newFormattingRule-dialog .ruleType {
    padding: 2px;
    width: 100%;
}

.newFormattingRule-dialog .preview {
    margin-top: 5px;
}

.newFormattingRule-dialog .barcolor1-frame,
.newFormattingRule-dialog .barcolor2-frame {
    width: 100px;
}

.newFormattingRule-dialog .barcolor1-span,
.newFormattingRule-dialog .barcolor2-span {
    width: 70px;
}

.newFormattingRule-dialog .iconset-display-description {
    margin-top: 15px;
}

.newFormattingRule-dialog .iconset-title-label {
    font-weight: bold;
}

.newFormattingRule-dialog .format-rule-sperator-line {
    border: none;
    border-top: 1px solid #d3d3d3;
    width: 100%;
    margin: 20px 0 15px 0;
}

.newFormattingRule-dialog .formatRankedValue .itemCounts {
    width: 70px;
}

.newFormattingRule-dialog .formatRankedValue-type {
    vertical-align: middle;
}

.newFormattingRule-dialog .value1,
.newFormattingRule-dialog .value2,
.newFormattingRule-dialog .value3,
.newFormattingRule-dialog .value4 {
    width: auto;
    border: none;
    padding-left: 2px;
}

.textBox-cell1,
.textBox-cell2 {
    width: 125px;
    height: 20px;
    border: none;
    padding-left: 2px;
}

.negativeValueAndAxisSettings-dialog .fillcolor-span,
.negativeValueAndAxisSettings-dialog .bordercolor-span,
.negativeValueAndAxisSettings-dialog .axiscolor-span {
    display: block;
    height: 12px;
    width: 110px;
    border: 1px solid lightgray;
}

.negativeValueAndAxisSettings-dialog .vertical-top {
    vertical-align: top;
}

.negativeValueAndAxisSettings-dialog input {
    vertical-align: top;
}

.iconSetsIcons {
    background-image: url(../images/icons.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}

.up-arrow-green {
    background-position: 0px -240px;
}

.right-arrow-yellow {
    background-position: 0px -352px;
}

.down-arrow-red {
    background-position: 0px -320px;
}

.up-arrow-gray {
    background-position: 0px -304px;
}

.right-arrow-gray {
    background-position: 0px -288px;
}

.down-arrow-gray {
    background-position: 0px -272px;
}

.up-triangle-green {
    background-position: 0px -3280px;
}

.minus-yellow {
    background-position: 0px -3312px;
}

.down-triangle-red {
    background-position: 0px -3296px;
}

.right-up-arrow-gray {
    background-position: 0px -192px;
}

.right-down-arrow-gray {
    background-position: 0px -176px;
}

.right-up-arrow-yellow {
    background-position: 0px -224px;
}

.right-down-arrow-yellow {
    background-position: 0px -208px;
}

.traffic-light-green {
    background-position: 0px -1392px;
}

.traffic-light-yellow {
    background-position: 0px -3472px;
}

.traffic-light-red {
    background-position: 0px -2368px;
}

.traffic-light-rimmed-green {
    background-position: 0px -1424px;
}

.traffic-light-rimmed-yellow {
    background-position: 0px -3536px;
}

.traffic-light-rimmed-red {
    background-position: 0px -2480px;
}

.up-triangle-yellow {
    background-position: 0px -3552px;
}

.down-rhombus-red {
    background-position: 0px -2416px;
}

.traffic-light-black {
    background-position: 0px -368px;
}

.ball-red {
    background-position: 0px -2432px;
}

.ball-pink {
    background-position: 0px -2080px;
}

.ball-gray {
    background-position: 0px -1344px;
}

.ball-black {
    background-position: 0px -384px;
}

.check-circled-green {
    background-position: 0px -1376px;
}

.notice-circled-yellow {
    background-position: 0px -3504px;
}

.close-circled-red {
    background-position: 0px -2400px;
}

.check-uncircled-green {
    background-position: 0px -1360px;
}

.notice-uncircled-yellow {
    background-position: 0px -3488px;
}

.close-uncircled-red {
    background-position: 0px -2384px;
}

.flag-green {
    background-position: 0px -1408px;
}

.flag-yellow {
    background-position: 0px -3520px;
}

.flag-red {
    background-position: 0px -2448px;
}

.star-solid {
    background-position: 0px -3072px;
}

.star-half {
    background-position: 0px -3056px;
}

.star-hollow {
    background-position: 0px -3040px;
}

.rating-4 {
    background-position: 0px -2336px;
}

.rating-3 {
    background-position: 0px -2320px;
}

.rating-2 {
    background-position: 0px -2304px;
}

.rating-1 {
    background-position: 0px -2288px;
}

.rating-0 {
    background-position: 0px -2272px;
}

.quarters-4 {
    background-position: 0px -2256px;
}

.quarters-3 {
    background-position: 0px -2240px;
}

.quarters-2 {
    background-position: 0px -2224px;
}

.quarters-1 {
    background-position: 0px -2208px;
}

.quarters-0 {
    background-position: 0px -2192px;
}

.box-4 {
    background-position: 0px -528px;
}

.box-3 {
    background-position: 0px -512px;
}

.box-2 {
    background-position: 0px -496px;
}

.box-1 {
    background-position: 0px -480px;
}

.box-0 {
    background-position: 0px -464px;
}

#icon-sets-popup-dialog {
    border: 1px solid #d3d3d3;
}

#icon-sets-popup-dialog .horizontal-icon-set-item {
    display: inline-block;
}

#icon-sets-popup-dialog .horizontal-3-big-icon-button-container {
    width: 144px;
}

#icon-sets-popup-dialog .horizontal-4-big-icon-button-container {
    width: 192px;
}

#icon-sets-popup-dialog .horizontal-2-small-iconset-button-container {
    width: 232px;
}

#icon-sets-popup-dialog .submenu-title {
    font-weight: bold;
    background-color: #f0f2f5;
    padding-left: .5em;
    font-size: 11px;
}

#icon-sets-popup-dialog .small-icon-set-only {
    width: 112px;
    height: 28px;
}

#icon-sets-popup-dialog .ui-state-default {
    background: white;
    border: none;
}

#icon-sets-popup-dialog .ui-button {
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    cursor: pointer;
    vertical-align: middle;
    text-align: left;
    overflow: visible;
    background: none;
    border: none;
    color: #000;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 0 1px 1px;
}

#icon-sets-popup-dialog .ui-button .ui-state-hover {
    border: none;
    text-decoration: none;
}

.icons-popup-dialog {
    width: 180px;
    height: auto;
    border: 1px solid #abadb3;
}
.icon-wrapper {
    border: 1px solid transparent;
    margin: 1px;
    display: inline-block;
}
.icons-popup-dialog .ui-state-hover {
    border: 1px solid #999;
}
.format-column .no-cell-icon {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: none;
}
.iconSets .no-cell-icon {
    width: 0;
    height: 0;
    background: none;
}
.no-cell-icon {
    width: 178px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: none;
}
.iconWrapper {
    width: 95px;
}
#icon-sets-popup-dialog .ui-button .icon-button-container {
    padding: 6px;
    display: block;
    white-space: nowrap;
}
.icons-popup-dialog {
    width: 180px;
    height: auto;
    border: 1px solid #abadb3;
}
.icon-wrapper {
    border: 1px solid transparent;
    margin: 1px;
    display: inline-block;
}
.icons-popup-dialog .ui-state-hover {
    border: 1px solid #999;
}
.format-column .no-cell-icon {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: none;
}
.iconSets .no-cell-icon {
    width: 0px;
    height: 0px;
    background: none;
}
.no-cell-icon {
    width: 178px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: none;
}
.iconWrapper {
    width: 95px;
}
.icon-frame {
    /*width: 100px;*/
    text-align: center;
}
.icon-frame {
    /*width: 100px;*/
    text-align: center;
}

.format-rules-manager-dialog .format-rules-description {
    margin-bottom: 5px;
}

.format-rules-manager-dialog .format-rules-view-container {
    border: 1px solid lightgray;
}

.format-rules-manager-dialog .format-rules-view-container .grid-border {
    border: 1px solid lightgray;
}

.format-rules-manager-dialog .format-rules-view-container .format-icon {
    background-image: url(../images/icons.png);
    display: inline-block;
    height: 16px;
    width: 16px;
}

.format-rules-manager-dialog .format-rules-view-container .add-format-rule {
    background-position: 0px -1920px;
}

.format-rules-manager-dialog .format-rules-view-container .edit-format-rule {
    background-position: 0px -944px;
}

.format-rules-manager-dialog .format-rules-view-container .delete-format-rule {
    background-position: 0px -880px;
}

.format-rules-manager-dialog .format-rules-view-container .move-up-format-rule {
    background-position: 0px -4096px;
}

.format-rules-manager-dialog .format-rules-view-container .move-down-format-rule {
    background-position: 0px -4080px;
}

.format-rules-manager-dialog .format-rules-view-container .format-rule-button {
    padding: 0;
    width: 32px;
}

.format-rules-manager-dialog .format-rules-view-container .rule-column {
    width: 200px;
    border-bottom: solid 1px lightgray;
    border-right: solid 1px lightgray;
}

.format-rules-manager-dialog .format-rules-view-container th {
    font-weight: normal;
}

.format-rules-manager-dialog .format-rules-view-container .format-column {
    width: 140px;
    border-bottom: solid 1px lightgray;
    border-right: solid 1px lightgray;
}

.format-rules-manager-dialog .format-rules-view-container .applies-to-column {
    width: 150px;
    border-bottom: solid 1px lightgray;
    border-right: solid 1px lightgray;
}

.format-rules-manager-dialog .format-rules-view-container .stop-if-true-column {
    width: 90px;
    border-bottom: solid 1px lightgray;
    border-right: solid 1px lightgray;
}

.format-rules-manager-dialog .format-rules-view-container .format-rules-grid-head-wrapper {
    padding-right: 17px;
}

.format-rules-manager-dialog .format-rules-view-container .format-rules-grid-head-wrapper .format-rules-grid-header {
    cursor: default;
}

.format-rules-manager-dialog .format-rules-view-container .format-rules-grid-scroll-wrapper {
    overflow-y: auto;
    height: 180px;
    background: white;
}

.format-rules-manager-dialog .format-rules-view-container .format-rules-grid-scroll-wrapper .format-rules-grid-body {
    cursor: default;
}

.format-rules-manager-dialog .format-rules-view-container .format-rules-button-set {
    margin: 5px 0 5px 3px;
}

.format-rules-manager-dialog .format-rules-view-container .format-rules-button-set span {
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
    font-size: 12px;
    vertical-align: top;
}

.format-rules-manager-dialog .format-rules-view-container .format-rules-button-set button {
    height: 30px;
}

.filemenu-options-dialog .option-title {
    display: block;
}

.filemenu-options-dialog .option-input {
    width: 260px;
    height: 20px;
    margin: 5px 0;
}

.password-dialog {
    padding-right: 14px;
}

.passwordInput {
    width: 100%;
}

.rangeSelectContainer {
    padding: 1px;
    display: inline-block;
    border: 1px solid #A9A9A9;
}

.rangeSelectContainer input {
    border: none;
    height: 20px;
    padding: 1px 0 1px 2px;
}

.rangeSelectButton {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 1px;
}

.rangeSelectButton span {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAIAAACw+gCQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJSSURBVDhPY3hILqBYZ/eqV81LXpbNfp7S/yS0+Z5p+olD5x5OWXGyYcaBmql7yifuLOnbBkRFPVuACKIFqjNzwv2Qhhue5ReByK/qYlDtxb///n35+efd1z/PP/wB6vn2+/f7b79ffgIhiBaoTlPP5I2bN2/asmX7jh3Hjh+ft3wLUOfX779ef/h+6+nHtXsuffrx+/bj16euvwQiiBaETiAy904NTasGantRkvA8wetpsO0NJ839htKb9l/Jal6T3rgytX4FEEG0QHXuOnbr55+/P379AyIg40m8x8uZ3U+aC49bKn64eHzX0es4Xds0Y9ejl++vPXx3+f77Nx9/3PU3e5YR/CTM4WGs53pVPqBrgX6+8+QNFtdmNq0q6NpU1LOpe/6+o+fvH3fR36XCc9dE/KG3EdDNQPaF7VunLTuY0bA0omg2RAtUZ1LNUohjgCEJDJVtdlpPty6dr8x3yUDsvoPqRm2hqcp8Jy+9WbH/7cQ1EB0wnXEVCyBBt+fc8+NXXy9Yf/znz5/31swFaliiKjBZme/yrSe7z36YsuZBy4KbEC1QnRFFcxKqFgP1A1Fq7ZKcpqU1EzYuWX/kxIa1/WBtizYcAwqG5E71SZsA0QLVGZI3A+Lax+/+ACMwvHDmsn1v1xx8e+jSp83HXgP1ALmztryYsv4ZEEG0QHUGZk+FuHbHqadABORO3fC8Z/mdvmU3Oxdd9cuY1LX0VsOci/WzQQiiBaET4lQgii1fEFU6F4iAXgC6JShnakDWZKBmoDshCKIFqpMMQK7Ohw8BTajNa73pg9oAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
}

.range-select-dialog .rangeSelectWrapper {
    height: 20px;
    width: 447px;
    background-color: white;
    border: 1px solid #A9A9A9;
}
.richtext-dialog div.childBlock{
    /*padding-top: 18px;*/
    margin-top: 10px;
    -webkit-appearance: none;
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-border-image: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(0, 0, 0, 0.00784314) 0%, rgba(0, 0, 0, 0.0666667) 100%);
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-size: auto;
    border-bottom-color: rgba(255, 255, 255, 0.2);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(255, 255, 255, 0.2);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgba(255, 255, 255, 0.2);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgba(255, 255, 255, 0.2);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px 0px;
}
.richtext-dialog h1#title{
    margin-left: 2px;
    color: rgb(78, 78, 78);
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-weight: bold;
    height: 32px;
    line-height: 30px;
}
.richtext-dialog div.Header{
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    height: 30px;
    margin: 2px;
    margin-bottom: 5px;
}
.richtext-dialog strong.HeaderTitle{
    color: rgb(226, 107, 29);
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
}
.richtext-dialog strong.sp-demo-click{
    cursor: pointer;
}
.richtext-dialog strong#description{
    color: rgb(78, 78, 78);
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    /*height: 30px;*/
    /*line-height: 30px;*/
}
.richtext-dialog strong#code{
    color: rgb(78, 78, 78);
}
.richtext-dialog div#titleDiv{
    height: auto;
}
.richtext-dialog div#discriptionDiv{
    height: 50px;
    display: none;
}
.richtext-dialog div#sampleDiv{
    margin: 2px;
    height: 500px;
}
.richtext-dialog div#codeDiv{
    margin: 2px;
    height: 500px;
    display: none;
    background: #d3d3d3;
}
.richtext-dialog div#codeDiv textarea{
    background: #f0f0f0;
    font-family: courier, monospace;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    width: 100%;
    height: 100%;
    resize: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
}
.richtext-dialog div#settingsDiv{
    height: auto;
    margin-bottom: 4px;
    color: rgb(0, 0, 0);
    /*display: inline-block;*/
    font-family: Calibri;
}
.richtext-dialog .separatorLine {
    height: 1px;
    border-top: 1px solid lightgray;
    margin-top: 10px;
    margin-bottom: 10px;
}
.richtext-dialog .list {
    list-style: none;
    display: none;
    position: absolute;
    box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, .15);
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;
}
.richtext-dialog .rich-editor-color-picker{
    line-height: 15px;
}
.richtext-dialog .rich-editor {
    border: 1px solid rgba(10, 10, 10, 0.1);
    box-sizing: border-box;
    background-color: white;
}
.richtext-dialog .rich-editor-content {
    box-sizing: border-box;
    height: 250px;
    outline: 0;
    overflow-y: auto;
    padding: 10px;
}
.richtext-dialog .childBlock{
    width:550px;
}
.richtext-dialog #setRichText {
    display: inline-block;
    background-color: white;
    border: none;
    width: 120px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, .15);
}
.richtext-dialog .rich-editor-actionbar {
    background-color: #FFF;
    border-bottom: 1px solid rgba(10, 10, 10, 0.1);
}
.richtext-dialog .rich-editor-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    outline: 0;
    width: 30px;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    margin: 0 3px;
    padding:0 2px;
}
.rich-editor-actionbar .font-family-value {
   max-width: 100px;
   display: inline-block;
   white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 30px;
    vertical-align: top;
}
.richtext-dialog .drop-down-arrow {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    float: right;
}
.richtext-dialog .drop-down-arrow:before{
    display: block;
    content: '';
    width: 0;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
    margin-top: 14px;
    margin-left: -9px;
}
.richtext-dialog .colorpicker-outDiv {
    background-color: white;
}
.richtext-dialog .rich-editor-button-selected {
    background-color: #F0F0F0;
}
.richtext-dialog .color_picker_result {
    border-bottom: 5px solid black;
}
.richtext-dialog #fontSizeList {
    width: 32px;
    padding: 2px 2px;
    text-align: center;
}
.richtext-dialog #fontFamilyList {
    width: 140px;
    height: 200px;
    padding: 2px 11px;
    overflow: scroll;
    text-align: left;
}
.richtext-dialog #colorPicker {
    width: 70px;
    left: -16px;
    padding: 0px 3px;
}
.richtext-dialog .fontsize-item {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.richtext-dialog .fontfamily-item {
    width: 156px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding-left: 13px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.richtext-dialog .colorpicker-item {
    width: 16px;
    height: 16px;
    margin: 1px;
    padding: 1px;
    border: 1px solid transparent;
    background-clip: content-box;
    float: left;
    display: inline-block;
}
.richtext-dialog .fontsize-item:hover {
    background-color: #DDDDDDAA;
}
.richtext-dialog .fontfamily-item:hover {
    background-color: #DDDDDDAA;
}
.richtext-dialog .colorpicker-item:hover {
    box-shadow: 1px 1px 1px 1px rgba(51, 51, 51, .15);
}
/* This is a function for icons position*/
.fill-dialog .groupbox {
    border: 1px solid lightgray;
    float: left;
    width: 100px;
    height: 110px;
    margin: 3px;
}

.fill-dialog .series-trend {
    clear: both;
}

.fill-dialog .series-input {
    width: 68px;
}

.fill-dialog .block-box {
    margin-top: 5px;
    margin-bottom: 5px;
}

.fill-dialog .groupbox-label {
    position: relative;
    top: -8px;
    margin-left: 3px;
    background-color: #f0f0f0;
}

.sort-dialog .sort-panel {
    border: solid 1px lightgray;
    margin: 3px;
    padding: 5px;
}

.sort-dialog .sort-icon {
    background-image: url(../images/icons.png);
    display: inline-block;
    height: 16px;
    width: 16px;
}

.sort-dialog .sort-add-level {
    background-position: 0px -2800px;
}

.sort-dialog .sort-delete-level {
    background-position: 0px -864px;
}

.sort-dialog .sort-copy-level {
    background-position: 0px -752px;
}

.sort-dialog .sort-move-up {
    background-position: 0px -4096px;
}

.sort-dialog .sort-move-down {
    background-position: 0px -4080px;
}

.sort-dialog .sort-options {
    width: 0px;
}
.ui-state-default-special{
    border-top: none !important
}
.sort-dialog .sort-header {
    width: 190px;
    border-bottom: solid 1px lightgray;
    border-right: solid 1px lightgray;
    display: block;
    margin: 0px;
    padding: 3px;
    text-align: center;
    float: left;
}

.sort-dialog .sort-column {
    width: 180px;
    float: left;
    display: block;
    margin: 5px;
}

.sort-dialog .sort-row-header {
    margin: 5px;
    padding: 3px;
    text-align: left;
    width: 60px;
    float: left;
    display: block;
}

.sort-dialog .sort-row-sortby {
    width: 120px;
    float: left;
    display: block;
    margin: 5px;
}

.sort-dialog .sort-infolist {
    height: 150px;
    overflow-y: scroll;
}

.sort-dialog .sort-move-button {
    padding: 0;
    width: 32px;
}

.sort-dialog .sort-button-sets span {
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
    font-size: 12px;
    vertical-align: top;
}

.sort-dialog .sort-button-sets button {
    height: 30px;
}

.spread-setting-dialog {
    width: 560px;
    height: 222px;
}

.spread-setting-dialog .column-half {
    float: left;
    width: 50%;
}

.spread-setting-dialog .horizontalseparator {
    direction: ltr;
    height: 1px;
    background: #d3d3d3;
    display: inline-block;
    margin-bottom: 5px;
    width: 506px;
}

.spread-setting-dialog .setting-block {
    margin-top: 7px;
    margin-bottom: 7px;
}

.spread-setting-dialog .spread-setting-tab {
    height: 90%;
}

.spread-setting-dialog .setting-tab-ratio {
    width: 50px;
}

.spread-setting-dialog .setting-tab-ratio-label {
    vertical-align: middle;
}

.sheet-setting-dialog {
    width: 550px;
    height: 300px;
}

.sheet-setting-dialog .sheet-setting-tab {
    height: 95%;
    width: 95%;
}

.sheet-setting-dialog .general-count {
    float: left;
    width: 60%;
}

.sheet-setting-dialog .general-count-label {
    width: 200px;
    display: inline-block;
}

.sheet-setting-dialog .general-count-value {
    width: 40px;
}

.sheet-setting-dialog .general-selection {
    float: left;
    width: 40%;
}

.sheet-setting-dialog .general-selection fieldset {
    border: 1px solid #d3d3d3;
}

.sheet-setting-dialog .gridline-column {
    float: left;
    width: 50%;
}

.sheet-setting-dialog .setting-block {
    margin-top: 7px;
    margin-bottom: 7px;
}

.sheet-setting-dialog .header-count-label {
    width: 45%;
    display: inline-block;
}

.sheet-setting-dialog .header-count-value {
    width: 15%;
    display: inline-block;
}

.sheet-setting-dialog .header-count-autotext {
    display: inline-block;
    width: 50%;
}

.sheet-setting-dialog .header-setting-tab {
    height: 95%;
}

.sheet-setting-dialog .color-frame {
    display: inline-block;
    width: 105px;
    margin-left: 10px;
    height: 18px;
}

.sheet-setting-dialog .float-left {
    float: left;
}

.sheet-setting-dialog .color-span {
    display: block;
    height: 11px;
    width: 70px;
    border: 1px solid lightgray;
}

.data-validation-dialog .data-validation-tab {
    width: 460px;
    height: 320px;
}

.data-validation-dialog .validation-criteria-type {
    width: 200px;
}

.data-validation-dialog .validation-comparison-operator {
    width: 200px;
}

.data-validation-dialog .validation-fieldset {
    border: none;
    border-top: solid 1px gray;
    padding-left: 0px;
    margin-left: -10px;
}

.data-validation-dialog .validation-content {
    margin-left: 10px;
}

.data-validation-dialog .validation-value1,
.data-validation-dialog .validation-value2 {
    width: 300px;
    border: none;
    padding-left: 2px;
}

.data-validation-dialog .show-input-message {
    margin-left: -10px;
}

.data-validation-dialog .input-title {
    width: 100%;
}

.data-validation-dialog .input-message {
    width: 100%;
    height: 100px;
    resize: none;
}

.data-validation-dialog .show-error-message {
    margin-left: -10px;
}

.data-validation-dialog .error-title {
    width: 90%;
}

.data-validation-dialog .error-message {
    width: 90%;
    height: 100px;
    resize: none;
}

.data-validation-dialog .error-style {
    width: 90%;
}

.data-validation-dialog .error-column {
    width: 50%;
}

.data-validation-dialog .error-icon {
    width: 32px;
    height: 32px;
    margin-left: 65px;
    margin-top: 55px;
    background-image: url(../images/icons.png);
}

.data-validation-dialog .error-icon-stop {
    background-position: -16px -768px;
}

.data-validation-dialog .error-icon-warning {
    background-position: -16px -800px;
}

.data-validation-dialog .error-icon-info {
    background-position: -16px -736px;
}

.inline-block {
    display: inline-block;
}

.float-left {
    float: left;
}

.setting-block {
    margin-top: 7px;
    margin-bottom: 7px;
}

.group-direction-dialog {
    margin-left: 15px;
}

.group-direction-dialog .group-fieldset {
    border: none;
    border-top: solid 1px gray;
    padding-left: 0px;
    margin-left: -10px;
}

.zoom-dialog .zoom-ratio-setting-fieldset {
    border: none;
    border-top: 1px solid #d3d3d3;
    margin-bottom: 2px;
    margin-top: 2px;
    padding: 0px;
}

.zoom-dialog .show-zoom-text {
    width: 50px;
}

.sparkline-weight-dialog {
    margin-left: 10px;
}

.insert-sparkline-dialog .sparkline-lable {
    width: 35%;
    display: inline-block;
}

.insert-sparkline-dialog .sparkline-data-range,
.insert-sparkline-dialog .sparkline-location-range {
    width: 125px;
    border: none;
    padding-left: 2px;
    height: 20px;
}

.insert-sparkline-dialog .element-disabled {
    opacity: 0.4;
}

.insert-sparkline-dialog .setting-block {
    border: 1px solid #aaaaaa;
}

.sparkline-marker-color-dialog .color-frame {
    display: inline-block;
    width: 105px;
    margin-left: 10px;
}

.sparkline-marker-color-dialog .color-span {
    display: block;
    height: 16px;
    width: 70px;
    border: 1px solid lightgray;
}

.sparkline-marker-color-dialog .sparkline-label {
    display: inline-block;
    width: 110px;
}

.format-table-dialog {
    height: 200px;
}

.format-table-dialog .table-style-input {
    width: 527px;
}

.format-table-dialog .table-element-block {
    width: 453px;
    float: left;
}

.format-table-dialog .table-element-fieldset {
    width: 425px;
    border-color: rgba(255, 255, 255, 0.2);
}

.format-table-dialog .table-element-select {
    width: 425px;
}

.format-table-dialog .table-preview-fieldset {
    width: 112px;
    height: 118px;
    padding: 0px;
    padding-left: 2px;
    border-color: rgba(255, 255, 255, 0.2);
}

.format-table-dialog .pre-spread {
    width: 110px;
    height: 105px;
}

.format-table-dialog .table-preview-block {
    width: 120px;
    height: 127px;
    margin-left: 455px;
}

.format-table-dialog .clear-table-element {
    width: 70px;
    height: 25px;
}

.format-table-dialog .format-table-element {
    width: 70px;
    height: 25px;
    margin-left: 125px;
}

.format-table-dialog .stripe-size-block {
    width: 120px;
    height: 50px;
    margin-left: 455px;
}

.format-table-dialog .stripe-size-fieldset {
    width: 112px;
    height: 46px;
    padding: 0px;
    padding-left: 2px;
    border-color: rgba(255, 255, 255, 0.2);
}

.format-table-dialog .stripe-size-select {
    margin-left: 35px;
    margin-top: 6px;
}

.cell-style-dialog .cell-style-name {
    width: 200px;
}

.cell-style-dialog .cell-style-format-setting {
    padding: 5px;
    margin: 18px 0px 3px 210px;
}

.pdf-printer-setting-dialog .printer-range-setting {
    padding: 5px 0px 5px 0px;
    border: none;
    border-top: 1px solid #D3D3D3;
}

.pdf-printer-setting-dialog .printer-range-setting .printer-range-label {
    margin-left: 20px;
}

.pdf-printer-setting-dialog .pdf-printer-setting {
    height: 24px;
    width: 300px;
}

.pdf-printer-setting-dialog .pdf-printer-setting .pdf-printer-input {
    width: 160px;
}

.pdf-printer-setting-dialog .pdf-printer-setting .printer-settings-label {
    display: inline-block;
    width: 125px;
}

.pdf-printer-setting-dialog .printer-range-setting-button {
    width: 80px;
}

.pdf-printer-setting-dialog .add-print-range {
    margin-left: 257px;
}

.pdf-printer-setting-dialog .printer-range-panel {
    border: 1px solid #D3D3D3;
    height: 200px;
    overflow-y: scroll;
}

.pdf-printer-setting-dialog .printer-range-panel .printer-range-table {
    border-collapse: collapse;
    border-spacing: 0;
}

.pdf-printer-setting-dialog .printer-range-panel .printer-range-table-header {
    width: 210px;
    border: 1px solid #D3D3D3;
}

.pdf-printer-setting-dialog .printer-range-setting .page-range-index {
    width: 140px;
}

.pdf-printer-setting-dialog .printer-range-setting .page-range-count {
    width: 140px;
}

.format-comment {
    width: 500px;
    height: 440px;
}

.format-comment .comment-separator-line {
    padding-left: 0;
    border: 0;
    border-top: 1px solid lightgray;
}

.format-comment .comment-tab-page {
    height: 350px;
}

.format-comment .alignment-container .comment-text-alignment {
    margin: 8px 0 0 20px;
}

.format-comment .alignment-container .alignment-select {
    width: 120px;
}

.format-comment .alignment-container .align-column {
    width: 90px;
    display: inline-block;
}

.format-comment .alignment-container #auto-size {
    margin: 0 0 20px 20px;
}

.format-comment .alignment-container .padding-box {
    width: 80px;
}

.format-comment .alignment-container .padding-column1 {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
}

.format-comment .alignment-container .padding-column2 {
    width: 50px;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
}

.format-comment .alignment-container .padding-group {
    margin-left: 20px;
    margin-top: 8px;
}

.format-comment .alignment-container #automatic-padding {
    margin: 10px 0 0 20px;
}

.format-comment .size-container .size-div {
    margin: 8px 0 0 20px;
}

.format-comment .size-container .size-column {
    width: 55px;
    display: inline-block;
}

.format-comment .protection-container .protect-comment-div {
    margin-top: 8px;
}

.format-comment .colors-container .fill-color-picker {
    display: inline-block;
    width: 240px;
}

.format-comment .colors-container .line-color-picker {
    display: inline-block;
    width: 240px;
}

.format-comment .colors-container .colorpicker-popup {
    background-color: white;
}

.format-comment .colors-container .colorpicker-container {
    float: left;
    width: 55%;
    margin-right: 2px;
}

.format-comment .colors-container .colorpicker-preview {
    display: block;
    border: 1px solid black;
    width: 100%;
    height: 13px;
}

.format-comment .colors-container .lines-column {
    width: 60px;
    display: inline-block;
    margin: 12px 0 0 25px;
}

.format-comment .colors-container .color-label {
    width: 95px;
    display: inline-block;
    margin: 10px 0 0 25px;
}

.format-comment .colors-container .slider-label {
    width: 100px;
    display: inline-block;
    margin: 10px 0 0 25px;
}

.format-comment .colors-container .color-transparent-slider {
    display: inline-block;
    width: 125px;
    margin-right: 10px;
}

.format-comment .colors-container #colors-transparent-input {
    width: 60px;
}

.format-comment .colors-container .lines-width {
    width: 105px;
}

.format-comment .colors-container .lines-style-select {
    width: 132px;
}

.pie-sparkline-dialog .separator-line {
    padding-left: 0;
    border: 0;
    border-top: 1px solid lightgray;
}

.pie-sparkline-dialog .pie-color-picker {
    display: inline-block;
    width: 140px;
    vertical-align: sub;
}

.pie-sparkline-dialog .color-picker-container {
    float: left;
    width: 95%;
    margin-right: 2px;
}

.pie-sparkline-dialog .color-picker-preview {
    display: block;
    border: 1px solid black;
    width: 100%;
    height: 13px;
}

.pie-sparkline-dialog .color-picker-popup {
    background-color: white;
}

.pie-sparkline-dialog .add-pie-color,
.pie-sparkline-dialog .remove-pie-color {
    display: inline-block;
    background: #E6E6EC;
    padding: 2px;
    border-radius: 10px;
}

.pie-sparkline-dialog .add-pie-color:hover {
    cursor: pointer;
    background: lightgreen;
}

.pie-sparkline-dialog .remove-pie-color:hover {
    background: red;
    -webkit-transform: rotate(-45deg);
    -webkit-transition-duration: 200ms;
    cursor: pointer;
}

.pie-sparkline-dialog .pie-color-column {
    width: 60px;
    display: inline-block;
}

.pie-sparkline-dialog .pie-sparkline-block {
    margin: 5px 15px;
}

.pie-sparkline-dialog .pie-color {
    margin-bottom: 8px;
}

.area-sparkline-dialog .separator-line {
    padding-left: 0;
    border: 0;
    border-top: 1px solid lightgray;
}

.area-sparkline-dialog .area-column1 {
    width: 105px;
    display: inline-block;
}

.area-sparkline-dialog .area-column2 {
    width: 105px;
    display: inline-block;
    margin-left: 10px;
}

.area-sparkline-dialog .area-min-value {
    width: 80px;
}

.area-sparkline-dialog .area-max-value {
    width: 80px;
}

.area-sparkline-dialog .area-line1-value {
    width: 80px;
}

.area-sparkline-dialog .area-line2-value {
    width: 80px;
}

.area-sparkline-dialog .area-sparkline-block {
    margin: 10px 10px 10px 30px;
}

.area-sparkline-dialog .area-color-picker-container {
    float: left;
    width: 95%;
    margin-right: 2px;
}

.area-sparkline-dialog .area-color-picker-preview {
    display: block;
    border: 1px solid black;
    width: 100%;
    height: 13px;
}

.area-sparkline-dialog .area-color-picker-popup {
    background-color: white;
}

.area-sparkline-dialog .area-color {
    width: 150px;
    display: inline-block;
    vertical-align: middle;
}

.area-sparkline-dialog .area-data-range {
    margin: 0px;
    width: 140px;
}

.scatter-sparkline-dialog .scatter-color-picker-container {
    float: left;
    width: 95%;
    margin-right: 2px;
}

.scatter-sparkline-dialog .scatter-color-picker-popup {
    background-color: white;
}

.scatter-sparkline-dialog .scatter-color-picker-preview {
    display: block;
    border: 1px solid black;
    width: 100%;
    height: 13px;
}

.scatter-sparkline-dialog .separator-line {
    padding-left: 0;
    border: 0;
    border-top: 1px solid lightgray;
}

.scatter-sparkline-dialog .scatter-color-picker-block {
    width: 167px;
    display: inline-block;
    vertical-align: middle;
}

.scatter-sparkline-dialog .scatter-column1 {
    width: 100px;
    display: inline-block;
}

.scatter-sparkline-dialog .scatter-column2 {
    width: 100px;
    display: inline-block;
}

.scatter-sparkline-dialog .scatter-sparkline-block {
    margin: 7px 0px 10px 15px;
}

.compatible-sparkline-dialog .separator-line {
    padding-left: 0;
    border: 0;
    border-top: 1px solid lightgray;
}

.compatible-sparkline-dialog .com-data-column1 {
    width: 140px;
    display: inline-block;
}

.compatible-sparkline-dialog .com-data-column2 {
    width: 140px;
    display: inline-block;
    margin-left: 10px;
}

.compatible-sparkline-dialog .com-data-input {
    width: 100px;
}

.compatible-sparkline-dialog .com-data-select {
    width: 105px;
}

.compatible-sparkline-dialog .compatible-block {
    margin: 3px 0 5px 25px;
}

.compatible-sparkline-dialog .com-show-column1 {
    width: 110px;
    display: inline-block;
}

.compatible-sparkline-dialog .com-show-column2 {
    width: 110px;
    display: inline-block;
}

.compatible-sparkline-dialog .com-show-column3 {
    width: 110px;
    display: inline-block;
}

.compatible-sparkline-dialog .com-group-column1 {
    width: 115px;
    display: inline-block;
}

.compatible-sparkline-dialog .com-group-column2 {
    width: 115px;
    display: inline-block;
}

.compatible-sparkline-dialog .com-group-input {
    width: 100px;
}

.compatible-sparkline-dialog .com-group-select {
    width: 104px;
}

.compatible-sparkline-dialog .manual-disable {
    opacity: 0.4;
}

.compatible-style-setting .compatible-style-column1 {
    width: 120px;
    display: inline-block;
}

.compatible-style-setting .compatible-style-sets {
    display: inline-block;
    width: 115px;
}

.compatible-style-setting .compatible-line-weight {
    width: 110px;
}

.compatible-style-setting .compatible-color-picker-container {
    float: left;
    width: 95%;
    margin-right: 2px;
}

.compatible-style-setting .compatible-color-picker-popup {
    background-color: white;
}

.compatible-style-setting .compatible-color-picker-preview {
    display: block;
    border: 1px solid black;
    width: 100%;
    height: 13px;
}

.compatible-style-setting .compatible-style-block {
    margin: 10px 0px 0px 20px;
}

.sparkline-ex-colorframe {
    vertical-align: middle;
}

.sparkline-ex-colorspan {
    display: block;
    width: 100%;
    height: 13px;
    border: 1px solid;
}

.bullet-sparkline-dialog .bullet-sparkline-block {
    margin: 10px 10px 10px 30px;
}

.bullet-sparkline-dialog .bullet-column1 {
    width: 60px;
    display: inline-block;
}

.bullet-sparkline-dialog .bullet-column2 {
    width: 100px;
}

.bullet-sparkline-dialog .bullet-column3 {
    width: 90px;
    display: inline-block;
    margin-left: 15px;
}

.bullet-sparkline-dialog .bullet-column4 {
    width: 100px;
}

.spread-sparkline-dialog .spread-sparkline-block {
    margin: 10px 10px 10px 30px;
}

.spread-sparkline-dialog .spread-column1 {
    width: 90px;
    display: inline-block;
}

.spread-sparkline-dialog .spread-column2 {
    width: 100px;
}

.spread-sparkline-dialog .spread-column3 {
    width: 90px;
    display: inline-block;
    margin-left: 15px;
}

.spread-sparkline-dialog .spread-column4 {
    width: 100px;
}

.stacked-sparkline-dialog .stacked-sparkline-block {
    margin: 10px 10px 10px 15px;
}

.stacked-sparkline-dialog .stacked-column1 {
    width: 105px;
    display: inline-block;
}

.stacked-sparkline-dialog .stacked-column2 {
    width: 100px;
}

.stacked-sparkline-dialog .stacked-column3 {
    width: 110px;
    display: inline-block;
    margin-left: 15px;
}

.stacked-sparkline-dialog .stacked-column4 {
    width: 100px;
}

.stacked-sparkline-dialog .stacked-text-size {
    width: 85px;
}

.barbase-sparkline-dialog .barbase-sparkline-block {
    margin: 15px 10px 15px 20px;
}

.barbase-sparkline-dialog .barbase-column1 {
    width: 95px;
    display: inline-block;
}

.barbase-sparkline-dialog .barbase-column2 {
    width: 135px;
}

.vari-sparkline-dialog .vari-sparkline-block {
    margin: 10px 10px 10px 20px;
}

.vari-sparkline-dialog .vari-column1 {
    width: 100px;
    display: inline-block;
}

.vari-sparkline-dialog .vari-column2 {
    width: 100px;
}

.vari-sparkline-dialog .vari-column3 {
    width: 100px;
    display: inline-block;
    margin-left: 10px;
}

.vari-sparkline-dialog .vari-column4 {
    width: 100px;
}

.vari-sparkline-dialog .vari-vertical {
    margin-left: 30px;
}

.boxplot-sparkline-dialog .boxplot-sparkline-block {
    margin: 10px 10px 10px 20px;
}

.boxplot-sparkline-dialog .boxplot-column1 {
    width: 100px;
    display: inline-block;
}

.boxplot-sparkline-dialog .boxplot-column2 {
    width: 100px;
}

.boxplot-sparkline-dialog .boxplot-column3 {
    width: 100px;
    display: inline-block;
    margin-left: 10px;
}

.boxplot-sparkline-dialog .boxplot-column4 {
    width: 100px;
}

.boxplot-sparkline-dialog .boxplot-vertical {
    margin-left: 25px;
}

.cascade-sparkline-dialog .cascade-sparkline-block {
    margin: 10px 10px 10px 20px;
}

.cascade-sparkline-dialog .cascade-column1 {
    width: 100px;
    display: inline-block;
}

.cascade-sparkline-dialog .cascade-column2 {
    width: 100px;
}

.cascade-sparkline-dialog .cascade-column3 {
    width: 100px;
    display: inline-block;
    margin-left: 10px;
}

.cascade-sparkline-dialog .cascade-column4 {
    width: 100px;
}

.cascade-sparkline-dialog .cascade-vertical {
    margin-left: 10px;
}

.pareto-sparkline-dialog .pareto-sparkline-block {
    margin: 10px 10px 10px 20px;
}

.pareto-sparkline-dialog .pareto-column1 {
    width: 100px;
    display: inline-block;
}

.pareto-sparkline-dialog .pareto-column2 {
    width: 100px;
}

.pareto-sparkline-dialog .pareto-column3 {
    width: 105px;
    display: inline-block;
    margin-left: 10px;
}

.pareto-sparkline-dialog .pareto-column4 {
    width: 100px;
}

.pareto-sparkline-dialog .pareto-vertical {
    margin-left: 10px;
}

.calendar-sparkline-dialog .calendar-sparkline-block {
    margin: 10px 10px 10px 10px;
}

.calendar-sparkline-dialog .calendar-column1 {
    width: 100px;
    display: inline-block;
}

.calendar-sparkline-dialog .calendar-column2 {
    width: 125px;
    display: inline-block;
}

.calendar-sparkline-dialog .calendar-sparkline-data,
.calendar-sparkline-dialog .calendar-sparkline-location {
    width: 97px;
}

.calendar-sparkline-dialog .calendar-column3 {
    width: 100px;
    display: inline-block;
    margin-left: 32px;
}

.calendar-sparkline-dialog .calendar-column4 {
    width: 125px;
    display: inline-block;
}

.calendar-sparkline-dialog .calendar-sparkline-color {
    width: 96px;
}

.calendar-sparkline-dialog .calendar-sparkline-year {
    width: 121px;
}

.calendar-sparkline-dialog .calendar-sparkline-month {
    width: 125px;
}

.barcode-dialog .barcode-common-block {
    margin: 10px 10px 10px 10px;
}
.barcode-dialog .barcode-column1 {
    width: 110px;
    display: inline-block;
}
.barcode-dialog .barcode-column2 {
    width: 145px;
    display: inline-block;
}
.barcode-dialog .barcode-column3 {
    width: 125px;
    display: inline-block;
    margin-left: 32px;
}
.barcode-dialog .barcode-column4 {
    width: 145px;
    display: inline-block;
}
.barcode-dialog .barcode-common-location{
    width: 97px;
}
.barcode-content .barcode-content-left{
    width:250px;
    height: 100%;
    margin-top: 10px;
    margin-left: 10px;
    display: inline-block;
}
.barcode-content .barcode-content-right{
    width:250px;
    height: 100%;
    margin-top: 10px;
    margin-left: 35px;
    display: inline-block;
    vertical-align: top;
}
.barcode-label {
    width: 140px;
    display: inline-block;
    height: 35px;
}
.barcode-option {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}
.barcode-common-block .rangeSelectContainer{
    width:145px;
}
.barcode-common-block .barcode-locationReference{
    width:120px;
}
.barcode-common-block .color-picker-container{
    width:145px;
}
.protection-option .protection-option-container {
    padding: 3px;
    margin-top: 2px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    border-style: solid;
    border-width: thin;
    border-color: #d3d3d3;
}

.protection-option .protection-option-label {
    margin-left: 3px;
}

.insert-slicer-dialog .insert-slicer-container {
    width: 245px;
    height: 380px;
    padding: 8px;
    background-color: white;
    border: 1px solid grey;
    overflow-y: auto;
}

.insert-slicer-dialog .insert-slicer-block {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #ffffff;
}

.insert-slicer-dialog .insert-slicer-block:hover {
    filter: progid:DXImageTransform.Microsoft.Gradient(gadientType=0, startColorStr=#ffffff, endColor=#9dcbb2);
    /*IE 6 7 8*/
    background: -ms-linear-gradient(top, #ffffff, #9dcbb2);
    /*IE 10*/
    background: -moz-linear-gradient(top, #ffffff, #9dcbb2);
    /*FireFox*/
    /*Google Chrome*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#9dcbb2));
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #ffffff, #9dcbb2);
    /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #ffffff, #9dcbb2);
    /*Opera 11.10+*/
    border: 1px solid #439467;
    border-radius: 3px;
}

.insert-slicer-dialog input,
.insert-slicer-dialog label {
    vertical-align: middle;
    font-size: 12px;
}

.slicer-setting-dialog {
    margin-left: 6px;
    margin-right: 6px;
    line-height: 15pt;
}

.slicer-setting-dialog .slicer-name-margin {
    margin-left: 6px;
    margin-right: 6px;
}

.slicer-setting-dialog .slicer-name-margin .slicer-text-decoration {
    margin-left: 6px;
}

.slicer-setting-dialog .slicer-name-margin input {
    margin-left: 6px;
}

.slicer-setting-dialog .slicer-fieldset {
    border: none;
    border-top: solid 1px lightgray;
    padding-left: 0px;
    margin-top: 3px;
    margin-left: 4px;
    margin-right: 7px;
}

.slicer-setting-dialog .item-sorting {
    float: left;
}

.slicer-setting-dialog .item-show-hide {
    float: right;
}

.slicer-setting-dialog .caption-margin {
    margin-left: 6px;
    margin-right: 6px;
}

.slicer-setting-dialog .hide-item-margin {
    margin-left: 50px;
}

.slicer-setting-dialog .visually-item-margin {
    margin-left: 70px;
}

.slicer-setting-dialog .show-item-margin {
    margin-left: 90px;
}

.slicer-setting-dialog fieldset > div {
    margin-left: 1em;
}

.slicer-setting-dialog input,
.slicer-setting-dialog label {
    vertical-align: middle;
}

.slicer-setting-dialog .textBold {
    font-weight: bold;
}

.slicer-style-dialog {
    height: 200px;
}

.slicer-style-dialog .slicer-style-input {
    width: 527px;
}

.slicer-style-dialog .slicer-element-block {
    width: 453px;
    float: left;
}

.slicer-style-dialog .slicer-element-fieldset {
    width: 425px;
    border-color: rgba(255, 255, 255, 0.2);
}

.slicer-style-dialog .slicer-element-select {
    width: 425px;
}

.slicer-style-dialog .slicer-preview-block {
    width: 120px;
    height: 127px;
    margin-left: 455px;
}

.slicer-style-dialog .slicer-preview-fieldset {
    width: 100px;
    height: 130px;
    padding: 0 2px;
    border-color: rgba(255, 255, 255, 0.2);
}

.slicer-style-dialog .slicer-pre-style {
    width: 73px;
    margin-left: 12px;
    margin-top: 12px;
    background-color: #ffffff;
}

.slicer-style-dialog .slicer-pre-style > div {
    width: 65px;
    height: 18px;
    padding-left: 4px;
    padding-right: 4px;
}

.slicer-style-dialog .slicer-pre-left-style {
    float: left;
}

.slicer-style-dialog .slicer-pre-right-style {
    float: right;
}

.slicer-style-dialog .clear-slicer-element {
    width: 70px;
    height: 25px;
}

.slicer-style-dialog .format-slicer-element {
    width: 70px;
    height: 25px;
    margin-left: 125px;
}

.format-slicer-dialog {
    margin-left: 12px;
    margin-right: 12px;
}

.format-slicer-dialog .li-property-size {
    width: 150px;
}

.format-slicer-dialog .li-properties {
    width: 100px;
}

.format-slicer-dialog .slicer-property-tab > div {
    width: 540px;
    height: 120px;
}

.format-slicer-dialog .general-selection {
    float: left;
    width: 50%;
}

.format-slicer-dialog .general-selection fieldset {
    height: 120px;
    border: 1px solid #d3d3d3;
}

.format-slicer-dialog .setting-block {
    margin-top: 7px;
    margin-bottom: 7px;
}

.format-slicer-dialog .setting-block input,
.format-slicer-dialog .setting-block label {
    vertical-align: middle;
}

.format-slicer-dialog .setting-block > div {
    width: 120px;
    vertical-align: middle;
    display: inline-block;
}

.format-slicer-dialog .diasble-resizing-moving {
    margin-left: 0px;
}

.format-slicer-dialog .locked-slicer {
    margin-left: 5px;
}

.format-slicer-dialog .percent-label {
    font-weight: bolder;
    font-size: 16px;
}

.format-slicer-dialog .percent-input {
    width: 66px;
}

.insert-slicer-ok {
    border: 1px solid #d3d3d3;
    background: #cccccc;
    font-weight: normal;
    color: #555555;
}

.table-source-range {
    border: none;
    height: 20px;
    padding-left: 2px;
}

.disabled {
    opacity: 0.6;
}
.blueButton{
    margin-left: 3px;
    float: left;
    display: block;
    width: 148px;
    height: 18px;
    border: 1px solid black;
    text-decoration: none;
    background-color: #D3D3D3;
    text-decoration: none;
    text-align: center;
    line-height: 18px;
}
.blueButton:hover {
    text-decoration: none;
}
.selectfilebutton{
    margin-left: 73px;
    text-decoration: none;
    position: absolute;
    display: block;
    width: 148px;
    height: 20px;
    opacity: 0;
}
.blueFillIcon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAXCAYAAADk3wSdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFMkIzNDMzNzY3RDExRTc5ODIyQjBCNDM5MUZGMzNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFMkIzNDM0NzY3RDExRTc5ODIyQjBCNDM5MUZGMzNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REUyQjM0MzE3NjdEMTFFNzk4MjJCMEI0MzkxRkYzM0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REUyQjM0MzI3NjdEMTFFNzk4MjJCMEI0MzkxRkYzM0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6glf7eAAAC1ElEQVR42rRVX0hTYRT/XV3KfKhUUAe+yIaDcqisp0kjnA+CPSi6erKQooe96aAQlOGDPplBkCQalBuMHsagWQxpjh4mZsNN8WELh1QPY1quEVs0YjfPF/dyt907hOgH9373nO/7fpxz7vnDQQHb29u8x+NBPp9ncm1tLaxWK4xGI4cK4HkeKnpxXPk5t9vN1oWFBbZOTEzA5XIpEkk5VPSKpX7x+qYarK+vw+/3VzIE4+PjPK0WiwUDAwOIHzFPiqxSnSr5tf0c9L01soRkoRwCgQAjpbvoAC8lrmLKf0Qph0r4eLjxXYzfWUF35FCF/4AyUofDgcHBQdjtdlFHqUV6JVzvqKMM4FdXV/ky0lAohEQiAafTKZIRvF4vhoaGFAkpc3w+HyKRyNncX1xchMlkQldXl+w+EQaDQfbIut/T0wOtVovR0VEmd3Z2sty12WyyhPbeiwiHw8xKKbj5QJqXHiq1kpBKpbC7u4vm5mYsLS2J+/F4DMvLKygUCqLuNIM4Rfej0Sg2NzeZ5UKcW1paxDgTjo+/FhGq1erKMRV+DpGW1jlhenoauVwOIyMjTG5sbMTc3BynSEpWknXDw8PQ6XRinJPJJLq7uzE7O4tsNsvKOp1OY2xsDFNTU1xZRUlBf1rakWZmZsRvcpcsFJDJZGAwGOTLtBLcwTjefDhE/ncBpksa3L5zD67nz2A2m9HX1yd0qrOTPvLuoPq0Vzrv9zN5xb8Pb/gIk5OT+PyjWrb+Kyb/09d7yGTzMBtaRd3d/g68j6XYJFDqcKrSriOU3ct3cbzaOvw7WuIp6DQX8Nh2DR+/nEDTUIdv2YJyQyGS0jr2hg7w4m2s6OBBMgPfVgJP1vZw82obTn4Wiu4VVRTlHXV/EhrUVdjYSZQRCqhRcbhl0eNye5voOhHSvabz5zhxXkmHViDyiZ/3RMrINPV1aG+tx4MbVzi5IVlaHH8EGAC5Ozy0Q9eoOwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

.redFillIcon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAXCAYAAADk3wSdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFMkIzNDMzNzY3RDExRTc5ODIyQjBCNDM5MUZGMzNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFMkIzNDM0NzY3RDExRTc5ODIyQjBCNDM5MUZGMzNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REUyQjM0MzE3NjdEMTFFNzk4MjJCMEI0MzkxRkYzM0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REUyQjM0MzI3NjdEMTFFNzk4MjJCMEI0MzkxRkYzM0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6glf7eAAAC1ElEQVR42rRVX0hTYRT/XV3KfKhUUAe+yIaDcqisp0kjnA+CPSi6erKQooe96aAQlOGDPplBkCQalBuMHsagWQxpjh4mZsNN8WELh1QPY1quEVs0YjfPF/dyt907hOgH9373nO/7fpxz7vnDQQHb29u8x+NBPp9ncm1tLaxWK4xGI4cK4HkeKnpxXPk5t9vN1oWFBbZOTEzA5XIpEkk5VPSKpX7x+qYarK+vw+/3VzIE4+PjPK0WiwUDAwOIHzFPiqxSnSr5tf0c9L01soRkoRwCgQAjpbvoAC8lrmLKf0Qph0r4eLjxXYzfWUF35FCF/4AyUofDgcHBQdjtdlFHqUV6JVzvqKMM4FdXV/ky0lAohEQiAafTKZIRvF4vhoaGFAkpc3w+HyKRyNncX1xchMlkQldXl+w+EQaDQfbIut/T0wOtVovR0VEmd3Z2sty12WyyhPbeiwiHw8xKKbj5QJqXHiq1kpBKpbC7u4vm5mYsLS2J+/F4DMvLKygUCqLuNIM4Rfej0Sg2NzeZ5UKcW1paxDgTjo+/FhGq1erKMRV+DpGW1jlhenoauVwOIyMjTG5sbMTc3BynSEpWknXDw8PQ6XRinJPJJLq7uzE7O4tsNsvKOp1OY2xsDFNTU1xZRUlBf1rakWZmZsRvcpcsFJDJZGAwGOTLtBLcwTjefDhE/ncBpksa3L5zD67nz2A2m9HX1yd0qrOTPvLuoPq0Vzrv9zN5xb8Pb/gIk5OT+PyjWrb+Kyb/09d7yGTzMBtaRd3d/g68j6XYJFDqcKrSriOU3ct3cbzaOvw7WuIp6DQX8Nh2DR+/nEDTUIdv2YJyQyGS0jr2hg7w4m2s6OBBMgPfVgJP1vZw82obTn4Wiu4VVRTlHXV/EhrUVdjYSZQRCqhRcbhl0eNye5voOhHSvabz5zhxXkmHViDyiZ/3RMrINPV1aG+tx4MbVzi5IVlaHH8EGAC5Ozy0Q9eoOwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

.roundIcon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAXCAYAAADk3wSdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFMkIzNDMzNzY3RDExRTc5ODIyQjBCNDM5MUZGMzNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFMkIzNDM0NzY3RDExRTc5ODIyQjBCNDM5MUZGMzNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REUyQjM0MzE3NjdEMTFFNzk4MjJCMEI0MzkxRkYzM0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REUyQjM0MzI3NjdEMTFFNzk4MjJCMEI0MzkxRkYzM0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6glf7eAAAC1ElEQVR42rRVX0hTYRT/XV3KfKhUUAe+yIaDcqisp0kjnA+CPSi6erKQooe96aAQlOGDPplBkCQalBuMHsagWQxpjh4mZsNN8WELh1QPY1quEVs0YjfPF/dyt907hOgH9373nO/7fpxz7vnDQQHb29u8x+NBPp9ncm1tLaxWK4xGI4cK4HkeKnpxXPk5t9vN1oWFBbZOTEzA5XIpEkk5VPSKpX7x+qYarK+vw+/3VzIE4+PjPK0WiwUDAwOIHzFPiqxSnSr5tf0c9L01soRkoRwCgQAjpbvoAC8lrmLKf0Qph0r4eLjxXYzfWUF35FCF/4AyUofDgcHBQdjtdlFHqUV6JVzvqKMM4FdXV/ky0lAohEQiAafTKZIRvF4vhoaGFAkpc3w+HyKRyNncX1xchMlkQldXl+w+EQaDQfbIut/T0wOtVovR0VEmd3Z2sty12WyyhPbeiwiHw8xKKbj5QJqXHiq1kpBKpbC7u4vm5mYsLS2J+/F4DMvLKygUCqLuNIM4Rfej0Sg2NzeZ5UKcW1paxDgTjo+/FhGq1erKMRV+DpGW1jlhenoauVwOIyMjTG5sbMTc3BynSEpWknXDw8PQ6XRinJPJJLq7uzE7O4tsNsvKOp1OY2xsDFNTU1xZRUlBf1rakWZmZsRvcpcsFJDJZGAwGOTLtBLcwTjefDhE/ncBpksa3L5zD67nz2A2m9HX1yd0qrOTPvLuoPq0Vzrv9zN5xb8Pb/gIk5OT+PyjWrb+Kyb/09d7yGTzMBtaRd3d/g68j6XYJFDqcKrSriOU3ct3cbzaOvw7WuIp6DQX8Nh2DR+/nEDTUIdv2YJyQyGS0jr2hg7w4m2s6OBBMgPfVgJP1vZw82obTn4Wiu4VVRTlHXV/EhrUVdjYSZQRCqhRcbhl0eNye5voOhHSvabz5zhxXkmHViDyiZ/3RMrINPV1aG+tx4MbVzi5IVlaHH8EGAC5Ozy0Q9eoOwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

.grectIcon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAXCAYAAADk3wSdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFMkIzNDMzNzY3RDExRTc5ODIyQjBCNDM5MUZGMzNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFMkIzNDM0NzY3RDExRTc5ODIyQjBCNDM5MUZGMzNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REUyQjM0MzE3NjdEMTFFNzk4MjJCMEI0MzkxRkYzM0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REUyQjM0MzI3NjdEMTFFNzk4MjJCMEI0MzkxRkYzM0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6glf7eAAAC1ElEQVR42rRVX0hTYRT/XV3KfKhUUAe+yIaDcqisp0kjnA+CPSi6erKQooe96aAQlOGDPplBkCQalBuMHsagWQxpjh4mZsNN8WELh1QPY1quEVs0YjfPF/dyt907hOgH9373nO/7fpxz7vnDQQHb29u8x+NBPp9ncm1tLaxWK4xGI4cK4HkeKnpxXPk5t9vN1oWFBbZOTEzA5XIpEkk5VPSKpX7x+qYarK+vw+/3VzIE4+PjPK0WiwUDAwOIHzFPiqxSnSr5tf0c9L01soRkoRwCgQAjpbvoAC8lrmLKf0Qph0r4eLjxXYzfWUF35FCF/4AyUofDgcHBQdjtdlFHqUV6JVzvqKMM4FdXV/ky0lAohEQiAafTKZIRvF4vhoaGFAkpc3w+HyKRyNncX1xchMlkQldXl+w+EQaDQfbIut/T0wOtVovR0VEmd3Z2sty12WyyhPbeiwiHw8xKKbj5QJqXHiq1kpBKpbC7u4vm5mYsLS2J+/F4DMvLKygUCqLuNIM4Rfej0Sg2NzeZ5UKcW1paxDgTjo+/FhGq1erKMRV+DpGW1jlhenoauVwOIyMjTG5sbMTc3BynSEpWknXDw8PQ6XRinJPJJLq7uzE7O4tsNsvKOp1OY2xsDFNTU1xZRUlBf1rakWZmZsRvcpcsFJDJZGAwGOTLtBLcwTjefDhE/ncBpksa3L5zD67nz2A2m9HX1yd0qrOTPvLuoPq0Vzrv9zN5xb8Pb/gIk5OT+PyjWrb+Kyb/09d7yGTzMBtaRd3d/g68j6XYJFDqcKrSriOU3ct3cbzaOvw7WuIp6DQX8Nh2DR+/nEDTUIdv2YJyQyGS0jr2hg7w4m2s6OBBMgPfVgJP1vZw82obTn4Wiu4VVRTlHXV/EhrUVdjYSZQRCqhRcbhl0eNye5voOhHSvabz5zhxXkmHViDyiZ/3RMrINPV1aG+tx4MbVzi5IVlaHH8EGAC5Ozy0Q9eoOwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

#image {
    width: 210px;
    height: 140px;
    display: inline-block;
    background-size: 210px;
}

.select-chart-type {
    box-sizing: border-box;
    padding: 10px;
    width: 150px;
    height: 480px;
    float: left;
    border-right: 1px solid #d3d3d3;
}

.select-chart-type ul {
    padding: 0;
}

.select-chart-detail {
    box-sizing: border-box;
    width: 445px;
    height: 480px;
    float: left;
    padding-left: 10px;
}

.select-chart-tab-page {
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    height: 500px;
    background-color: white;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}

.chart-type-category {
    padding: 3px;
    list-style: none;
    font-size: 14px;
    cursor: default;
    border: 1px solid transparent;
    line-height: 20px;
    height: 26px;
}

.chart-type-category:hover {
    background-color: #c5c5c5;
}

.select-chart-tab-page .chart-ui-selected {
    border: 1px dotted black;
    background-color: #c5c5c5;
}

.select-chart-category-icon {
    margin-right: 6px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 2px;
    background-image: url(../images/chartIcon.png);
}

.select-chart-category-text {
    display: inline-block;
    height: 20px;
    padding: 0;
    vertical-align: top;
    margin-top: 3px;
}

.select-chart-category-column {
    background-position: 0 -304px;
}

.select-chart-category-line {
    background-position: 0 -320px;
}

.select-chart-category-pie {
    background-position: 0 -336px;
}

.select-chart-category-bar {
    background-position: 0 -352px;
}

.select-chart-category-area {
    background-position: 0 -368px;
}

.select-chart-category-scatter {
    background-position: 0 -384px;
}

.select-chart-category-stock {
    background-position: 0 -400px;
}

.select-chart-category-radar {
    background-image: url(../images/radar16.png);
}
.select-chart-category-sunburst {
     background-image: url(../images/sunburst16.png);
 }
.select-chart-category-treemap {
    background-image: url(../images/treemap16.png);
}
.select-chart-category-combo {
    background-position: 0 -416px;
}

.select-chart-type-subtype {
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #d3d3d3;
    padding: 5px;
}

.select-chart-type-subtype-item {
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid transparent;
}

.series-chart-type-item {
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid transparent;
}

.series-chart-type-item:hover {
    background-color: #d3d3d3;
}

.chart-type-subtype-icon {
    display: inline-block;
    margin: 5px;
    width: 50px;
    height: 50px;
    background-image: url(../images/chartIcon50-50.png);
}

.select-chart-type-subtype-item:hover {
    background-color: #d3d3d3;
}

.clustered-column-icon {
    background-position: 0 -4200px;
}

.stacked-column-icon {
    background-position: 0 -4250px;
}

.stacked100-column-icon {
    background-position: 0 -4300px;
}

.line-icon {
    background-position: 0 -4350px;
}

.stacked-line-icon {
    background-position: 0 -4400px;
}

.stacked100-line-icon {
    background-position: 0 -4450px;
}

.line-with-markers-icon {
    background-position: 0 -4500px;
}

.stacked-line-with-markers-icon {
    background-position: 0 -4550px;
}

.stacked100-line-with-markers-icon {
    background-position: 0 -4600px;
}

.pie-icon {
    background-position: 0 -4650px;
}

.doughnut-icon {
    background-position: 0 -4700px;
}

.clustered-bar-icon {
    background-position: 0 -4750px;
}

.stacked-bar-icon {
    background-position: 0 -4800px;
}

.stacked100-bar-icon {
    background-position: 0 -4850px;
}

.area-icon {
    background-position: 0 -4900px;
}

.stacked-area-icon {
    background-position: 0 -4950px;
}

.stacked100-area-icon {
    background-position: 0 -5000px;
}

.scatter-icon {
    background-position: 0 -5050px;
}

.scatter-with-smooth-lines-and-markers-icon {
    background-position: 0 -5100px;
}

.scatter-with-smooth-lines-icon {
    background-position: 0 -5150px;
}

.scatter-with-straight-lines-and-markers-icon {
    background-position: 0 -5200px;
}

.scatter-with-straight-lines-icon {
    background-position: 0 -5250px;
}

.bubble-icon {
    background-position: 0 -3650px;
}

.high-low-close-icon {
    background-position: 0 -3700px;
}

.open-high-low-close-icon {
    background-position: 0 -3750px;
}

.volumn-high-low-close-stock-icon {
    background-position: 0 -3800px;
}

.volumn-open-high-low-close-icon {
    background-position: 0 -3850px;
}

.radar-icon{
    background-position: 0 -6300px;
}
.radar-with-markers-icon{
    background-position: 0 -6350px;
}
.filledradar-icon{
    background-position: 0 -5300px;
}
.sunburst-icon{
    background-position: 0 -5550px;
}
.treemap-icon{
    background-position: 0 -5900px;
}
.column-clustered-and-line-icon {
    background-position: 0 -3900px;
}

.column-clustered-and-line-on-secondary-axis-icon {
    background-position: 0 -3950px;
}

.stacked-area-and-column-clustered-icon {
    background-position: 0 -4000px;
}

.custom-combination-icon {
    background-position: 0 -4050px;
}

.select-chart-type-preview {
    box-sizing: border-box;
    width: 100%;
    height: 380px;
}

.select-chart-type-preview-item {
    float: left;
    width: 200px;
    height: 124px;
    margin: 5px;
    border: 1px solid white;
}

.select-chart-type-preview-item:hover {
    background-color: #d3d3d3;
}

.chart-type-preview-icon {
    display: inline-block;
    margin: 5px;
    width: 190px;
    background-repeat: no-repeat;
    background-position: center;
    height: 114px;
}

.combo-preview-container {
    width: 340px;
    height: 208px;
    font-size: 12px;
    float: none;
}

.combo-preview-container .chart-type-preview-icon {
    display: inline-block;
    margin: 5px;
    width: 330px;
    height: 198px;
}

.combo-preview-container .select-chart-type-preview-item {
    float: left;
    width: 340px;
    height: 208px;
    margin: 10px;
    border: 1px solid white;
}

.series-container {
    font-size: 11px;
    display: none;
}

.series-container span {
    margin-left: 3px;
    padding: 1px;
}

.series-name {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
}

.series-chart-type {
    width: 35%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.series-chart-type-container{
    width: 35%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background-image: url(../images/series-chart-type-selected.png);
    background-repeat: no-repeat;
    background-position: right;
    border: 1px solid #9e9e9e;
    background-color: white;
}

.series-chart-type-selected {
    height: 27px;
    width: 115px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 27px;
    padding-left: 5px;
}

.series-secondary-axis {
    width: 18%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.series-item {
    line-height: 30px;
}

.series-item-color {
    width: 5px;
    height: 10px;
    display: inline-block;
}

.series-content {
    border: 1px solid #d3d3d3;
    height: 112px;
}

.series-content-items {
    height: 96px;
    overflow: auto;
}

.series-description {
    display: block;
}

.select-chart-type-error-message {
    font-size: 12px;
}

/*This is the css file for chart dialog*/
.chart-select-data {
    height: 290px;
}
.chart-select-data-dialog-icon {
    background-image: url(../images/chartIcon.png);
}
.chart-select-data-range-box {
    padding: 0 20px;
}

.chart-select-data-range-desc {
    cursor: default;
}

.chart-select-data-range-noShow-desc{
    padding-top: 5px;
}

.chart-select-data-range-input {
    width: 468px;
    padding: 0;
}

.chart-select-data-switch-box {
    height: 40px;
    margin-top: 20px;
    text-align: center;
}

.chart-select-data-switch-box-left {
    width: 58px;
    height: 36px;
    background-image: url(../images/leftArrow.png);
    display: inline-block;
}

.chart-select-data-switch-box-middle {
    width: 150px;
    height: 30px;
    background-color: rgb(225, 225, 225);
    border: solid 1px #999999;
    display: inline-block;
    vertical-align: top;
    margin: 3px 8px 0 8px;
    cursor: default;
}

.chart-select-data-switch-box-middle:hover {
    background-color: rgb(229, 241, 251);
}

.chart-select-data-switch-box-middle:active {
    background-color: rgb(167, 167, 167);
}

.chart-select-data-switch-box-middle-img {
    width: 16px;
    height: 16px;
    background-position: 0 -112px;
    display: inline-block;
    margin: 7px 5px 7px 0;
}

.chart-select-data-switch-box-middle-text {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 7px 0;
}

.chart-select-data-switch-box-right {
    width: 58px;
    height: 36px;
    background-image: url(../images/rightArrow.png);
    display: inline-block;
}

.chart-select-data-option {
    height: 135px;
    width: 100%;
    cursor: default;
}

.chart-select-data-left-option {
    width: 50%;
    height: 136px;
    float: left;
    box-sizing: border-box;
    padding-right: 5px;
}

.chart-select-data-right-option {
    width: 50%;
    height: 136px;
    float: left;
    box-sizing: border-box;
    padding-left: 5px;
}

.chart-select-data-option-desc {
    font-size: 12px;
    padding-bottom: 3px;
    height: 16px;
}

.chart-select-data-option-part-box {
    border: solid 1px black;
    height: 136px;
}

.chart-select-data-option-btn-box {
    background-color: white;
    height: 26px;
    border-bottom: solid 1px black;
    text-align: center;
}

.chart-select-data-option-one-btn-box {
    width: 24%;
    margin: 1px;
    border: solid 1px rgb(173, 173, 173);
    float: left;
    box-sizing: border-box;
    height: 24px;
    background-color: rgb(225, 225, 225);
}

.chart-select-data-option-one-btn-box:hover {
    background-color: rgb(229, 241, 251);
}

.chart-select-data-option-one-btn-box:active {
    background-color: rgb(167, 167, 167);
}

.chart-select-data-option-btn-img {
    width: 16px;
    height: 16px;
    background-image: url(../images/chartIcon.png);
    display: inline-block;
    margin: 3px 5px 3px 0;
}
.chart-select-data-option-btn-img.add {
    background-position: 0 -128px;
}
.chart-select-data-option-btn-img.edit {
    background-position: 0 -144px;
}
.chart-select-data-option-btn-img.remove {
    background-position: 0 -160px;
}

.chart-select-data-option-btn-text {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 3px 0;
}

.chart-select-data-option-upDown-btn {
    width: 12.2%;
    margin: 1px;
    border: solid 1px rgb(173, 173, 173);
    float: left;
    height: 24px;
    box-sizing: border-box;
    background-color: rgb(225, 225, 225);
}

.chart-select-data-option-upBtn-normal-trangle {
    width: 0;
    height: 0;
    border: solid 8px rgba(1, 1, 1, 0);
    border-bottom: solid 8px rgb(114, 114, 114);
    margin: -2px 9px;
}

.chart-select-data-option-upBtn-UnClick-trangle {
    width: 0;
    height: 0;
    border: solid 8px rgba(1, 1, 1, 0);
    border-bottom: solid 8px rgb(176, 173, 176);
    margin: -2px 9px;
}

.chart-select-data-option-downBtn-normal-trangle {
    width: 0;
    height: 0;
    border: solid 8px rgba(1, 1, 1, 0);
    border-top: solid 8px rgb(114, 114, 114);
    margin: 7px 9px;
}

.chart-select-data-option-downBtn-unclick-trangle {
    width: 0;
    height: 0;
    border: solid 8px rgba(1, 1, 1, 0);
    border-top: solid 8px rgb(176, 173, 176);
    margin: 7px 9px;
}

.chart-select-data-select-item-box {
    height: 108px;
    background-color: white;
    width: 100%;
    overflow-y: auto;
}

.chart-select-data-select-series {
    height: 20px;
    width: 100%;
}

.chart-select-data-cell-selected {
    background-color: rgb(51, 135, 255);
}

.chart-select-data-select-text {
    padding-left: 16px;
    line-height: 20px;
    height: 20px;
    vertical-align: top;
}

.chart-select-data-select-category {
    height: 20px;
    width: 100%;
}

.select-chart-type-title {
    font-size: 18px;
    font-weight: 500;
    margin: 5px;
    display: block;
}

.select-chart-type-error-message {
    font-size: 11px;
    margin: 5px;
    display: block;
}

.chart-edit-Series-input {
    width: 310px;
}

.move-chart-dialog-icon {
    background-image: url(../images/chartIcon50-50.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    margin: 0 30px 0 15px;
    display: inline-block;
    vertical-align: top;
}
.move-chart-dialog-icon.new-sheet {
    background-position: 0 -4100px;
}
.move-chart-dialog-icon.exist-sheet {
    background-position: 0 -4150px;
}

.move-chart-dialog-content {
    display: inline-block;
    margin-top: 14px;
    width: auto;
}

.move-chart-dialog .sheetType {
    width: 105px;
    display: inline-block;
    vertical-align: top;
}

.chartSheetName {
    width: 400px;
}

#existingSheetName {
    width: 400px;
    z-index: 2100;
}

.move-chart-dialog-description {

}

.move-chart-dialog-option {
    height: 50px;
    padding: 15px;
}
/* This is a function for icons position*/
.format-dialog {
    width: 570px;
}

.format-dialog .ui-tabs {
    border: 0;
    padding: 0px;
}

.format-dialog .tab-page {
    height: 350px;
    border: 1px solid #d3d3d3;
    border-top: none;
}

.format-dialog .category-label {
    margin-bottom: -0.5em;
    margin-top: 0.5em;
    display: block;
}

.format-dialog .category-label label {
    background-color: white;
    padding: 0.5em 0.5em 0.5em 0;
}

.format-dialog .category {
    padding-top: 1em;
    border-top: 1px groove lightgray;
    clear: both;
}

.format-dialog .category .group {
    float: left;
}

.format-dialog .category .group > div {
    margin: 1em;
}

.format-dialog .indent.group {
    margin-top: 1.5em;
}

.format-dialog .indent.group .column1 {
    width: 6em;
}

.format-dialog .indent.group .column2 {
    width: 6em;
}

.format-dialog .column1,
.format-dialog .column2 {
    display: inline-block;
}

.format-dialog .column1 {
    width: 6em;
}

.format-dialog .column2 {
    width: 10em;
}

.format-dialog .sample-fieldset {
    height: 90px;
    border: 1px solid #aaaaaa;
}

.format-dialog .sample-fieldset .show-color-span {
    display: block;
    width: inherit;
    height: 65px;
    margin: 10px 5px 10px 5px;
}

.format-dialog .no-color-button,
.format-dialog .more-color-button {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 176px;
    text-align: center;
}

.format-dialog .line-border-div {
    float: left;
    display: block;
    height: 220px;
    width: 155px;
}

.format-dialog .line-border-div .line-border-fieldset {
    width: 125px;
    height: 206px;
    border-color: #e6e6e6;
}

.format-dialog .line-border-presets-div {
    float: left;
    display: block;
    height: 70px;
    width: 250px;
    margin-left: 10px;
}

.format-dialog .line-border-presets-div .line-border-presets-fieldset {
    height: 70px;
    width: 245px;
    border: 0px;
    border-top: 1px groove lightgray;
    padding-left: 0;
    padding-top: 2px;
    padding-right: 0;
}

.format-dialog .line-border-presets-div .line-border-presets-fieldset .big-border-icon {
    height: 35px;
    width: 35px;
}

.format-dialog .line-border-presets-div .line-border-presets-fieldset .no-border-button {
    margin-left: 25px;
    margin-right: 40px;
}

.format-dialog .line-border-presets-div .line-border-presets-fieldset .outside-border-button {
    margin-right: 40px;
}

.format-dialog .line-border-presets-div .line-border-presets-fieldset .ui-button-text {
    padding: 0px;
}

.format-dialog .line-border-presets-div .line-border-presets-fieldset .big-border-icon-span {
    background-image: url(../images/icons.png);
    display: inline-block;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.format-dialog .line-border-presets-div .line-border-presets-fieldset .no-border-span {
    background-position: -16px -3808px;
}

.format-dialog .line-border-presets-div .line-border-presets-fieldset .outside-border-span {
    background-position: -16px -3776px;
}

.format-dialog .line-border-presets-div .line-border-presets-fieldset .inside-border-span {
    background-position: -16px -3744px;
}

.format-dialog .line-border-presets-div .line-border-presets-fieldset .border-label {
    display: block;
    float: left;
    margin-top: 8px;
    width: 33%;
    text-align: center;
}

.format-dialog .line-border-detail-div {
    float: left;
    display: block;
    height: 140px;
    width: 250px;
    position: relative;
    margin-left: 10px;
    top: 10px;
}

.format-dialog .line-border-detail-div .line-border-detail-fieldset {
    height: 140px;
    width: 245px;
    border: 0px;
    border-top: 1px groove lightgray;
    padding-left: 0px;
    padding-right: 0;
}

.format-dialog .line-border-detail-div .line-border-detail-fieldset .small-border-icon-label {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-origin: content-box;
    height: 16px;
    width: 16px;
    margin: 1px;
}

.format-dialog .line-border-detail-div .line-border-detail-fieldset .top-line {
    background-position: 0px -3264px;
    position: absolute;
    margin: 5px;
}

.format-dialog .line-border-detail-div .line-border-detail-fieldset .horizontal-inner-line {
    background-position: 0px -1680px;
    position: absolute;
    top: 55px;
    margin: 5px;
}

.format-dialog .line-border-detail-div .line-border-detail-fieldset .bottom-line {
    background-position: 0px -416px;
    position: absolute;
    top: 87px;
    margin: 5px;
}

.format-dialog .line-border-detail-div .line-border-detail-fieldset .diagonal-up-line {
    background-position: 0px -4240px;
    position: absolute;
    top: 120px;
    margin: 5px;
}
.format-dialog .line-border-detail-div .line-border-detail-fieldset .border-line-panel {
    position: absolute;
    left: 50px;
    display: block;
    width: 180px;
    height: 90px;
    border: 1px solid black;
}

.format-dialog .line-border-detail-div .line-border-detail-fieldset .left-line {
    background-position: 0px -1728px;
    position: absolute;
    left: 50px;
    top: 120px;
    margin: 5px;
}

.format-dialog .line-border-detail-div .line-border-detail-fieldset .vertical-inner-line {
    background-position: 0px -1696px;
    position: absolute;
    left: 130px;
    top: 120px;
    margin: 5px;
}

.format-dialog .line-border-detail-div .line-border-detail-fieldset .right-line {
    background-position: 0px -2560px;
    position: absolute;
    left: 205px;
    top: 120px;
    margin: 5px;
}
.format-dialog .line-border-detail-div .line-border-detail-fieldset .diagonal-down-line {
    background-position: 0px -4256px;
    position: absolute;
    left: 235px;
    top: 120px;
    margin: 5px;
}

.format-dialog .border-line-panel {
    position: relative;
}

.format-dialog .border-line-panel .corner {
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid;
}

.format-dialog .border-line-panel .left-top-corner {
    border-color: transparent #e6e6e6 #e6e6e6 transparent;
}

.format-dialog .border-line-panel .right-top-corner {
    border-color: transparent transparent #e6e6e6 #e6e6e6;
    left: 168px;
}

.format-dialog .border-line-panel .left-bottom-corner {
    border-color: #e6e6e6 #e6e6e6 transparent transparent;
    top: 79px;
}

.format-dialog .border-line-panel .right-bottom-corner {
    border-color: #e6e6e6 transparent transparent #e6e6e6;
    left: 168px;
    top: 79px;
}

.format-dialog .border-line-panel .top-middle-horizontal {
    border-color: transparent transparent #e6e6e6 transparent;
    left: 85px;
    top: -2px;
}

.format-dialog .border-line-panel .left-middle-horizontal {
    border-color: transparent transparent #e6e6e6 transparent;
    top: 32px;
}

.format-dialog .border-line-panel .right-middle-horizontal {
    border-color: transparent transparent #e6e6e6 transparent;
    left: 169px;
    top: 32px;
}

.format-dialog .border-line-panel .bottom-middle-horizontal {
    border-color: transparent transparent #e6e6e6 transparent;
    left: 85px;
    top: 69px;
}

.format-dialog .border-line-panel .top-middle-vertical {
    border-color: transparent transparent transparent #e6e6e6;
    left: 90px;
}

.format-dialog .border-line-panel .left-middle-vertical {
    border-color: transparent transparent transparent #e6e6e6;
    left: 10px;
    top: 37px;
}

.format-dialog .border-line-panel .right-middle-vertical {
    border-color: transparent transparent transparent #e6e6e6;
    left: 169px;
    top: 37px;
}

.format-dialog .border-line-panel .bottom-middle-vertical {
    border-color: transparent transparent transparent #e6e6e6;
    left: 90px;
    top: 79px;
}

.format-dialog .border-line-panel .border-sheet {
    position: absolute;
    height: 70px;
    width: 158px;
    top: 10px;
    left: 11px;
}

.format-dialog .border-comments {
    margin-top: 240px;
}

.format-dialog .format-number-label {
    margin-bottom: 3px;
    margin-top: 2px;
}

.format-dialog .category-select {
    width: 96%;
}

.format-dialog .tab-number-category {
    display: inline-block;
    width: 26%;
    float: left;
}

.format-dialog .tab-number-sample {
    float: left;
    width: 70%;
}

.format-dialog .tab-number-sample-fieldset {
    border: 1px solid rgba(170, 170, 170, 0.7);
    height: 34px;
}

.format-dialog .sample-display-container {
    width: 350px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

.format-dialog .tab-number-setting {
    float: left;
    width: 331px;
    margin-left: 3px;
    height: 180px;
}

.format-dialog .tab-number-comments {
    float: left;
    width: 525px;
    height: 50px;
}

.format-dialog .negative-number-select {
    width: 331px;
    height: 117px;
}

.format-dialog .date-type-locale-select {
    width: 331px;
}

.format-dialog .date-type-calendar-select {
    width: 331px;
}

.format-dialog .time-type-locale-select {
    width: 331px;
}

.format-dialog .special-type-locale-select {
    width: 331px;
}

.format-dialog .decimal-places-input {
    width: 100px;
}

.format-dialog .accounting-decimal-places-input {
    width: 100px;
}

.format-dialog .scientific-decimal-places-input {
    width: 100px;
}

.format-dialog .percentage-decimal-places-input {
    width: 100px;
}

.format-dialog .currency-decimal-places-input {
    width: 100px;
}

.format-dialog .fraction-type-select {
    width: 331px;
}

.format-dialog .special-type-select {
    width: 331px;
}

.format-dialog .time-type-select {
    width: 331px;
}

.format-dialog .date-type-select {
    width: 331px;
    height: 90px;
}

.format-dialog .currency-type-select {
    width: 331px;
}

.format-dialog .sample-spread {
    display: none;
}

.format-dialog .custom-type-input {
    width: 331px;
    margin: 0px;
}

.format-dialog .custom-type-select {
    margin: 0px;
    width: 331px;
}

.format-dialog .custom-type-button {
    width: 80px;
    height: 27px;
    margin-left: 253px;
    margin-top: 22px;
}

.format-dialog .accounting-symbol-dropdown {
    width: 281px;
}

.format-dialog .currency-symbol-dropdown {
    width: 281px;
}

.format-dialog .separator-input {
    margin: 0 3px 0 0;
    vertical-align: bottom;
}

.format-dialog .gcui-numberpicker {
    margin: 8px 0;
}

.format-dialog .cell-protection {
    margin: 3px 0;
}

.format-dialog .column-container {
    float: left;
    width: 265px;
    height: 360px;
    padding: 0px 5px;
}

.format-dialog .padding-container {
    height: 156px;
}

.format-dialog .padding-fieldset {
    padding: 10px;
    width: 222px;
    height: 134px;
    border: 1px solid lightgrey;
    margin: 0;
}
.format-dialog .padding-fieldset div {
    margin: 5px;
}

.format-dialog .preview-container {
    height: 189px;
}

.format-dialog .preview-fieldset {
    padding: 10px;
    width: 222px;
    height: 167px;
    border: 1px solid lightgrey;
    margin: 0;
}

.format-dialog .preview-spread-container {
    height: 130px;
    width: 200px;
    margin: 10px;
    border: 1px solid gray;
}

.format-dialog .label-alignment-container {
    margin-top: 5px;
}

.format-dialog .label-alignment-button-container {
    margin: 5px 5px;
    width: 110px;
    height: 40px;
}

.format-dialog .label-alignment-button {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0px 5px;
    float: left;
    cursor: pointer;
    padding: 4px;
}

.format-dialog .label-alignment-button:hover {
    background-color: lightgrey;
}

.format-dialog .label-alignment-button span {
    display: inline-block;
    height: 16px;
    width: 16px;
}

.format-dialog .label-alignment-topLeft span {
    background-position: 0px -4176px;
    background-image: url(../images/icons.png);
}

.format-dialog .label-alignment-topCenter span {
    background-position: 0px -4160px;
    background-image: url(../images/icons.png);
}

.format-dialog .label-alignment-topRight span {
    background-position: 0px -4192px;
    background-image: url(../images/icons.png);
}

.format-dialog .label-alignment-bottomLeft span {
    background-position: 0px -4128px;
    background-image: url(../images/icons.png);
}

.format-dialog .label-alignment-bottomCenter span {
    background-position: 0px -4112px;
    background-image: url(../images/icons.png);
}

.format-dialog .label-alignment-bottomRight span {
    background-position: 0px -4144px;
    background-image: url(../images/icons.png);
}

.format-dialog .label-margin-container {
    margin-top: 5px;
    width: 250px;
    height: 120px;
}

.format-dialog .label-fonts-container {
    margin-top: 5px;
}

.format-dialog .label-font-container {
    height: 20px;
    margin: 5px 10px;
}

.format-dialog .label-font-family {
    float: left;
    width: 60px;
}

.format-dialog .label-font-size {
    float: left;
    width: 40px;
}

.format-dialog .label-visibility-container {
    margin-top: 10px;
}

.format-dialog .label-visibility {
    width: 100px;
    margin: 5px 10px;
}

.format-dialog .label-fonts-button {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 4px;
    margin: 0px 4px;
}

.format-dialog .label-fonts-button:hover {
    background-color: lightgrey;
}

.format-dialog .label-fonts-button div {
    width: 16px;
    height: 16px;
}

.format-dialog .label-font-weight div {
    background-position-x: 0px;
    background-position-y: -400px;
    background-image: url(../images/icons.png);
}

.format-dialog .label-font-style div {
    background-position-x: 0px;
    background-position-y: -1712px;
    background-image: url(../images/icons.png);
}

.format-dialog .label-font-color div {
    background-position-x: 0px;
    background-position-y: -1168px;
    background-image: url(../images/icons.png);
}

.format-dialog .label-text-input {
    margin: 5px 10px;
    width: 200px;
}

.format-dialog .button-active {
    background-color: lightgrey;
}

.format-dialog .cell-label {
    border: 1px solid lightgrey;
    height: 325px;
    padding: 9px 10px;
    margin: 0;
}

.format-dialog .label-margin-column {
    display: inline-block;
    width: 38px;
}

.format-dialog .label-margin-group {
    display: inline-block;
}

.format-dialog .label-margin-group div {
    margin: 5px;
}

.format-dialog .label-margin-group-container {
    margin-left: 5px;
}/* This is a function for icons position*/
.ui-front {
    z-index: 2000 !important;
}

.ribbon {
    height: 135px;
    /*Set ribbon's header area to white background*/
    /*Default, active state is white, cannot see it. So change it to a gray effect*/
    /*Set ribbon's panel area's border*/
    /*Set quick access bar's style*/
    /*Set button's style in quick access bar*/
    /*Set accessbar-button's hover effect*/
    /*Set accessbar-button's press effect*/
    /*Set icon style in accessbar's button*/
    /*The following is set accessbar button's background position*/
    /* A separator line for dropdownlist in ribbon*/
    /*Adjust ribbon's tab caption to a small size*/
    /* Change ribbon's content area to a biger height*/
    /* Rewrite wijmo's separator*/
    /* A long separator between 32bit icons button in ribbon*/
    /* Reset splitbutton's width to from 54px to 10px*/
    /*Set small split to a small width*/
    /* Set Icons background image for ribbon*/
    /* Set Icons background image for ribbon when hover*/
    /* The following is to set each element's icon*/
    /*Set every group's right-bottom indicator style in ribbon */
}

.ribbon .gcui-ribbon .ui-widget-header {
    background: white;
}

.ribbon .ui-state-active,
.ribbon .ui-widget-content .ui-state-active {
    background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
}

.ribbon .gcui-ribbon .gcui-ribbon-panel {
    border: solid 1px lightgray;
}

.ribbon .quick-access-bar {
    border: none;
    background: white;
}

.ribbon .quick-access-bar button {
    height: 26px;
    width: 26px;
    margin-right: 3px;
    padding: 3px;
    border: none;
    background: transparent;
}

.ribbon .quick-access-bar button:not(:disabled):hover {
    background-image: linear-gradient(top, #fee58b 19%, #fef9c7 60%);
    background-image: -o-linear-gradient(top, #fee58b 19%, #fef9c7 60%);
    background-image: -moz-linear-gradient(top, #fee58b 19%, #fef9c7 60%);
    background-image: -webkit-linear-gradient(top, #fee58b 19%, #fef9c7 60%);
    background-image: -ms-linear-gradient(top, #fee58b 19%, #fef9c7 60%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.19, #fee58b), color-stop(0.6, #fef9c7));
}

.ribbon .quick-access-bar button:not(:disabled):active {
    background: #fee68b;
}

.ribbon .quick-access-bar span {
    background-image: url(../images/icons.png);
    height: 16px;
    width: 16px;
    margin: 2px;
    display: block;
}

.ribbon .quick-access-bar .accessbar-undo {
    background-position: 0px -3344px;
}

.ribbon .quick-access-bar .accessbar-redo {
    background-position: 0px -2464px;
}

.ribbon .quick-access-bar .accessbar-save {
    background-position: 0px -2592px;
}

.ribbon .quick-access-bar .accessbar-new {
    background-position: 0px -1904px;
}

.ribbon .quick-access-bar .accessbar-open {
    background-position: 0px -1984px;
}

.ribbon .quick-access-bar .accessbar-active {
    background-position: 0px -3952px;
}

.ribbon .gcui-ribbon .ui-state-default {
    background: white;
}

.ribbon .gcui-ribbon .ui-tabs-active {
    border-top: solid 1px lightgray;
    border-left: solid 1px lightgray;
    border-right: solid 1px lightgray;
}

.ribbon .gcui-ribbon-marginright {
    margin-right: 5px;
}

.ribbon .gcui-ribbon #file-menu-tab {
    color: white;
    background-color: #217346;
    text-decoration: none;
    cursor: pointer;
    padding: 6px 12px 6px 12px;
    float: left;
    min-width: 40px;
    text-align: center;
}

.ribbon .ui-tabs .ui-tabs-nav {
    border: none;
}

.ribbon .gcui-ribbon .ui-corner-top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.ribbon .gcui-ribbon .gcui-ribbon-listseparator {
    height: 1px;
    border-top: 1px solid lightgray;
    margin: 0px 0px 0px 12px;
}

.ribbon .ui-tabs .ui-tabs-nav li a {
    padding: 6px 12px 6px 12px;
}

.ribbon .gcui-ribbon .gcui-ribbon-group .gcui-ribbon-group-content {
    height: 78px;
}

.ribbon .gcui-ribbon .gcui-ribbon-separator {
    width: 1px;
    border: none;
    border-left: 1px solid lightgray;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
}

.ribbon .gcui-ribbon .gcui-ribbon-longseparator {
    height: 60px;
    width: 1px;
    border-left: 1px solid lightgray;
    float: left;
}

.ribbon .gcui-ribbon .gcui-ribbon-splitbutton {
    width: 16px;
}

.ribbon .gcui-ribbon .gcui-ribbon-smallsplit {
    width: 16px;
}

.ribbon .gcui-ribbon .gcui-ribbon-smallsplit .ui-icon-triangle-1-s:hover {
    background-color: #e5e5e5;
}

.ribbon div.gcui-ribbon .ui-icon {
    background-image: url(../images/icons.png);
}

.ribbon .gcui-ribbon .gcui-ribbon-rotate-shape {
    background-image: url(../images/rotate32.png) !important;
}
.ribbon .gcui-ribbon .gcui-ribbon-group-shape {
    background-image: url(../images/group32.png) !important;
}
.ribbon div.gcui-ribbon .ui-icon.ui-chart-icon {
    background-image: url(../images/chartIcon.png);
}
.ribbon div.gcui-ribbon .ui-icon.ui-shape-icon {
    background-image: url(../images/shapeIcon.png);
}
.ribbon div.gcui-ribbon .ui-icon.ui-barcode-icon {
    background-image: url(../images/barcodeIcon.png);
}

.ribbon .gcui-ribbon .gcui-ribbon-add-chart-element {
    background-position: -16px -1376px;
}

.ribbon div.gcui-ribbon .ui-chart-icon1 {
    background-image: url(../images/chartIcons1.png);
    height: 32px;
    left: 50%;
    margin-left: -5px;
    margin-top: -106px;
    width: 38px;
    display: inline-block;
}

.ribbon .gcui-ribbon .gcui-ribbon-quick-layout {
    background-position: -16px -1472px;
}

.ribbon .gcui-ribbon .gcui-ribbon-chart-styles {
    background-position: -16px -1504px;
}

.ribbon .gcui-ribbon .gcui-ribbon-change-colors {
    background-position: -16px -32px;
}

.ribbon .gcui-ribbon .gcui-ribbon-switch-row-column {
    background-position: -16px -64px;
}
.ribbon .gcui-ribbon .gcui-ribbon-selectData {
    background-position: -16px -1408px;
}
.ribbon .gcui-ribbon .gcui-ribbon-change-chart-type {
    background-position: -16px 0;
}
.ribbon .gcui-ribbon .gcui-ribbon-move-chart {
    background-position: -16px -1440px;
}
.ribbon .gcui-ribbon .gcui-ribbon-group .ui-button:hover .ui-icon {
    background-image: url(../images/icons.png);
}
.ribbon .gcui-ribbon .gcui-ribbon-group .ui-button:hover .ui-icon.ui-chart-icon {
    background-image: url(../images/chartIcon.png);
}
.ribbon .gcui-ribbon .gcui-ribbon-group .ui-button:hover .ui-icon.ui-shape-icon {
    background-image: url(../images/shapeIcon.png);
}
.ribbon .gcui-ribbon .gcui-ribbon-group .ui-button:hover .ui-icon.ui-barcode-icon {
    background-image: url(../images/barcodeIcon.png);
}

.ribbon .gcui-ribbon .gcui-ribbon-group .gcui-ribbon-bigbutton {
    height: 85px;
    margin-top: -13px;
}

.ribbon .gcui-ribbon .gcui-ribbon-group .gcui-ribbon-bigbutton .ui-button-text {
    padding-top: 4em;
}

.ribbon .gcui-ribbon .gcui-ribbon-fontfamily-parent {
    width: 100px;
    border: 1px solid lightgray;
    white-space: nowrap;
}

.ribbon .gcui-ribbon .gcui-ribbon-fontfamily {
    width: 100%;
    text-align: left;
}

.ribbon .gcui-ribbon .gcui-ribbon-fontfamily .ui-button-text {
    padding-left: 0.2em;
}

.ribbon .gcui-ribbon .gcui-ribbon-fontsize-parent {
    width: 42px;
    border: 1px solid lightgray;
    white-space: nowrap;
}

.ribbon .gcui-ribbon .gcui-ribbon-fontsize {
    width: 100%;
    text-align: left;
}

.ribbon .gcui-ribbon .gcui-ribbon-fontsize .ui-button-text {
    padding-left: 0.2em;
}

.ribbon .gcui-ribbon .gcui-ribbon-number-parent {
    width: 120px;
    border: 1px solid lightgray;
    white-space: nowrap;
}

.ribbon .gcui-ribbon .gcui-ribbon-number {
    width: 100%;
    text-align: left;
}

.ribbon .gcui-ribbon .gcui-ribbon-number .ui-button-text {
    padding-left: 0.2em;
}

.ribbon .ui-button-text-icon-primary .ui-button-text {
    padding-right: 1px;
}

.ribbon .gcui-ribbon .gcui-ribbon-paste {
    background-position: -16px -2304px;
}

.ribbon .gcui-ribbon .gcui-ribbon-clear-celltype {
    background-position: -16px -3712px;
}

.ribbon .gcui-ribbon .ui-button .ui-icon-triangle-1-s {
    background-position: 0px -2576px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-cut {
    background-position: 0px -768px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-copy {
    background-position: 0px -752px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-increaseFontSize {
    background-position: 0px -1472px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-decreaseFontSize {
    background-position: 0px -2736px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-bold {
    background-position: 0px -400px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-italic {
    background-position: 0px -1712px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-underline {
    background-position: 0px -3328px;
}
.ribbon .gcui-ribbon .ui-button .gcui-ribbon-double-underline {
    background-position: 0px -4272px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-bottomborder {
    background-position: 0px -416px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-topborder {
    background-position: 0px -3264px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-leftborder {
    background-position: 0px -1728px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-rightborder {
    background-position: 0px -2560px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-noborder {
    background-position: 0px -1952px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-allborder {
    background-position: 0px -128px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-outsideborder {
    background-position: 0px -2016px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-thickborder {
    background-position: 0px -3184px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-bdborder {
    background-position: 0px -448px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-tbborder {
    background-position: 0px -3200px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-tb2border {
    background-position: 0px -3216px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-ttbborder {
    background-position: 0px -3248px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-tdbborder {
    background-position: 0px -3232px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-moreborder {
    background-position: 0px -1856px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-bgcolor {
    background-position: 0px -1008px;
}

.ribbon .gcui-ribbon .ui-button .gcui-ribbon-forecolor {
    background-position: 0px -1168px;
}

.ribbon .gcui-ribbon .gcui-ribbon-leftalign {
    background-position: 0px -64px;
}

.ribbon .gcui-ribbon .gcui-ribbon-centeralign {
    background-position: 0px -48px;
}

.ribbon .gcui-ribbon .gcui-ribbon-rightalign {
    background-position: 0px -96px;
}

.ribbon .gcui-ribbon .gcui-ribbon-increaseindent {
    background-position: 0px -1536px;
}
.ribbon .gcui-ribbon .gcui-ribbon-vertical-text {
    background-position: 0px -4224px;
}

.ribbon .gcui-ribbon .gcui-ribbon-topalign {
    background-position: 0px -112px;
}

.ribbon .gcui-ribbon .gcui-ribbon-middlealign {
    background-position: 0px -80px;
}

.ribbon .gcui-ribbon .gcui-ribbon-bottomalign {
    background-position: 0px -32px;
}

.ribbon .gcui-ribbon .gcui-ribbon-decreaseindent {
    background-position: 0px -816px;
}

.ribbon .gcui-ribbon .gcui-ribbon-wraptext {
    background-position: 0px -3456px;
}

.ribbon .gcui-ribbon .gcui-ribbon-mergecenter {
    background-position: 0px -1840px;
}

.ribbon .gcui-ribbon .gcui-ribbon-mergeacross {
    background-position: 0px -1792px;
}

.ribbon .gcui-ribbon .gcui-ribbon-mergecells {
    background-position: 0px -1808px;
}

.ribbon .gcui-ribbon .gcui-ribbon-unmergecells {
    background-position: 0px -3376px;
}

.ribbon .gcui-ribbon .gcui-ribbon-numberformat {
    background-position: 0px -16px;
}

.ribbon .gcui-ribbon .gcui-ribbon-percentstyle {
    background-position: 0px -2064px;
}

.ribbon .gcui-ribbon .gcui-ribbon-commastyle {
    background-position: 0px -720px;
}

.ribbon .gcui-ribbon .gcui-ribbon-increasedecimal {
    background-position: 0px -800px;
}

.ribbon .gcui-ribbon .gcui-ribbon-decreasedecimal {
    background-position: 0px -1520px;
}

.ribbon .gcui-ribbon .gcui-ribbon-buttoncelltype {
    background-position: 0px -3680px;
}

.ribbon .gcui-ribbon .gcui-ribbon-checkboxcelltype {
    background-position: 0px -3728px;
}

.ribbon .gcui-ribbon .gcui-ribbon-comboboxcelltype {
    background-position: 0px -3712px;
}

.ribbon .gcui-ribbon .gcui-ribbon-hyperlinkcelltype {
    background-position: 0px -3696px;
}

.ribbon .gcui-ribbon .gcui-ribbon-conditionalformat {
    background-position: -16px -352px;
}

.ribbon .gcui-ribbon .gcui-ribbon-formattable {
    background-position: -16px -2400px;
}

.ribbon .gcui-ribbon .gcui-ribbon-cellstyles {
    background-position: -16px -288px;
}

.ribbon .gcui-ribbon .gcui-ribbon-cellstyles {
    background-position: -16px -288px;
}

.ribbon .gcui-ribbon .gcui-ribbon-insert {
    background-position: -16px -1920px;
}

.ribbon .gcui-ribbon .gcui-ribbon-delete {
    background-position: -16px -608px;
}

.ribbon .gcui-ribbon .gcui-ribbon-format {
    background-position: -16px -992px;
}

.ribbon .gcui-ribbon .gcui-ribbon-insertcells {
    background-position: 0px -1616px;
}

.ribbon .gcui-ribbon .gcui-ribbon-insertcolumns {
    background-position: 0px -1568px;
}

.ribbon .gcui-ribbon .gcui-ribbon-insertsheet {
    background-position: 0px -1632px;
}

.ribbon .gcui-ribbon .gcui-ribbon-deletecells {
    background-position: 0px -832px;
}

.ribbon .gcui-ribbon .gcui-ribbon-deleterows {
    background-position: 0px -928px;
}

.ribbon .gcui-ribbon .gcui-ribbon-deletecolumns {
    background-position: 0px -912px;
}

.ribbon .gcui-ribbon .gcui-ribbon-deletesheet {
    background-position: 0px -896px;
}

.ribbon .gcui-ribbon .gcui-ribbon-rowheight {
    background-position: 0px -2688px;
}

.ribbon .gcui-ribbon .gcui-ribbon-columnwidth {
    background-position: 0px -2672px;
}

.ribbon .gcui-ribbon .gcui-ribbon-protectsheet {
    background-position: 0px -2176px;
}

.ribbon .gcui-ribbon .gcui-ribbon-lockcells {
    background-position: 0px -1744px;
}

.ribbon .gcui-ribbon .gcui-ribbon-emptyicon {
    background-position: 0px -16000px;
}

.ribbon .gcui-ribbon .gcui-ribbon-autosum {
    background-position: 0px -3120px;
}

.ribbon .gcui-ribbon .gcui-ribbon-filldown {
    background-position: 0px -1024px;
}

.ribbon .gcui-ribbon .gcui-ribbon-fillleft {
    background-position: 0px -1040px;
}

.ribbon .gcui-ribbon .gcui-ribbon-fillright {
    background-position: 0px -1056px;
}

.ribbon .gcui-ribbon .gcui-ribbon-fillup {
    background-position: 0px -1072px;
}

.ribbon .gcui-ribbon .gcui-ribbon-clearall {
    background-position: 0px -608px;
}

.ribbon .gcui-ribbon .gcui-ribbon-clearformat {
    background-position: 0px -640px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sortfilter {
    background-position: -16px -2912px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sortAZ {
    background-position: 0px -2800px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sortZA {
    background-position: 0px -2816px;
}

.ribbon .gcui-ribbon .gcui-ribbon-customsort {
    background-position: 0px -2752px;
}

.ribbon .gcui-ribbon .gcui-ribbon-filter {
    background-position: 0px -1088px;
}

.ribbon .gcui-ribbon .gcui-ribbon-clearfilter {
    background-position: 0px -624px;
}

.ribbon .gcui-ribbon .gcui-ribbon-reapplyfilter {
    background-position: 0px -2352px;
}

.ribbon .gcui-ribbon .gcui-ribbon-find {
    background-position: -16px -928px;
}

.ribbon .gcui-ribbon .gcui-ribbon-smallfind {
    background-position: 0px -1104px;
}

.ribbon .gcui-ribbon .gcui-ribbon-goto {
    background-position: 0px -1328px;
}

.ribbon .gcui-ribbon .gcui-ribbon-insert-table {
    background-position: -16px -1952px;
}

.ribbon .gcui-ribbon .gcui-ribbon-insert-chart {
    background-position: -16px 0;
}

.ribbon .gcui-ribbon .gcui-ribbon-insert-picture {
    background-position: -16px -3936px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-line {
    background-position: -16px -3040px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-column {
    background-position: -16px -2976px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-winloss {
    background-position: -16px -3072px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-pie {
    background-position: -16px -3968px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-area {
    background-position: -16px -4032px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-scatter {
    background-position: -16px -4000px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-bullet {
    background-position: -16px -4096px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-spread {
    background-position: -16px -4224px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-stacked {
    background-position: -16px -4288px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-hbar {
    background-position: -16px -4160px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-vbar {
    background-position: -16px -4384px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-variance {
    background-position: -16px -4352px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-boxplot {
    background-position: -16px -4064px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-cascade {
    background-position: -16px -4128px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-pareto {
    background-position: -16px -4192px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-month {
    background-position: -16px -4416px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-year {
    background-position: -16px -4448px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sparkline-barcode {
    background-position: -16px -4448px;
}
.ribbon .gcui-ribbon-sparkline-group {
    background-position: 0px -2896px;
}

.ribbon .gcui-ribbon-sparkline-ungroup {
    background-position: 0px -2992px;
}

.ribbon .gcui-ribbon-sparkline-color {
    background-position: 0px -2848px;
}

.ribbon .gcui-ribbon-sparkline-marker-color {
    background-position: 0px -2928px;
}

.ribbon .gcui-ribbon-sparkline-weight {
    background-position: 0px -3872px;
}

.ribbon .gcui-ribbon-sparkline-weight-custom {
    background-position: 0px -3888px;
}

.ribbon .gcui-ribbon-sparkline-dot25 {
    background-position: 0px -3856px;
}

.ribbon .gcui-ribbon-sparkline-dot1 {
    background-position: 0px -3840px;
}

.ribbon .gcui-ribbon-sparkline-dot225 {
    background-position: 0px -3824px;
}

.ribbon .gcui-ribbon-sparkline-dot3 {
    background-position: 0px -3808px;
}

.ribbon .gcui-ribbon-sparkline-dot45 {
    background-position: 0px -3792px;
}

.ribbon .gcui-ribbon-sparkline-dot6 {
    background-position: 0px -3776px;
}

.ribbon .gcui-ribbon .gcui-ribbon-insertfunction {
    background-position: -16px -1248px;
}

.ribbon .gcui-ribbon .gcui-ribbon-namemanager {
    background-position: -16px -2080px;
}

.ribbon .gcui-ribbon .gcui-ribbon-calculateoption {
    background-position: -16px -256px;
}

.ribbon .gcui-ribbon .gcui-ribbon-calculatenow {
    background-position: -16px -224px;
}

.ribbon .gcui-ribbon .gcui-ribbon-fromaccess {
    background-position: -16px -1344px;
}

.ribbon .gcui-ribbon .gcui-ribbon-fromtext {
    background-position: -16px -1408px;
}

.ribbon .gcui-ribbon .gcui-ribbon-fromother {
    background-position: -16px -1376px;
}

.ribbon .gcui-ribbon .gcui-ribbon-exitconnect {
    background-position: -16px -1312px;
}

.ribbon .gcui-ribbon .gcui-ribbon-refreshall {
    background-position: -16px -2560px;
}

.ribbon .gcui-ribbon .gcui-ribbon-refreshallsmall {
    background-position: 0px -2512px;
}

.ribbon .gcui-ribbon .gcui-ribbon-refresh {
    background-position: 0px -2496px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sortbig {
    background-position: -16px -2880px;
}

.ribbon .gcui-ribbon .gcui-ribbon-filterbig {
    background-position: -16px -896px;
}

.ribbon .gcui-ribbon .gcui-ribbon-datavalidationbig {
    background-position: -16px -512px;
}

.ribbon .gcui-ribbon .gcui-ribbon-datavalidation {
    background-position: 0px -784px;
}

.ribbon .gcui-ribbon .gcui-ribbon-groupbig {
    background-position: -16px -1792px;
}

.ribbon .gcui-ribbon .gcui-ribbon-ungroup {
    background-position: -16px -3392px;
}

.ribbon .gcui-ribbon .gcui-ribbon-subtotal {
    background-position: -16px -4518px;
}
.ribbon .gcui-ribbon .gcui-ribbon-template-design-mode {
    background-position: -16px -3392px;
}

.ribbon .gcui-ribbon .gcui-ribbon-showdetail {
    background-position: 0px -992px;
}

.ribbon .gcui-ribbon .gcui-ribbon-hidedetail {
    background-position: 0px -704px;
}

.ribbon .gcui-ribbon .gcui-ribbon-template-designmode {
    background-position: -16px -4320px;
}

.ribbon .gcui-ribbon .gcui-ribbon-loadSchema {
    background-position: 0px -4048px;
}

.ribbon .gcui-ribbon .gcui-ribbon-saveSchema {
    background-position: 0px -4064px;
}

.ribbon .gcui-ribbon .gcui-ribbon-clearBindingPath {
    background-position: 0px -4032px;
}

.ribbon .gcui-ribbon .gcui-ribbon-checked {
    background-position: 0px -3600px;
}

.ribbon .gcui-ribbon .gcui-ribbon-unchecked {
    background-position: 0px -3648px;
}

.ribbon .gcui-ribbon .gcui-ribbon-zoom {
    background-position: -16px -3552px;
}

.ribbon .gcui-ribbon .gcui-ribbon-zoomdefault {
    background-position: -16px -3584px;
}

.ribbon .gcui-ribbon .gcui-ribbon-zoomselection {
    background-position: -16px -3616px;
}

.ribbon .gcui-ribbon .gcui-ribbon-freeze {
    background-position: -16px -1152px;
}

.ribbon .gcui-ribbon .gcui-ribbon-unfreeze {
    background-position: -16px -3648px;
}

.ribbon .gcui-ribbon .gcui-ribbon-split {
    background-position: -16px -3104px;
}

.ribbon .gcui-ribbon .gcui-ribbon-spreadgeneral {
    background-position: -16px -3136px;
}

.ribbon .gcui-ribbon .gcui-ribbon-splitbox {
    background-position: 0px -3024px;
}

.ribbon .gcui-ribbon .gcui-ribbon-scrollbars {
    background-position: 0px -2656px;
}

.ribbon .gcui-ribbon .gcui-ribbon-view {
    background-position: 0px -3424px;
}

.ribbon .gcui-ribbon .gcui-ribbon-tabstrip {
    background-position: 0px -3168px;
}

.ribbon .gcui-ribbon .gcui-ribbon-sheetgeneral {
    background-position: -16px -2624px;
}

.ribbon .gcui-ribbon .gcui-ribbon-gridlines {
    background-position: 0px -1440px;
}

.ribbon .gcui-ribbon .gcui-ribbon-calculation {
    background-position: 0px -576px;
}

.ribbon .gcui-ribbon .gcui-ribbon-headers {
    background-position: 0px -1488px;
}

.ribbon .gcui-ribbon .gcui-ribbon-resize-table {
    background-position: 0px -2528px;
}

.ribbon .gcui-ribbon-table-style {
    background-position: -16px -3904px;
}

.ribbon .gcui-ribbon-abbrevicon {
    background-image: url(../images/icons.png);
}

.ribbon .gcui-ribbon .gcui-ribbon-abbrevgroup .ui-icon {
    background-position: 0px -2576px;
}

.ribbon .gcui-ribbon-abbrevclipboard {
    background-position: 0px -768px;
}

.ribbon .gcui-ribbon-abbrevfonts {
    background-position: 0px -400px;
}

.ribbon .gcui-ribbon-abbrevalignment {
    background-position: 0px -48px;
}

.ribbon .gcui-ribbon-abbrevnumbers {
    background-position: 0px -2064px;
}

.ribbon .gcui-ribbon-abbrevcelltype {
    background-position: 0px -3728px;
}

.ribbon .gcui-ribbon-abbrevstyles {
    background-position: 0px -1232px;
}

.ribbon .gcui-ribbon-abbrevcells {
    background-position: 0px -1216px;
}

.ribbon .gcui-ribbon-abbrevediting {
    background-position: 0px -1024px;
}

.ribbon .gcui-ribbon-abbrevtables {
    background-position: 0px -1648px;
}

.ribbon .gcui-ribbon-abbrevsparklines {
    background-position: 0px -2912px;
}

.ribbon .gcui-ribbon-abbrevfunctions {
    background-position: 0px -1600px;
}

.ribbon .gcui-ribbon-abbrevnames {
    background-position: 0px -1872px;
}

.ribbon .gcui-ribbon-abbrevsort {
    background-position: 0px -2752px;
}

.ribbon .gcui-ribbon-abbrevdata {
    background-position: 0px -784px;
}

.ribbon .gcui-ribbon-abbrevoutline {
    background-position: 0px -1456px;
}

.ribbon .gcui-ribbon-abbrevshow\/hide {
    background-position: 0px -3600px;
}

.ribbon .gcui-ribbon-abbrevzoom {
    background-position: 0px -3584px;
}

.ribbon .gcui-ribbon-abbrevviewport {
    background-position: 0px -1264px;
}

.ribbon .gcui-ribbon-abbrevspread {
    background-position: 0px -2128px;
}

.ribbon .gcui-ribbon-abbrevsheet {
    background-position: 0px -2112px;
}

.ribbon .gcui-ribbon-abbrevproperties {
    background-position: 0px -2528px;
}

.ribbon .gcui-ribbon-abbrevtable {
    background-position: 0px -2704px;
}

.ribbon .gcui-ribbon-abbrevtype {
    background-position: 0px -2912px;
}

.ribbon .gcui-ribbon-abbrevshow {
    background-position: 0px -3600px;
}

.ribbon .gcui-ribbon-abbrevstyle {
    background-position: 0px -2928px;
}

.ribbon .gcui-ribbon-abbrevgroups {
    background-position: 0px -2896px;
}

.ribbon #condition-format-popup {
    width: auto;
}

.ribbon .gcui-ribbon .gcui-ribbon-group {
    background-position: -16px -1152px;
}

.ribbon #condition-format-popup .gcui-ribbon-dropdown {
    background: #fafafa;
    border: solid 1px #a7abb0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    padding: 3px 5px 3px 2px;
}

.ribbon #condition-format-popup .ui-icon {
    background-image: url(../images/icons.png);
}

.ribbon #condition-format-popup .ui-icon-big {
    background-image: url(../images/icons.png);
    position: absolute;
    top: .5em;
    margin-top: 0px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .ui-icon-small {
    background-image: url(../images/icons.png);
    position: absolute;
    top: .5em;
    margin-top: 0px;
    width: 16px;
    height: 16px;
}

.ribbon #condition-format-popup .ui-button {
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    cursor: pointer;
    vertical-align: middle;
    text-align: left;
    overflow: visible;
    background: none;
    border: none;
    color: #000;
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 100%;
    margin: 0 0 1px 1px;
}

.ribbon #condition-format-popup .ui-button .ui-state-hover {
    border: none;
    text-decoration: none;
}

.ribbon #condition-format-popup .ui-button .icon-button-container {
    padding: 6px;
    display: block;
    white-space: nowrap;
}

.ribbon #condition-format-popup .horizontal-3-big-icon-button-container {
    width: 144px;
}

.ribbon #condition-format-popup .horizontal-4-big-icon-button-container {
    width: 192px;
}

.ribbon #condition-format-popup .horizontal-2-small-iconset-button-container {
    width: 232px;
}

.ribbon #condition-format-popup .big-icon-only {
    width: 44px;
    height: 44px;
}

.ribbon #condition-format-popup .small-icon-set-only {
    width: 112px;
    height: 28px;
}

.ribbon #condition-format-popup .horizontal-icon-set-item {
    display: inline-block;
}

.ribbon #condition-format-popup .ui-button-text-big {
    padding: .4em 1em .4em 42px;
    display: block;
    line-height: 32px;
    white-space: nowrap;
    font-size: 12px;
}

.ribbon #condition-format-popup .ui-button-text-small {
    padding: .4em 1em .4em 2.1em;
    display: block;
    line-height: normal;
    white-space: nowrap;
    font-size: 12px;
}

.ribbon #condition-format-popup .menu-right-arrow {
    background-position: 0px -3904px;
}

.ribbon #condition-format-popup .menu-has-subitem {
    padding-right: 2em;
}

.ribbon #condition-format-popup .align-right-icon-container {
    direction: rtl;
}

.ribbon #condition-format-popup .submenu-title {
    font-weight: bold;
    background-color: #f0f2f5;
    padding-left: .5em;
    font-size: 10px;
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
}

.ribbon #condition-format-popup .gcui-ribbon-listseparator {
    height: 1px;
    border-top: 1px solid lightgray;
    margin: 0px 0px 0px 12px;
}

.ribbon #condition-format-popup .gcui-ribbon-listseparator.condition-format {
    width: 164px;
}

.ribbon #condition-format-popup .gcui-ribbon-listseparator.highlight-cells-rules {
    width: 148px;
}

.ribbon #condition-format-popup .gcui-ribbon-listseparator.top-bottom-rules {
    width: 140px;
}

.ribbon #condition-format-popup .gcui-ribbon-listseparator.data-bars {
    width: 132px;
}

.ribbon #condition-format-popup .gcui-ribbon-listseparator.icon-sets {
    width: 220px;
}

.ribbon #condition-format-popup #clear-rules-popup-menu {
    width: 202px;
}

.ribbon #condition-format-popup .gcui-ribbon-highlight-cells-rules {
    background-position: -16px -1824px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-top-bottom-rules {
    background-position: -16px -3328px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-data-bars {
    background-position: -16px -480px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-color-scales {
    background-position: -16px -320px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-icon-sets {
    background-position: -16px -1888px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-new-rule {
    background-position: 0px -1920px;
}

.ribbon #condition-format-popup .gcui-ribbon-clear-rules {
    background-position: 0px -672px;
}

.ribbon #condition-format-popup .gcui-ribbon-manage-rules {
    background-position: 0px -1760px;
}

.ribbon #condition-format-popup .gcui-ribbon-greater-than {
    background-position: -16px -1632px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-less-than {
    background-position: -16px -1984px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-between {
    background-position: -16px -96px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-equal-to {
    background-position: -16px -704px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-text-contains {
    background-position: -16px -3232px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-a-date-occurring {
    background-position: -16px -576px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-duplicate-values {
    background-position: -16px -672px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-top-10-items {
    background-position: -16px -3328px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-bottom-10-items {
    background-position: -16px -192px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-above-average {
    background-position: -16px 0px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-below-average {
    background-position: -16px -64px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-gradient-fill-blue-data-bar {
    background-position: -16px -1440px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-gradient-fill-green-data-bar {
    background-position: -16px -1472px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-gradient-fill-red-data-bar {
    background-position: -16px -1600px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-gradient-fill-orange-data-bar {
    background-position: -16px -1536px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-gradient-fill-lightblue-data-bar {
    background-position: -16px -1504px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-gradient-fill-purple-data-bar {
    background-position: -16px -1568px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-solid-fill-blue-data-bar {
    background-position: -16px -2688px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-solid-fill-green-data-bar {
    background-position: -16px -2720px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-solid-fill-red-data-bar {
    background-position: -16px -2848px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-solid-fill-orange-data-bar {
    background-position: -16px -2784px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-solid-fill-lightblue-data-bar {
    background-position: -16px -2752px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-solid-fill-purple-data-bar {
    background-position: -16px -2816px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-gyr-color-scale {
    background-position: -16px -1728px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-ryg-color-scale {
    background-position: -16px -2528px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-gwr-color-scale {
    background-position: -16px -1664px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-rwg-color-scale {
    background-position: -16px -2464px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-bwr-color-scale {
    background-position: -16px -128px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-rwb-color-scale {
    background-position: -16px -2432px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-wr-color-scale {
    background-position: -16px -3456px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-rw-color-scale {
    background-position: -16px -2496px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-gw-color-scale {
    background-position: -16px -1696px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-wg-color-scale {
    background-position: -16px -3424px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-gy-color-scale {
    background-position: -16px -1760px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-yg-color-scale {
    background-position: -16px -3520px;
    width: 32px;
    height: 32px;
}

.ribbon #condition-format-popup .gcui-ribbon-up-arrow-green {
    background-position: 0px -240px;
}

.ribbon #condition-format-popup .gcui-ribbon-right-arrow-yellow {
    background-position: 0px -352px;
}

.ribbon #condition-format-popup .gcui-ribbon-down-arrow-red {
    background-position: 0px -320px;
}

.ribbon #condition-format-popup .gcui-ribbon-up-arrow-gray {
    background-position: 0px -304px;
}

.ribbon #condition-format-popup .gcui-ribbon-right-arrow-gray {
    background-position: 0px -288px;
}

.ribbon #condition-format-popup .gcui-ribbon-down-arrow-gray {
    background-position: 0px -272px;
}

.ribbon #condition-format-popup .gcui-ribbon-up-triangle-green {
    background-position: 0px -3280px;
}

.ribbon #condition-format-popup .gcui-ribbon-minus-yellow {
    background-position: 0px -3312px;
}

.ribbon #condition-format-popup .gcui-ribbon-down-triangle-red {
    background-position: 0px -3296px;
}

.ribbon #condition-format-popup .gcui-ribbon-right-up-arrow-gray {
    background-position: 0px -192px;
}

.ribbon #condition-format-popup .gcui-ribbon-right-down-arrow-gray {
    background-position: 0px -176px;
}

.ribbon #condition-format-popup .gcui-ribbon-right-up-arrow-yellow {
    background-position: 0px -224px;
}

.ribbon #condition-format-popup .gcui-ribbon-right-down-arrow-yellow {
    background-position: 0px -208px;
}

.ribbon #condition-format-popup .gcui-ribbon-traffic-light-green {
    background-position: 0px -1392px;
}

.ribbon #condition-format-popup .gcui-ribbon-traffic-light-yellow {
    background-position: 0px -3472px;
}

.ribbon #condition-format-popup .gcui-ribbon-traffic-light-red {
    background-position: 0px -2368px;
}

.ribbon #condition-format-popup .gcui-ribbon-traffic-light-rimmed-green {
    background-position: 0px -1424px;
}

.ribbon #condition-format-popup .gcui-ribbon-traffic-light-rimmed-yellow {
    background-position: 0px -3536px;
}

.ribbon #condition-format-popup .gcui-ribbon-traffic-light-rimmed-red {
    background-position: 0px -2480px;
}

.ribbon #condition-format-popup .gcui-ribbon-up-triangle-yellow {
    background-position: 0px -3552px;
}

.ribbon #condition-format-popup .gcui-ribbon-down-rhombus-red {
    background-position: 0px -2416px;
}

.ribbon #condition-format-popup .gcui-ribbon-traffic-light-black {
    background-position: 0px -368px;
}

.ribbon #condition-format-popup .gcui-ribbon-ball-red {
    background-position: 0px -2432px;
}

.ribbon #condition-format-popup .gcui-ribbon-ball-pink {
    background-position: 0px -2080px;
}

.ribbon #condition-format-popup .gcui-ribbon-ball-gray {
    background-position: 0px -1344px;
}

.ribbon #condition-format-popup .gcui-ribbon-ball-black {
    background-position: 0px -384px;
}

.ribbon #condition-format-popup .gcui-ribbon-check-circled-green {
    background-position: 0px -1376px;
}

.ribbon #condition-format-popup .gcui-ribbon-notice-circled-yellow {
    background-position: 0px -3504px;
}

.ribbon #condition-format-popup .gcui-ribbon-close-circled-red {
    background-position: 0px -2400px;
}

.ribbon #condition-format-popup .gcui-ribbon-check-uncircled-green {
    background-position: 0px -1360px;
}

.ribbon #condition-format-popup .gcui-ribbon-notice-uncircled-yellow {
    background-position: 0px -3488px;
}

.ribbon #condition-format-popup .gcui-ribbon-close-uncircled-red {
    background-position: 0px -2384px;
}

.ribbon #condition-format-popup .gcui-ribbon-flag-green {
    background-position: 0px -1408px;
}

.ribbon #condition-format-popup .gcui-ribbon-flag-yellow {
    background-position: 0px -3520px;
}

.ribbon #condition-format-popup .gcui-ribbon-flag-red {
    background-position: 0px -2448px;
}

.ribbon #condition-format-popup .gcui-ribbon-star-solid {
    background-position: 0px -3072px;
}

.ribbon #condition-format-popup .gcui-ribbon-star-half {
    background-position: 0px -3056px;
}

.ribbon #condition-format-popup .gcui-ribbon-star-hollow {
    background-position: 0px -3040px;
}

.ribbon #condition-format-popup .gcui-ribbon-rating-4 {
    background-position: 0px -2336px;
}

.ribbon #condition-format-popup .gcui-ribbon-rating-3 {
    background-position: 0px -2320px;
}

.ribbon #condition-format-popup .gcui-ribbon-rating-2 {
    background-position: 0px -2304px;
}

.ribbon #condition-format-popup .gcui-ribbon-rating-1 {
    background-position: 0px -2288px;
}

.ribbon #condition-format-popup .gcui-ribbon-rating-0 {
    background-position: 0px -2272px;
}

.ribbon #condition-format-popup .gcui-ribbon-quarters-4 {
    background-position: 0px -2256px;
}

.ribbon #condition-format-popup .gcui-ribbon-quarters-3 {
    background-position: 0px -2240px;
}

.ribbon #condition-format-popup .gcui-ribbon-quarters-2 {
    background-position: 0px -2224px;
}

.ribbon #condition-format-popup .gcui-ribbon-quarters-1 {
    background-position: 0px -2208px;
}

.ribbon #condition-format-popup .gcui-ribbon-quarters-0 {
    background-position: 0px -2192px;
}

.ribbon #condition-format-popup .gcui-ribbon-box-4 {
    background-position: 0px -528px;
}

.ribbon #condition-format-popup .gcui-ribbon-box-3 {
    background-position: 0px -512px;
}

.ribbon #condition-format-popup .gcui-ribbon-box-2 {
    background-position: 0px -496px;
}

.ribbon #condition-format-popup .gcui-ribbon-box-1 {
    background-position: 0px -480px;
}

.ribbon #condition-format-popup .gcui-ribbon-box-0 {
    background-position: 0px -464px;
}

.ribbon .gcui-ribbon .gcui-ribbon-cornerindicator {
    float: right;
    margin-right: 3px;
    height: 14px;
}

.ribbon .gcui-ribbon .gcui-ribbon-cornerindicator button {
    width: 16px;
    height: 14px;
}

.ribbon .gcui-ribbon .gcui-ribbon-indicatoricon {
    background-position: 0px -3616px;
}

.ribbon .designer-colorpicker {
    background-color: white;
}

.ribbon .designer-addChartElement {
    background-color: white;
    cursor: default;
}

.ribbon .gcui-ribbon .ui-custom-triangle {
    background-image: url(../images/icons.png);
    display: inline-block;
    width: 9px;
    height: 10px;
    background-position: 0px -3664px;
}

.ribbon .gcui-ribbon .ui-custom-triangle2 {
    background-image: url(../images/icons.png);
    display: block;
    width: 32px;
    height: 10px;
    background-position: -16px -3680px;
}

.ribbon .gcui-ribbon-menu-caption {
    font-weight: bold;
    margin-left: -20px;
    background-color: #eee;
}

.ribbon .designer-table-name {
    width: 100px;
    padding: 3px 3px 3px 5px;
}

.ribbon .designer-table-format {
    width: 497px;
    border: 1px solid #d3d3d3;
}

.ribbon .designer-table-format.scroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

.ribbon .designer-table-format .ui-state-hover {
    border: none;
}

.ribbon .designer-table-format li {
    list-style: none;
}

.ribbon .designer-table-format .new-table-style-div .new-table-style-span {
    background-image: url(../images/icons.png);
    position: absolute;
    top: 2px;
    margin-top: 0px;
    width: 16px;
    height: 16px;
    background-position: 0px -1936px;
}

.ribbon .designer-table-format .new-table-style-div .new-table-style-text {
    float: left;
    margin-left: 28px;
}

.ribbon .designer-table-format .new-table-style {
    background: white;
    width: 100%;
    height: 24px;
}

.ribbon .designer-table-format .table-format-label-container {
    background-color: #f0f2f5;
    height: 22px;
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
}

.ribbon .designer-table-format .table-format-label {
    font-weight: bold;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin-left: 10px;
}

.ribbon .designer-table-format .custom-format-table {
    display: none;
}

.ribbon .designer-table-format .table-format-category-div {
    background-color: white;
}

.ribbon .designer-table-format .table-format-preview {
    background-image: url(../images/formattable2013.png);
    display: inline-block;
    background-repeat: no-repeat;
    width: 63px;
    height: 48px;
}

.ribbon .designer-table-format .table-format-preview-button {
    padding: 0px;
    margin: 0px;
    border: none;
}

.ribbon .designer-table-format .container-span {
    padding: 4px;
    width: 63px;
    height: 48px;
    display: block;
    background-color: white;
}

.ribbon .designer-table-format .table-format-custom1 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-table-format .table-format-custom2 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-table-format .table-format-custom3 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-table-format .table-format-custom4 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-table-format .table-format-custom5 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-table-format .table-format-custom6 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-table-format .table-format-custom7 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-table-format .table-format-light0 {
    background-position: 0px 0px;
}
.ribbon .designer-table-format .table-format-light1 {
    background-position: 0px -48px;
}

.ribbon .designer-table-format .table-format-light2 {
    background-position: 0px -96px;
}

.ribbon .designer-table-format .table-format-light3 {
    background-position: 0px -144px;
}

.ribbon .designer-table-format .table-format-light4 {
    background-position: 0px -192px;
}

.ribbon .designer-table-format .table-format-light5 {
    background-position: 0px -240px;
}

.ribbon .designer-table-format .table-format-light6 {
    background-position: 0px -288px;
}

.ribbon .designer-table-format .table-format-light7 {
    background-position: 0px -336px;
}

.ribbon .designer-table-format .table-format-light8 {
    background-position: 0px -384px;
}

.ribbon .designer-table-format .table-format-light9 {
    background-position: 0px -432px;
}

.ribbon .designer-table-format .table-format-light10 {
    background-position: 0px -480px;
}

.ribbon .designer-table-format .table-format-light11 {
    background-position: 0px -528px;
}

.ribbon .designer-table-format .table-format-light12 {
    background-position: 0px -576px;
}

.ribbon .designer-table-format .table-format-light13 {
    background-position: 0px -624px;
}

.ribbon .designer-table-format .table-format-light14 {
    background-position: 0px -672px;
}

.ribbon .designer-table-format .table-format-light15 {
    background-position: 0px -720px;
}

.ribbon .designer-table-format .table-format-light16 {
    background-position: 0px -768px;
}

.ribbon .designer-table-format .table-format-light17 {
    background-position: 0px -816px;
}

.ribbon .designer-table-format .table-format-light18 {
    background-position: 0px -864px;
}

.ribbon .designer-table-format .table-format-light19 {
    background-position: 0px -912px;
}

.ribbon .designer-table-format .table-format-light20 {
    background-position: 0px -960px;
}

.ribbon .designer-table-format .table-format-light21 {
    background-position: 0px -1008px;
}

.ribbon .designer-table-format .table-format-medium1 {
    background-position: 0px -1056px;
}

.ribbon .designer-table-format .table-format-medium2 {
    background-position: 0px -1104px;
}

.ribbon .designer-table-format .table-format-medium3 {
    background-position: 0px -1152px;
}

.ribbon .designer-table-format .table-format-medium4 {
    background-position: 0px -1200px;
}

.ribbon .designer-table-format .table-format-medium5 {
    background-position: 0px -1248px;
}

.ribbon .designer-table-format .table-format-medium6 {
    background-position: 0px -1296px;
}

.ribbon .designer-table-format .table-format-medium7 {
    background-position: 0px -1344px;
}

.ribbon .designer-table-format .table-format-medium8 {
    background-position: 0px -1392px;
}

.ribbon .designer-table-format .table-format-medium9 {
    background-position: 0px -1440px;
}

.ribbon .designer-table-format .table-format-medium10 {
    background-position: 0px -1488px;
}

.ribbon .designer-table-format .table-format-medium11 {
    background-position: 0px -1536px;
}

.ribbon .designer-table-format .table-format-medium12 {
    background-position: 0px -1584px;
}

.ribbon .designer-table-format .table-format-medium13 {
    background-position: 0px -1632px;
}

.ribbon .designer-table-format .table-format-medium14 {
    background-position: 0px -1680px;
}

.ribbon .designer-table-format .table-format-medium15 {
    background-position: 0px -1728px;
}

.ribbon .designer-table-format .table-format-medium16 {
    background-position: 0px -1776px;
}

.ribbon .designer-table-format .table-format-medium17 {
    background-position: 0px -1824px;
}

.ribbon .designer-table-format .table-format-medium18 {
    background-position: 0px -1872px;
}

.ribbon .designer-table-format .table-format-medium19 {
    background-position: 0px -1920px;
}

.ribbon .designer-table-format .table-format-medium20 {
    background-position: 0px -1968px;
}

.ribbon .designer-table-format .table-format-medium21 {
    background-position: 0px -2016px;
}

.ribbon .designer-table-format .table-format-medium22 {
    background-position: 0px -2064px;
}

.ribbon .designer-table-format .table-format-medium23 {
    background-position: 0px -2112px;
}

.ribbon .designer-table-format .table-format-medium24 {
    background-position: 0px -2160px;
}

.ribbon .designer-table-format .table-format-medium25 {
    background-position: 0px -2208px;
}

.ribbon .designer-table-format .table-format-medium26 {
    background-position: 0px -2256px;
}

.ribbon .designer-table-format .table-format-medium27 {
    background-position: 0px -2304px;
}

.ribbon .designer-table-format .table-format-medium28 {
    background-position: 0px -2352px;
}

.ribbon .designer-table-format .table-format-dark1 {
    background-position: 0px -2400px;
}

.ribbon .designer-table-format .table-format-dark2 {
    background-position: 0px -2448px;
}

.ribbon .designer-table-format .table-format-dark3 {
    background-position: 0px -2496px;
}

.ribbon .designer-table-format .table-format-dark4 {
    background-position: 0px -2544px;
}

.ribbon .designer-table-format .table-format-dark5 {
    background-position: 0px -2592px;
}

.ribbon .designer-table-format .table-format-dark6 {
    background-position: 0px -2640px;
}

.ribbon .designer-table-format .table-format-dark7 {
    background-position: 0px -2688px;
}

.ribbon .designer-table-format .table-format-dark8 {
    background-position: 0px -2736px;
}

.ribbon .designer-table-format .table-format-dark9 {
    background-position: 0px -2784px;
}

.ribbon .designer-table-format .table-format-dark10 {
    background-position: 0px -2832px;
}

.ribbon .designer-table-format .table-format-dark11 {
    background-position: 0px -2880px;
}

.ribbon .designer-table-format .table-format-item-selected {
    background: #9fd5b7;
}

.ribbon .designer-cell-styles {
    background-color: #FAFAFA;
    width: 645px;
    border: thin solid #A7ABB0;
}

.ribbon .designer-cell-styles .ui-state-hover {
    border: none;
    background-color: #DBDBDB;
    cursor: default;
}

.ribbon .designer-cell-styles .submenu-title {
    font-weight: bold;
    background-color: #f0f2f5;
    font-size: 12px;
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
    padding: 6px 0 0 8px;
    height: 22px;
}

.ribbon .designer-cell-styles .cell-style-symbol {
    height: 22px;
    width: 96px;
    display: inline-block;
    padding-left: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ribbon .designer-cell-styles .custom-cell-style-symbol {
    height: 20px;
    width: 96px;
    display: inline-block;
    padding-left: 3px;
    padding-top: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ribbon .designer-cell-styles ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.ribbon .designer-cell-styles .cell-style-outer-span {
    height: 25px;
    padding: 3px;
    background-color: #FAFAFA;
    display: inline-block;
    float: left;
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
}

.ribbon .designer-cell-styles .ui-icon-small {
    background-image: url(../images/icons.png);
    position: absolute;
    top: 2px;
    margin-top: 0px;
    width: 16px;
    height: 16px;
}

.ribbon .designer-cell-styles .ui-button-text-small {
    padding: 3px 510px 3px 28px;
    display: block;
    line-height: normal;
    white-space: nowrap;
    background-color: white;
}

.ribbon .designer-cell-styles .new-cell-style-button {
    width: 100%;
}

.ribbon .designer-cell-styles .gcui-ribbon-new-cell-style {
    background-position: 0px -1888px;
}

.ribbon .designer-cell-styles .cellstyle-icon-empty {
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right: 2px;
}

.ribbon .designer-cell-styles .cellstyle-menu {
    width: 130px;
}

.ribbon .designer-cell-styles .sub-cellstyle-category {
    display: inline-block;
}

.ribbon .template-design-mode-checked {
    background-color: #DBDBDB;
}

.ribbon .designer-data-binding-icon {
    background-image: url(../images/icons.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 0px -1024px;
}

.ribbon .data-binding-path {
    width: 90px;
}

.ribbon #data-binding-setting-popup {
    position: absolute;
    padding: 15px;
    z-index: 1000;
    background-color: white;
    border: 1px solid lightgrey;
    background-color: #EBEBEB;
    min-width: 235px;
}

.ribbon #data-binding-setting-indicator {
    position: absolute;
    z-index: 1000;
}

.ribbon .table-binding-block1 {
    margin-left: 5px;
}

.ribbon .table-binding-block2 {
    width: 120px;
}

.ribbon .data-field-select {
    width: 120px;
}

.ribbon .data-field-block1 {
    display: inline-block;
    width: 65px;
}

.ribbon .auto-generate-columns-container {
    margin: 4px 0;
}

.ribbon .table-binding-columninfo-fieldset {
    border: 1px solid lightgrey;
}

.ribbon .data-field-container {
    margin: 2px;
}

.ribbon .table-binding-path {
    width: 110px;
    border: 0px;
    height: 18px;
}

.ribbon .table-binding-setting-button {
    float: right;
    width: 60px;
    margin-top: 10px;
    margin-right: 2px;
}

.ribbon .data-binding-path-overlay {
    z-index: 1000;
    opacity: 0.3;
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    border: none;
    background-color: grey;
}

.ribbon .data-binding-decoration {
    border: 1px solid blue;
    outline: none;
    -webkit-box-shadow: 0px 0px 4px 0px #007eff;
    position: absolute;
    z-index: 1000;
}

.ribbon .columninfo-fieldset-container {
    max-width: 250px;
    max-height: 250px;
    overflow: auto;
}

.ribbon .data-binding-celltype-option {
    display: none;
    border: 1px solid lightgray;
    padding: 2px;
    background: white;
}

.ribbon .data-binding-celltype-option .data-binding {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/icons.png);
    vertical-align: bottom;
}

.ribbon .data-binding-celltype-option .ui-button-text {
    padding: 0.3em 0.5em;
}

.ribbon .data-binding-celltype-option .data-binding-celltype-button {
    width: 115px;
    text-align: inherit;
    border: none;
    background: white;
}

.ribbon .data-binding-celltype-option .data-binding-celltype-button:hover {
    background-color: lightgray;
}

.ribbon .data-binding-celltype-option .data-binding-table-icon {
    background-position: 0px -3376px;
}

.ribbon .data-binding-celltype-option .data-binding-checkbox-icon {
    background-position: 0px -3728px;
}

.ribbon .data-binding-celltype-option .data-binding-hyperlink-icon {
    background-position: 0px -3696px;
}

.ribbon .data-binding-celltype-option .data-binding-combox-icon {
    background-position: 0px -3712px;
}

.ribbon .data-binding-celltype-option .data-binding-button-icon {
    background-position: 0px -3680px;
}

.ribbon .data-binding-celltype-option .data-binding-text-icon {
    background-position: 0px -1152px;
}

.ribbon .ribbon-menu-caption {
    font-size: 13px;
}

.ribbon .gcui-ribbon .gcui-ribbon-slicer-setting {
    background-image: url(../images/slicer_setting.png) !important;
    background-size: 100% 100%;
}

.ribbon .gcui-ribbon-table-insert-slicer {
    /*.big-icon(122);*/
    background-image: url(../images/Slicer.png) !important;
    background-size: 100% 100%;
}

.ribbon .gcui-ribbon-slicer-styles {
    background-position: -16px -3904px;
}

.ribbon .designer-slicer-name {
    width: 100px;
    padding: 3px 3px 3px 5px;
}

.ribbon .designer-slicer-format {
    border: 1px solid #d3d3d3;
}

.ribbon .designer-slicer-format .ui-state-hover {
    border: none;
}

.ribbon .designer-slicer-format li {
    list-style: none;
}

.ribbon .designer-slicer-format .new-slicer-style-div .new-slicer-style-span {
    background-image: url(../images/icons.png);
    position: absolute;
    top: 2px;
    margin-top: 0px;
    width: 16px;
    height: 16px;
    background-position: 0px -1936px;
}

.ribbon .designer-slicer-format .new-slicer-style-div .new-slicer-style-text {
    float: left;
    margin-left: 28px;
}

.ribbon .designer-slicer-format .new-slicer-style {
    background: white;
    width: 100%;
    height: 24px;
}

.ribbon .designer-slicer-format .slicer-format-label-container {
    background-color: #f0f2f5;
    height: 22px;
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
}

.ribbon .designer-slicer-format .slicer-format-label {
    font-weight: bold;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin-left: 10px;
}

.ribbon .designer-slicer-format .custom-format-slicer {
    display: none;
}

.ribbon .designer-slicer-format .slicer-format-category-div {
    background-color: white;
}

.ribbon .designer-slicer-format .slicer-format-preview {
    background-image: url(../images/slicer2013.png);
    display: inline-block;
    background-repeat: no-repeat;
    width: 43px;
    height: 48px;
}

.ribbon .designer-slicer-format .slicer-format-preview-button {
    padding: 0px;
    margin: 0px;
    border: none;
}

.ribbon .designer-slicer-format .container-span {
    padding: 4px;
    width: 43px;
    height: 48px;
    display: block;
    background-color: white;
}

.ribbon .designer-slicer-format .slicer-format-custom1 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-slicer-format .slicer-format-custom2 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-slicer-format .slicer-format-custom3 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-slicer-format .slicer-format-custom4 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-slicer-format .slicer-format-custom5 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-slicer-format .slicer-format-custom6 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-slicer-format .slicer-format-custom7 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-slicer-format .slicer-format-custom8 {
    background-position: 0px 0px;
    display: none;
}

.ribbon .designer-slicer-format .slicer-format-light1 {
    background-position: 0px -48px;
}

.ribbon .designer-slicer-format .slicer-format-light2 {
    background-position: 0px -96px;
}

.ribbon .designer-slicer-format .slicer-format-light3 {
    background-position: 0px -144px;
}

.ribbon .designer-slicer-format .slicer-format-light4 {
    background-position: 0px -192px;
}

.ribbon .designer-slicer-format .slicer-format-light5 {
    background-position: 0px -240px;
}

.ribbon .designer-slicer-format .slicer-format-light6 {
    background-position: 0px -288px;
}

.ribbon .designer-slicer-format .slicer-format-other1 {
    background-position: 0px -336px;
}

.ribbon .designer-slicer-format .slicer-format-other2 {
    background-position: 0px -384px;
}

.ribbon .designer-slicer-format .slicer-format-dark1 {
    background-position: 0px -432px;
}

.ribbon .designer-slicer-format .slicer-format-dark2 {
    background-position: 0px -480px;
}

.ribbon .designer-slicer-format .slicer-format-dark3 {
    background-position: 0px -528px;
}

.ribbon .designer-slicer-format .slicer-format-dark4 {
    background-position: 0px -576px;
}

.ribbon .designer-slicer-format .slicer-format-dark5 {
    background-position: 0px -624px;
}

.ribbon .designer-slicer-format .slicer-format-dark6 {
    background-position: 0px -672px;
}

.ribbon .designer-slicer-format .slicer-format-item-selected {
    background: #9fd5b7;
}

.ribbon .ribbon-slicer-option {
    width: 136px;
}

.ribbon .ribbon-slicer-remove-button-pattern {
    background-color: white;
    display: inline;
}

.ribbon .ribbon-slicer-remove-button-pattern:hover {
    background-color: white;
}

.ribbon .ribbon-slicer-input {
    float: right;
}

.ribbon .gcui-ribbon-list span,
.ribbon .gcui-ribbon-list button {
    vertical-align: middle;
}

.ribbon .slicer-ribbon-width {
    background-size: 100% 100%;
    background-image: url(../images/slicer_width.png) !important;
}

.ribbon .slicer-ribbon-height {
    background-size: 100% 100%;
    background-image: url(../images/slicer_height.png) !important;
}

.ribbon .slicer-ribbon-column {
    background-position: 0px -2528px;
}

.ribbon .font-list-container {
    height: 450px;
    overflow-y: auto;
}

.ribbon .designer-chart-template .chart-template-preview {
    background-image: url(../images/chartIcons.png);
    display: inline-block;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
}

.ribbon .designer-chart-template {
    width: 300px;
    border: 1px solid #d3d3d3;
}

.ribbon .designer-chart-template .chart-template-category-div {
    background-color: white;
}

.ribbon .designer-chart-template .container-span {
    padding: 4px;
    width: 48px;
    height: 48px;
    display: block;
    background-color: white;
}

.ribbon .designer-chart-template .chart-template-preview-button {
    padding: 0px;
    margin: 0px;
    border: none;
}

.ribbon .designer-chart-template .chart-template-column-clustered1 {
    background-position: 0px -48px;
}

.ribbon .designer-chart-template .chart-template-column-clustered2 {
    background-position: -51px -48px;
}

.ribbon .designer-chart-template .chart-template-column-clustered3 {
    background-position: -102px -48px;
}

.ribbon .designer-chart-template .chart-template-column-clustered4 {
    background-position: -153px -48px;
}

.ribbon .designer-chart-template .chart-template-column-clustered5 {
    background-position: -204px -48px;
}

.ribbon .designer-chart-template .chart-template-column-clustered6 {
    background-position: -250px -48px;
}

.ribbon .designer-chart-template .chart-template-item-selected {
    background: #9fd5b7;
}

.ribbon .designer-chart-template .ui-state-hover {
    border: none;
}

.slider-panel-close-button {
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(../images/closeButton.png);
}

.slider-panel-close-button:hover {
    background-color: #9fd5b7;
}

.format-chart-panel-background {
    width: 40px;
    float: left;
    height: 40px;
    margin: 5px;
}

.format-shape-panel-background {
    width: 40px;
    float: left;
    height: 40px;
    margin: 5px;
}
.format-chart-panel-background .format-chart-panel {
    display: inline-block;
    margin: 4px;
    width: 32px;
    height: 32px;
    background-image: url(../images/chartIcon.png);
    background-repeat: no-repeat;
}

.format-shape-panel-background .format-shape-panel {
    display: inline-block;
    margin: 4px;
    width: 32px;
    height: 32px;
    background-image: url(../images/chartIcon.png);
    background-repeat: no-repeat;
}
.format-shape-panel-background .fillandline {
    background-position: -16px -96px
}
.format-shape-panel-background .selected-fillandline {
    background-position: -16px -224px;
}
/*.format-shape-panel-background .line {*/
/*background-position: -16px -96px*/
/*}*/
/*.format-shape-panel-background .selected-line {*/
/*background-position: -16px -96px*/
/*}*/
.format-shape-panel-background .size {
    background-position: -16px -160px;
}
.format-shape-panel-background .selected-size {
    background-position: -16px -288px;
}
.format-shape-panel-background .textfill {
    background-position: -16px -192px;
}
.format-shape-panel-background .selected-textfill {
    background-position: -16px -320px;
}
.format-shape-panel-background .textbox {
    background-image: url(../images/sliderpanelTextNormal.png);
}
.format-shape-panel-background .selected-textbox {
    background-image: url(../images/sliderpanelTextActive.png);
}
.format-chart-panel-background .fill-line {
     background-position: -16px -96px
 }
.format-chart-panel-background .size-properties {
    background-position: -16px -160px
}
.format-chart-panel-background .textfill {
    background-position: -16px -192px
}
.format-chart-panel-background .seriesoptions {
    background-position: -16px -128px
}

.format-chart-panel-background .axisoptions {
    background-position: -16px -128px
}

.format-chart-panel-background .legendposition {
    background-position: -16px -128px
}

.format-chart-panel-background .selected-fill-line {
    background-position: -16px -224px
}
.format-chart-panel-background .selected-size-properties {
    background-position: -16px -288px
}
.format-chart-panel-background .selected-textfill {
    background-position: -16px -320px
}
.format-chart-panel-background .selected-seriesoptions {
    background-position: -16px -256px
}

.format-chart-panel-background .selected-axisoptions {
    background-position: -16px -256px
}

.format-chart-panel-background .selected-legendposition {
    background-position: -16px -256px
}

.format-chart-panel-color {
    margin: 1px;
    list-style-type: none;
    line-height: 28px;
    display: none
}

.panel-content-header {
    height: 50px;
    padding: 0px 10px;
}

.color-picker-span {
    height: 1em;
    width: 100%;
    display: block;
    border: 1px solid black;
    background-color: transparent;
}

.input-number-editor-auto {
    width: 35%;
    margin: 3px;
    float: left;
    display: inline-block;
}

.input-number-editor {
    width: 143px;
    margin: 3px;
    float: right;
    display: inline-block;
    color:#555555;
    border: 1px solid #d3d3d3;
}

.shape-input-number-editor-auto {
    width: 35%;
    margin: 3px;
    margin-right: 9px;
    float: left;
    display: inline-block;
}
.shape-input-number-editor {
    width: 143px;
    margin: 3px;
    margin-right: 9px;
    float: right;
    display: inline-block;
    color: #555555;
    border: 1px solid #d3d3d3;
}
.input-reset-btn {
    width: 20%;
    margin: 3px 10px 3px 3px;
    float: right;
    background-color: #dddddd;
    height: 20px;
    border: solid 1px #999999;
    text-align: center;
    line-height: 20px;
    display: none;
    cursor:pointer;
}

.input-auto-desc {
    width: 16%;
    margin: 3px 10px 3px 3px;
    float: right;
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: none;
    cursor:default;
}

#chart-style-list {
    width: 680px;
    height: 70px;
    overflow: auto;
}

#chart-styles-list-container {
    width: 860px;
    background-color: white;
    padding: 5px;
    margin: 0;
    border: 1px solid #c6c6c6;
    box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
}

.chart-style-preview-image {
    display: inline-block;
    width: 200px;
    height: 120px;
    border: 5px solid transparent;
    background-repeat: no-repeat;
    background-size: 200px;
}

.chart-style-preview-image-selected {
    border: 5px solid #c5c5c5;
}

.chart-style-preview-image:hover {
    border: 5px solid #e2e2e2;
}

.format-panel-drop-default-button-fontSize, .format-panel-drop-default-button-dashType, .format-panel-drop-default-button-capType,
.format-panel-drop-default-button-joinType, .format-panel-drop-default-button-hAlign, .format-panel-drop-default-button-vAlign,
.format-panel-drop-default-button-fontFamily, .format-panel-drop-default-button-fontStyle, .format-panel-drop-default-button-fontWeight {
    float: right;
    margin-right: 10px;
}

.format-panel-drop-default-button-majorTickPosition {
    float: right;
    margin-right: 10px;
}

.format-panel-drop-default-button-minorTickPosition {
    float: right;
    margin-right: 10px;
}

.format-panel-drop-default-span-fontFamily, .format-panel-drop-default-span-fontStyle, .format-panel-drop-default-span-fontWeight,
.format-panel-drop-default-span-fontSize, .format-panel-drop-default-span-dashType, .format-panel-drop-default-span-capType,
.format-panel-drop-default-span-joinType, .format-panel-drop-default-span-hAlign, .format-panel-drop-default-span-vAlign {
    background: white;
    width: 100px;
    height: 16px;
    padding: 5px 25px 5px 12px
}

.format-panel-drop-default-span-hAlign, .format-panel-drop-default-span-vAlign {
    width: 50px;
}
.format-panel-drop-default-span-fontFamily {
    background: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
    height: 16px;
    padding: 5px 25px 5px 12px
}

.format-panel-drop-default-span-majorTickPosition {
    background: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
    height: 16px;
    padding: 5px 25px 5px 12px
}

.format-panel-drop-default-span-minorTickPosition {
    background: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
    height: 16px;
    padding: 5px 25px 5px 12px
}

.format-panel-drop-default-label-fontFamily {
    margin-left: 2px;
    background: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    list-style-type: none;
    line-height: 25px
}

.format-panel-drop-list-common {
    overflow: auto;
    border: 1px solid gray;
}

.format-panel-drop-list-fontSize {
    width: 63px;
    height: 202px;
}

.format-panel-drop-list-dashType, .format-panel-drop-list-hAlign, .format-panel-drop-list-vAlign, .format-panel-drop-list-capType,
.format-panel-drop-list-fontStyle, .format-panel-drop-list-fontWeight, .format-panel-drop-list-joinType {
    width: 137px;
}
.format-panel-drop-list-hAlign, .format-panel-drop-list-vAlign{
    width: 87px;
}
.format-panel-drop-list-fontFamily {
    width: 137px;
    height: 202px;
    background-color: white;
}

.format-panel-drop-list-majorTickPosition {
    position: absolute;
    left: 188px;
    width: 79px;
    height: 100px;
}

.format-panel-drop-list-minorTickPosition {
    position: absolute;
    left: 188px;
    width: 79px;
    height: 100px;
}

.chart-selected-element {
    background: white;
    padding-left: 0;
    margin: 0;
}

.triangle-chart-selected-element {
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid rgba(0, 0, 0, 0.8);
    display: inline-block;
}

.select-element-popup {
    background: white;
    position: absolute;
    top: 21px;
    left: 14px;
    border: 1px solid darkgray;
    z-index: 1010;
}
.panel-button-text{
    display: block;
    line-height: normal;
}
.gcui-ribbon-size-height::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    background-image: url(../images/shape_ribbon_height.png);
    background-repeat: no-repeat;
}
.gcui-ribbon-size-width::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    background-image: url(../images/shape_ribbon_width.png);
    background-repeat: no-repeat;
}
.ui-spinner-up:hover {
    background-color: rgb(170, 170, 170) !important;
}
.ui-spinner-down:hover {
    background-color: rgb(170, 170, 170) !important;
}
.shape-SliderPanel-headers-text {
    font-size: 10pt
}
.shape-imageList-content-BeginArrowtype, .shape-imageList-content-EndArrowtype, .shape-imageList-content-BeginArrowsize, .shape-imageList-content-EndArrowsize, .shape-imageList-content-Dashtype {
    width: 100px;
    border: 1px solid black;
    background-color: white;
}
.shape-imageList-item-base-BeginArrowtype, .shape-imageList-item-base-EndArrowtype, .shape-imageList-item-base-BeginArrowsize, .shape-imageList-item-base-EndArrowsize {
    position: relative;
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    float: left
}
.shape-imageList-item-base-Dashtype {
    position: relative;
    background-repeat: no-repeat;
    width: 100px;
    height: 16px;
    float: left
}
.shape-imageList-content-Dashtype .shape-imageList-item-0 {
    background-position: 0 0
}
.shape-imageList-content-Dashtype .shape-imageList-item-8 {
    background-position: 0 -16px
}
.shape-imageList-content-Dashtype .shape-imageList-item-7 {
    background-position: 0 -32px
}
.shape-imageList-content-Dashtype .shape-imageList-item-2 {
    background-position: 0 -48px
}
.shape-imageList-content-Dashtype .shape-imageList-item-4 {
    background-position: 0 -64px
}

.shape-imageList-content-Dashtype .shape-imageList-item-3 {
    background-position: 0 -80px
}

.shape-imageList-content-Dashtype .shape-imageList-item-5 {
    background-position: 0 -96px
}

.shape-imageList-content-Dashtype .shape-imageList-item-6 {
    background-position: 0 -112px
}

.shape-imageList-item-0 {
    background-position: 0 0
}

.shape-imageList-item-0:hover::before, .shape-imageList-item-1:hover::before, .shape-imageList-item-2:hover::before, .shape-imageList-item-3:hover::before,
.shape-imageList-item-4:hover::before, .shape-imageList-item-5:hover::before, .shape-imageList-item-6:hover::before, .shape-imageList-item-7:hover::before,
.shape-imageList-item-8:hover::before, .shape-imageList-item-00:hover::before, .shape-imageList-item-01:hover::before, .shape-imageList-item-02:hover::before,
.shape-imageList-item-10:hover::before, .shape-imageList-item-11:hover::before, .shape-imageList-item-12:hover::before, .shape-imageList-item-20:hover::before,
.shape-imageList-item-21:hover::before, .shape-imageList-item-22:hover::before,.shape-imageList-item-hover::before {
    background-color: rgba(0, 0, 0, 0.37);
    content: '';
    display: block;
    height: 100%;
    width: 100%;
}
.shape-imageList-item-1 {
    background-position: -33px 0
}

.shape-imageList-item-5 {
    background-position: -66px 0
}

.shape-imageList-item-2 {
    background-position: 0 -33px
}

.shape-imageList-item-3 {
    background-position: -33px -33px
}

.shape-imageList-item-4 {
    background-position: -66px -33px
}

.shape-imageList-item-00 {
    background-position: 0 0
}

.shape-imageList-item-01 {
    background-position: -33px 0
}

.shape-imageList-item-02 {
    background-position: -66px 0
}

.shape-imageList-item-10 {
    background-position: 0px -33px
}

.shape-imageList-item-11 {
    background-position: -33px -33px
}

.shape-imageList-item-12 {
    background-position: -66px -33px
}

.shape-imageList-item-20 {
    background-position: 0px -66px
}

.shape-imageList-item-21 {
    background-position: -33px -66px
}

.shape-imageList-item-22 {
    background-position: -66px -66px
}

.gcui-ribbon-size-label {
    text-align: center;
}

.ribbon-shape-icon {
    background-image: url(../images/rotate32.png);
}

.add-image-icon {
    padding-left: 19px !important;
    padding-right: 8px !important;
    white-space: nowrap;
}

.add-image-icon::before {
    display: block;
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    left: 1px;
}

.add-rotateright90-icon::before {
    background-image: url(../images/rotateRight.png);
}

.add-rotateleft90-icon::before {
    background-image: url(../images/rotateLeft.png);
}

.add-shapegroup-icon::before {
    background-image: url(../images/group.png);
}

.add-shapeungroup-icon::before {
    background-image: url(../images/ungroup.png);
}

.gcui-ribbon-group-special {
    float: left;
    background: none;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: solid 1px #b2b7bd;
    border-left: solid 1px #fafafa;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0.2em;
}
/* This is a function for icons position*/
.formulaBar {
  background-color: white;
  padding: 0px;
  height: auto;
  /*(@formula-bar-height - 4); */
  display: -webkit-box;
  display: box;
  overflow: hidden;
  margin-top: 3px;
}
.formulaBar > table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}
.formulaBar tbody {
  vertical-align: top;
}
.formulaBar td:last-child {
  width: 100%;
  padding-right: 4px;
}
.formulaBar .union-container {
  width: 204px;
  margin: 1px 0;
}
.formulaBar .union-container .union-item {
  display: inline-block;
  width: 200px;
  margin-left: -200px;
}
.formulaBar .union-container .union-item:first-child {
  margin-left: 0;
}
.formulaBar .union-container .union-item {
  height: 21px;
  font-family: "Segoe UI";
  text-align: center;
  margin-top: -1px;
  width: 200px;
  border-color: 1px solid #c6c6c6;
}
.formulaBar .splitter {
  width: 32px;
  background-image: url(../images/splitter.png);
  background-repeat: no-repeat;
  background-position: center;
  margin: 1px 0;
  display: block;
  cursor: w-resize;
}
.formulaBar button {
  width: 20px;
  height: 20px;
  border: none;
  padding: 4px;
  background-color: transparent;
  background-image: none;
}
.formulaBar .fill-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  /*width: 955px;*/
}
.formulaBar #formulaBarText {
  height: 20px;
  width: 100%;
  background-color: white;
  overflow: hidden;
  -webkit-user-select: all;
}
.formulaBar .formulaBar-container {
  border: 1px solid #c6c6c6;
  background: white;
  padding-left: 3px;
  padding-top: 2px;
}
.formulaBar input {
  border: 1px solid #c6c6c6;
  background-color: white;
  margin: 0;
  padding: 0;
}
.formulaBar .formula-bar-item {
  height: 20px;
}
.formulaBar .btn-group {
  background-color: white;
  border: 1px solid #c6c6c6;
  margin-right: 4px;
  width: 60px;
  padding-left: 2px;
  padding-top: 2px;
}
.formulaBar .ok-btn {
  background-image: url(../images/icons.png);
  background-position: 0px -1584px;
  height: 16px;
  width: 16px;
  vertical-align: top;
}
.formulaBar .cancel-btn {
  background-image: url(../images/icons.png);
  background-position: 0px -864px;
  height: 16px;
  width: 16px;
  vertical-align: top;
}
.formulaBar .functions-btn {
  background-image: url(../images/icons.png);
  background-position: 0px -1600px;
  height: 16px;
  width: 16px;
  vertical-align: top;
}
/* This is a function for icons position*/
.spreadWrapper {
  height: 100%;
}
.spreadWrapper .ss {
  height: 100%;
}
.spreadWrapper .slider-panel {
  display: none;
  float: right;
  height: 100%;
}
.spreadWrapper .slider-panel-handler {
  display: none;
  float: right;
  height: 100%;
  border: 2px solid rgba(211, 211, 211, 0.6);
}
.spreadWrapper .slider-panel-handler:hover {
  cursor: w-resize;
}
.spreadWrapper .slider-panel-guidesline {
  border-left: 1px dashed rgba(211, 211, 211, 0.8);
  display: none;
  height: 100%;
}
/* This is a function for icons position*/
.statusBar {
  height: 22px;
  background-color: #217346;
}
.statusBar .statusbar-zoom-panel:hover {
  background-color: #0E5C2F;
}
.statusBar .statusbar-zoom-panel:active {
  background-color: #0b4d27;
}
.gc-spread-formatCells {
    background-image: url(../images/icons.png);
    background-position: 0px -1248px;
    background-repeat: no-repeat;
}

.gc-spread-richtext {
    background-image: url(../images/icons.png);
    background-position: 0px -1248px;
    background-repeat: no-repeat;
}  /*TODO*/
.gc-spread-customSort {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
}

.gc-spread-formatComment {
    background-image: url(../images/icons.png);
    background-position: 0px -4000px;
    background-repeat: no-repeat;
}

.gc-spread-protectSheet {
    background-image: url(../images/icons.png);
    background-position: 0px -2176px;
    background-repeat: no-repeat;
}

.gc-spread-slicerProperty {
    background-image: url(../images/slicer_height.png);
    background-repeat: no-repeat;
}

.gc-spread-slicerSetting {
    background-image: url(../images/slicer_setting.png);
    background-repeat: no-repeat;
}

.gc-spread-resetChartColor {
    background-image: url(../images/chartIcon.png);
    background-position: 0px -176px;
    background-repeat: no-repeat;
}

.gc-spread-changeChartTypeDialog {
    background-image: url(../images/chartIcon.png);
    background-position: 0px -192px;
    background-repeat: no-repeat;
}

.gc-spread-selectChartDataDialog {
    background-image: url(../images/chartIcon.png);
    background-position: 0px -208px;
    background-repeat: no-repeat;
}

.gc-spread-moveChartDialog {
    background-image: url(../images/chartIcon.png);
    background-position: 0px -224px;
    background-repeat: no-repeat;
}

.gc-spread-formatChart {
    background-image: url(../images/chartIcon.png);
    background-position: 0px -240px;
    background-repeat: no-repeat;
}
.gc-spread-groupShapes {
    background-image: url(../images/group.png);
    background-repeat: no-repeat;
}
.gc-spread-ungroupShapes {
    background-image: url(../images/ungroup.png);
    background-repeat: no-repeat;
}/* This is a function for icons position*/
.fileMenu {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: white;
    z-index: 1000;
}

.fileMenu .menu-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 15%;
    height: 100%;
    background-color: #217346;
}

.fileMenu .menu-panel ul {
    list-style: none;
    padding: 0;
}

.fileMenu .menu-panel ul li div.goback-image {
    margin: 10px 25px;
    width: 32px;
    height: 32px;
    background-image: url(../images/icons.png);
    background-position: -16px -3840px;
}

.fileMenu .menu-panel ul li a {
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    display: block;
}

.fileMenu .menu-panel ul li div.gcui-ribbon-listseparator {
    height: 1px;
    border-top: 1px solid lightgray;
    margin: 0px 0px 0px 12px;
}

.fileMenu .menu-panel ul li:not(.nohover-effect):hover {
    background-color: #0a6332;
}

.fileMenu .content-panel {
    height: 100%;
    margin-left: 15%;
    background-color: white;
}

.fileMenu .content-panel ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fileMenu .content-panel ul li a {
    padding: 15px 25px;
    color: black;
    text-decoration: none;
    display: block;
}

.fileMenu .content-panel ul li ul {
    padding-left: 2em;
}

.fileMenu .content-panel ul li:not(.nohover-effect):hover {
    background-color: #d3f0e0;
}

.fileMenu .content-panel .menu-title {
    height: 10%;
    width: 100%;
    font-size: xx-large;
    position: relative;
}

.fileMenu .content-panel .menu-title span {
    margin-left: 5%;
    position: absolute;
    bottom: 0px;
}

.fileMenu .content-panel .content-view {
    height: 86%;
    width: 90%;
    padding: 2% 5%;
}

.fileMenu .content-panel .content-view .content-item {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.fileMenu .content-panel .content-view .content-item .template-item {
    padding: 5px;
    width: 200px;
    height: 200px;
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
}

.fileMenu .content-panel .content-view .content-item .template-item .template-item-thumb {
    width: 200px;
    height: 160px;
    background-image: url(../images/templates.png);
}

.fileMenu .content-panel .content-view .content-item .template-item .template-thumb-blank {
    background-position: 0px -320px;
}

.fileMenu .content-panel .content-view .content-item .template-item .template-thumb-aging-report {
    background-position: 0px 0px;
}

.fileMenu .content-panel .content-view .content-item .template-item .template-thumb-financial-kpis {
    background-position: 0px -160px;
}

.fileMenu .content-panel .content-view .content-item .template-item .template-thumb-income-statement {
    background-position: 0px -480px;
}

.fileMenu .content-panel .content-view .content-item .template-item:hover {
    background-color: #d3f0e0;
}

.fileMenu .content-panel .content-view .left-view {
    float: left;
    width: 30%;
    height: 100%;
    border-right: 1px #e1e1e1 solid;
}

.fileMenu .content-panel .content-view .right-view {
    height: 100%;
    margin-left: 30%;
    padding-left: 5%;
    overflow: auto;
}

.fileMenu .content-panel .content-view .right-view .submenu-title {
    margin-bottom: 16px;
    font-size: x-large;
    color: #217346;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting {
    padding: 10px;
    padding-left: 0px;
    border: none;
    border-top: 1px solid #D3D3D3;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .basic-element-container {
    width: 300px;
    height: 24px;
    margin-left: 20px;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .pdf-basic-setting-label {
    width: 120px;
    display: inline-block;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .export-setting-container {
    margin-left: 20px;
    height: 24px;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .export-setting-input {
    width: 150px;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .inline-setting-container {
    width: 190px;
    display: inline-block;
    margin-left: 20px;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .inline-setting-container .check-box {
    margin: 0;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .display-setting-container {
    width: 190px;
    display: inline-block;
    margin-left: 20px;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .display-type-container {
    width: 280px;
    height: 24px;
    display: inline-block;
    margin-left: 20px;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .page-setting-container {
    width: 290px;
    display: inline-block;
    margin-left: 20px;
    height: 24px;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .page-settings-label {
    display: inline-block;
    width: 130px;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .page-settings {
    width: 150px;
}

.fileMenu .content-panel .content-view .right-view .pdf-export-setting .display-setting-select {
    width: 150px;
}

.fileMenu .content-panel .content-view .file-label {
    cursor: default;
    margin-left: 10px;
    display: inline-block;
}

.fileMenu .content-panel .content-view .file-label .file-name {
    font-size: small;
}

.fileMenu .content-panel .content-view .file-label .file-path {
    font-size: small;
    margin-top: 3px;
}

.fileMenu .content-panel .content-view .list-item {
    padding: 5px 10px;
}

.fileMenu .content-panel .content-view .list-item .list-item-big-icon {
    background-image: url(../images/icons.png);
    width: 32px;
    height: 32px;
    display: inline-block;
}

.fileMenu .content-panel .content-view .list-item .directory-icon {
    margin: 5px 0 0 10px;
    float: left;
    background-image: url(../images/icons.png);
    width: 16px;
    height: 16px;
    background-position: 0px -1984px;
}

.fileMenu .content-panel .content-view .sub-title {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: medium;
}

.fileMenu .content-panel .content-view .iconbutton {
    border: 1px solid #ababab;
    width: 91px;
    height: 91px;
    padding: 8px;
    margin: 30px 20px 20px 0;
}

.fileMenu .content-panel .content-view .iconbutton .iconbutton-big-image {
    background-image: url(../images/icons.png);
    width: 32px;
    height: 32px;
    margin: 10px auto 10px auto;
}

.fileMenu .content-panel .content-view .iconbutton span {
    display: block;
    text-align: center;
    font-size: small;
}

.fileMenu .content-panel .content-view .iconbutton:hover {
    background-color: #d3f0e0;
}

.fileMenu .content-panel .content-view .horizontal {
    float: left;
}

.fileMenu .menu-item-selected {
    background-color: #9fd5b7;
}


.fileMenu .xlsx-icon {
    background-position: -16px -832px;
}

.fileMenu .csv-icon {
    background-position: -16px -416px;
}

.fileMenu .ssjson-icon {
    background-position: -16px -3872px;
}

.fileMenu .pdf-icon {
    background-position: -16px -2336px;
}

.fileMenu .browse-button-icon {
    background-position: -16px -960px;
}
/* This is a function for icons position*/
html,
body {
    height: 100%;
    font-family: "Segoe UI", Helvetica, Verdana, sans-serif;
    font-size: small;
}

body {
    margin: 0;
    overflow: hidden;
}

body .borderBottom-borderpicker,
body .borderLeft-borderpicker,
body .borderRight-borderpicker,
body .borderTop-borderpicker,
body .diagonalUp-borderpicker,
body .diagonalDown-borderpicker{
    padding: 10px;
    border: 1px solid lightgray;
}

:focus {
    outline: none;
}

.container {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.header,
.footer,
.content {
    display: block;
    width: 100%;
}

.header {
    height: 171px;
}

.content > .fill-spread-content {
    position: absolute;
    top: 190px;
    bottom: 22px;
    left: 0px;
    right: 0px;
}

.footer {
    height: 22px;
    position: absolute;
    bottom: 0px;
}

.context-menu {
    width: 300px;
}

.function-popup {
    background-color: white;
    border: 1px solid black;
}

.function-popup .function-name,
.function-popup .function-leftbracket,
.function-popup .function-para1,
.function-popup .function-para3,
.function-popup .function-rightbracket {
    display: inline;
}

.function-popup .function-para2 {
    display: inline;
    font-weight: bold;
}

.vertical-splitter {
    height: 10px;
    width: 100%;
    border: none;
    margin: 0px;
    overflow: hidden;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAADCAYAAAB4bZQtAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAAGElEQVQoU2MAgv8ggoY07QCxLiCRZvgPAOTbF+njN5lkAAAAAElFTkSuQmCC) no-repeat center center transparent;
    cursor: n-resize;
    border-bottom: 1px solid #ccc;
}

/* Override button inner pseudo-elements border & padding of FF, http://ovms.co/2010/06/fix-firefox-button-padding/ */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}

#chartPreviewer {
    width: 600px;
    height: 400px;
    position: absolute;
    left: -700px;
    overflow: hidden;
    z-index: 1200;
}/* This is a function for icons position*/
.header {
  height: 175px;
  padding-top: 6px;
}
.ribbon {
  height: 141px;
}
.ribbon .gcui-ribbon .gcui-ribbon-bigbutton .ui-button-text,
.ribbon .gcui-ribbon .ui-button .ui-button-text,
.ribbon .ui-tabs .ui-tabs-nav li a,
.ribbon #condition-format-popup .ui-button-text-big,
.ribbon #condition-format-popup .ui-button-text-small,
.ribbon #condition-format-popup .submenu-title {
  font-size: 12px;
}
.ribbon .gcui-ribbon .gcui-ribbon-groups .gcui-ribbon-group {
  height: 102px;
}
.ribbon .gcui-ribbon .gcui-ribbon-group .gcui-ribbon-group-content {
  height: 85px;
}
.ribbon .gcui-ribbon .gcui-ribbon-group .gcui-ribbon-bigbutton {
  height: 85px;
  margin-top: -18px;
}
.ribbon .gcui-ribbon .gcui-ribbon-group .gcui-ribbon-bigbutton .ui-button-text {
  padding-top: 4em;
}
.ribbon .gcui-ribbon-abbrev剪贴板 {
  background-position: 0px -768px;
}
.ribbon .gcui-ribbon-abbrev字体 {
  background-position: 0px -400px;
}
.ribbon .gcui-ribbon-abbrev对齐方式 {
  background-position: 0px -48px;
}
.ribbon .gcui-ribbon-abbrev数字 {
  background-position: 0px -2064px;
}
.ribbon .gcui-ribbon-abbrev单元格类别 {
  background-position: 0px -3728px;
}
.ribbon .gcui-ribbon-abbrev样式 {
  background-position: 0px -1232px;
}
.ribbon .gcui-ribbon-abbrev单元格 {
  background-position: 0px -1216px;
}
.ribbon .gcui-ribbon-abbrev编辑 {
  background-position: 0px -1024px;
}
.ribbon .gcui-ribbon-abbrev表 {
  background-position: 0px -1648px;
}
.ribbon .gcui-ribbon-abbrev插图 {
  background-position: 0px -2912px;
}
.ribbon .gcui-ribbon-abbrev函数库 {
  background-position: 0px -1600px;
}
.ribbon .gcui-ribbon-abbrev定义的名称 {
  background-position: 0px -1872px;
}
.ribbon .gcui-ribbon-abbrev排序和筛选 {
  background-position: 0px -2752px;
}
.ribbon .gcui-ribbon-abbrev数据工具 {
  background-position: 0px -784px;
}
.ribbon .gcui-ribbon-abbrev分级显示 {
  background-position: 0px -1456px;
}
.ribbon .gcui-ribbon-abbrev设计模式 {
  background-position: 0px -960px;
}
.ribbon .gcui-ribbon-abbrev显示\/隐藏 {
  background-position: 0px -3600px;
}
.ribbon .gcui-ribbon-abbrev显示比例 {
  background-position: 0px -3584px;
}
.ribbon .gcui-ribbon-abbrev窗口 {
  background-position: 0px -1264px;
}
.ribbon .gcui-ribbon-abbrev迷你图 {
  background-position: 0px -2880px;
}
.ribbon #condition-format-popup .gcui-ribbon-listseparator.condition-format {
  width: 160px;
}
.ribbon #condition-format-popup .gcui-ribbon-listseparator.highlight-cells-rules {
  width: 103px;
}
.ribbon #condition-format-popup .gcui-ribbon-listseparator.top-bottom-rules {
  width: 141px;
}
.ribbon #condition-format-popup .gcui-ribbon-listseparator.data-bars {
  width: 132px;
}
.ribbon #condition-format-popup .gcui-ribbon-listseparator.icon-sets {
  width: 220px;
}
.ribbon #condition-format-popup #clear-rules-popup-menu {
  width: 148px;
}
.ui-tabs .ui-tabs-nav li a {
  color: #333;
}
.ui-tabs .ui-tabs-nav li a:hover {
  color: #333;
}
.content > .fill-spread-content {
  top: 195px;
}
.ui-dialog-buttonpane .ui-button {
  width: 95px;
}
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
html,
body {
  font-family: Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", SimSun, STXihei, "\534E\6587\7EC6\9ED1", sans-serif;
}
/* set font for other items same as above setting of body */
.colorpicker-outDiv,
.statusBar .statusbar-edit-status,
.statusBar .statusbar-zoom-value,
.colordialog-div-container,
.ui-dialog-titlebar,
.ui-dialog-buttonpane,
.format-rules-manager-dialog .format-rules-view-container .format-rules-button-set span,
.ribbon #condition-format-popup .submenu-title,
.ribbon .designer-cell-styles .submenu-title,
.ribbon #condition-format-popup .submenu-title,
.ribbon .designer-table-format .table-format-label-container,
.ribbon .designer-cell-styles .submenu-title,
.ribbon .designer-cell-styles .cell-style-outer-span,
.ribbon .designer-slicer-format .slicer-format-label-container,
.ui-widget,
.ui-widget textarea,
.ui-dialog .ui-dialog-title,
.sort-dialog .sort-button-sets span .formulaBar .union-container .union-item {
  font-family: inherit;
}
/* set height for dropdown items */
.gcui-ribbon-fontfamily-parent,
.gcui-ribbon-fontsize-parent,
.gcui-ribbon-numberformat {
  height: 26px;
}
/* adjust width for items need more space */
#groupDetailAppearance {
  width: 102px;
}
#schemaActionList {
  width: 104px;
}
#font-size, #font-family {
  margin: 0;
}

#export-json, #import-json {
  width: 85px;
  height: 85px;
  padding: 8px 14px 14px 8px;
}

.format-shape-panel-background .填充线条 {
  background-position: -16px -96px
}
.format-shape-panel-background .selected-填充线条 {
  background-position: -16px -224px;
}
/*.format-shape-panel-background .line {*/
/*background-position: -16px -96px*/
/*}*/
/*.format-shape-panel-background .selected-line {*/
/*background-position: -16px -96px*/
/*}*/
.format-shape-panel-background .大小 {
  background-position: -16px -160px;
}
.format-shape-panel-background .selected-大小 {
  background-position: -16px -288px;
}
.format-shape-panel-background .文本填充 {
  background-position: -16px -192px;
}
.format-shape-panel-background .selected-文本填充 {
  background-position: -16px -320px;
}
.format-shape-panel-background .文本框 {
  background-image: url(../images/sliderpanelTextNormal.png);
}
.format-shape-panel-background .selected-文本框 {
  background-image: url(../images/sliderpanelTextActive.png);
}.chart-colorpicker-container {
    width: 248px;
    height: 340px;
    padding: 1px;
    border: 1px solid #d3d3d3;
    overflow-y: auto;
}

.chart-colorpicker-container .header-container {
    width: 230px;
    background-color: #f1f1f1;
    height: 20px;
    padding: 2px 0;
}
.chart-colorpicker-container .header-container span {
    margin: 0 4px;
    font-size: 14px;
}

.chart-colorpicker-container .group-content {
    margin: 2px 0;
    width: 230px;
    height: auto;
}

.chart-colorpicker-container .color-items-container {
    width: 216px;
    height: 30px;
    padding: 2px 5px;
    border: 2px solid transparent;
}

.chart-colorpicker-container .color-items-container:hover {
    border: 2px solid #d3d3d3;
}

.chart-colorpicker-container .selected {
    border: 2px solid #d3d3d3;
}

.chart-colorpicker-container .color-item {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    user-select: none;
}.add-chart-element-container {
    width: 160px;
    border: solid 1px #999999;
    background-color: white;
}

.add-chart-element-item {
    width: 100%;
    height: 20px;
    padding: 5px 0;
}

.add-chart-element-item-active {
    background-color: rgb(197, 197, 197);
}

.add-chart-element-item .imgItemContainer {
    width: 18px;
    height: 18px;
    float: left;
    margin: 1px 8px 1px 5px;
}

.add-chart-element-item .imgItemContainer .imgItem {
    width: 16px;
    height: 16px;
    margin: 2px;
    background-image: url(../images/chartIcon.png);
}

.add-chart-element-item .textItem {
    width: 120px;
    height: 20px;
    float: left;
    line-height: 20px;
}

.add-chart-element-item .trangleItem {
    width: 0;
    height: 0;
    border: solid 4px rgba(1, 1, 1, 0);
    border-left: solid 4px rgb(114, 114, 114);
    float: left;
    margin-top: 6px;
}

.add-chart-element-container-subMenu {
    width: 240px;
    border: solid 1px #999999;
    background-color: white;
}

.add-chart-element-item .imgItemContainer .axes {
    background-position: 0 -16px;
}

.add-chart-element-item .imgItemContainer .axisTitles {
    background-position: 0 -32px;
}

.add-chart-element-item .imgItemContainer .chartTitle {
    background-position: 0 -48px;
}

.add-chart-element-item .imgItemContainer .dataLabels {
    background-position: 0 -64px;
}

.add-chart-element-item .imgItemContainer .gridLines {
    background-position: 0 -80px;
}

.add-chart-element-item .imgItemContainer .legend {
    background-position: 0 -96px;
}

.add-chart-element-subItem .imgItemContainer {
    width: 34px;
    height: 34px;
    float: left;
    margin: 1px 16px 1px 5px;
}

.add-chart-element-subItem .imgItemContainer .imgItem {
    width: 32px;
    height: 32px;
    margin: 1px;
    background-image: url(../images/chartIcon.png);
}

.add-chart-element-subItem .imgItemContainer .axesPrimaryHorizontal {
    background-position: -16px -352px;
}

.add-chart-element-subItem .imgItemContainer .axesPrimaryVertical {
    background-position: -16px -384px;
}

.add-chart-element-subItem .imgItemContainer .axesSecondaryHorizontal {
    background-position: -16px -416px;
}

.add-chart-element-subItem .imgItemContainer .axesSecondaryVertical {
    background-position: -16px -448px;
}

.add-chart-element-subItem .imgItemContainer .axesTitlesPrimaryHorizontal {
    background-position: -16px -480px;
}

.add-chart-element-subItem .imgItemContainer .axesTitlesPrimaryVertical {
    background-position: -16px -512px;
}

.add-chart-element-subItem .imgItemContainer .axesTitlesSecondaryHorizontal {
    background-position: -16px -544px;
}

.add-chart-element-subItem .imgItemContainer .axesTitlesSecondaryVertical {
    background-position: -16px -576px;
}

.add-chart-element-subItem .imgItemContainer .chartTitleNone {
    background-position: -16px -608px;
}

.add-chart-element-subItem .imgItemContainer .chartTitleAboveChart {
    background-position: -16px -640px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsNone {
    background-position: -16px -672px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsNone-LineGroup{
    background-position: -16px -800px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsNone-ScatterGroup{
    background-position: -16px -800px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsNone-PieGroup{
    background-position: -16px -928px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsCenter {
    background-position: -16px -704px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsCenter-LineGroup {
    background-position: -16px -836px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsCenter-ScatterGroup {
    background-position: -16px -836px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsCenter-PieGroup {
    background-position: -16px -960px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsInsideEnd {
    background-position: -16px -736px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsInsideEnd-PieGroup {
    background-position: -16px -992px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsOutsideEnd {
    background-position: -16px -768px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsOutsideEnd-PieGroup {
    background-position: -16px -1024px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsBestFit-PieGroup {
    background-position: -16px -1056px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsAbove-LineGroup {
    background-position: -16px -864px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsBelow-LineGroup {
    background-position: -16px -896px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsAbove-ScatterGroup {
    background-position: -16px -864px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsBelow-ScatterGroup {
    background-position: -16px -896px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsShow {
    background-position: -16px -704px;
}

.add-chart-element-subItem .imgItemContainer .dataLabelsShow-PieGroup {
    background-position: -16px -704px;
}

.add-chart-element-subItem .imgItemContainer .gridLinesPrimaryMajorHorizontal {
    background-position: -16px -1088px;
}

.add-chart-element-subItem .imgItemContainer .gridLinesPrimaryMajorVertical {
    background-position: -16px -1120px;
}

.add-chart-element-subItem .imgItemContainer .gridLinesPrimaryMinorHorizontal {
    background-position: -16px -1152px;
}

.add-chart-element-subItem .imgItemContainer .gridLinesPrimaryMinorVertical {
    background-position: -16px -1184px;
}

.add-chart-element-subItem .imgItemContainer .gridLinesSecondaryMajorHorizontal {
    background-position: -16px -1088px;
}

.add-chart-element-subItem .imgItemContainer .gridLinesSecondaryMajorVertical {
    background-position: -16px -1120px;
}

.add-chart-element-subItem .imgItemContainer .gridLinesSecondaryMinorHorizontal {
    background-position: -16px -1152px;
}

.add-chart-element-subItem .imgItemContainer .gridLinesSecondaryMinorVertical {
    background-position: -16px -1184px;
}

.add-chart-element-subItem .imgItemContainer .legendNone {
    background-position: -16px -1216px;
}

.add-chart-element-subItem .imgItemContainer .legendRight {
    background-position: -16px -1248px;
}

.add-chart-element-subItem .imgItemContainer .legendTop {
    background-position: -16px -1280px;
}

.add-chart-element-subItem .imgItemContainer .legendLeft {
    background-position: -16px -1312px;
}

.add-chart-element-subItem .imgItemContainer .legendBottom {
    background-position: -16px -1344px;
}

.add-chart-element-subItem {
    width: 100%;
    height: 34px;
    padding: 5px 0;
}

.add-chart-element-subItem-active {
    background-color: rgb(197, 197, 197);
}

.add-chart-element-subItem .textItem {
    width: 180px;
    height: 20px;
    float: left;
    line-height: 20px;
    padding: 10px 0;
}

.add-chart-element-openPanel-MenuItem {
    width: 100%;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-top: solid 1px #999999;
}

.img-item-choosed {
    background-color: rgb(197, 197, 197);
}

.img-item-no-choose {
    background-color: transparent;
}.chart-type-selected {
    background-color: #c5c5c5;
}

.chart-type-hover {
    background-color: #c5c5c5;
}

.series-chart-types-list {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 310px;
    overflow: auto;
    background-color: white;
    width: 220px;
    border: 1px solid #c6c6c6;
    box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
}

.series-chart-types-list-item {
    list-style: none;
    overflow: hidden;
}

.series-chart-types-list-item-title {
    background-color: #eee;
    padding: 2px;
    line-height: 16px;
}

.series-item-modifying {
    background-color: #ccc;
}

.series-item-selected {
    background-color: #5b9bd5;
}

.series-chart-types-list-item-title-icon {
    margin-right: 2px;
    margin-left: 6px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    background-image: url(../images/chartIcon.png);
}

.select-series-type-column {
    background-position: 0 -304px;
}

.select-series-type-line {
    background-position: 0 -320px;
}

.select-series-type-pie {
    background-position: 0 -336px;
}

.select-series-type-bar {
    background-position: 0 -352px;
}

.select-series-type-area {
    background-position: 0 -368px;
}

.select-series-type-scatter {
    background-position: 0 -384px;
}

.select-chart-type-title {
    font-size: 16px;
}

.chart-type-subtype-icon {
    display: inline-block;
    margin: 5px;
    width: 50px;
    height: 50px;
    background-image: url(../images/chartIcon50-50.png);
}.chart-layout-list {
    width: 246px;
    background-color: white;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #c6c6c6;
    box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
    overflow: hidden;
}

.chart-layout-list-item {
    padding: 15px;
    float: left;
    list-style: none;
}

.chart-layout-hover {
    background-color: #d3d3d3;
}

.chart-layout-selected {
    opacity: 0.6;
}

.chart-layout-icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url(../images/chartIcon50-50.png);
    border: 1px solid #999;
}

.chart-layout-ColumnGroup .layout1 {
    background-position: 0 -150px;
}

.chart-layout-ColumnGroup .layout2 {
    background-position: 0 -200px;
}

.chart-layout-ColumnGroup .layout3 {
    background-position: 0 -250px;
}

.chart-layout-ColumnGroup .layout4 {
    background-position: 0 -300px;
}

.chart-layout-ColumnGroup .layout5 {
    background-position: 0 -400px;
}

.chart-layout-ColumnGroup .layout6 {
    background-position: 0 -450px;
}

.chart-layout-ColumnGroup .layout7 {
    background-position: 0 -500px;
}

.chart-layout-ColumnGroup .layout8 {
    background-position: 0 -550px;
}

.chart-layout-ColumnGroup .layout9 {
    background-position: 0 -600px;
}

.chart-layout-ColumnGroup .layout10 {
    background-position: 0 -650px;
}

.chart-layout-LineGroup .layout1 {
    background-position: 0 -750px;
}

.chart-layout-LineGroup .layout2 {
    background-position: 0 -800px;
}

.chart-layout-LineGroup .layout3 {
    background-position: 0 -900px;
}

.chart-layout-LineGroup .layout4 {
    background-position: 0 -950px;
}

.chart-layout-LineGroup .layout5 {
    background-position: 0 -1050px;
}

.chart-layout-LineGroup .layout6 {
    background-position: 0 -1100px;
}

.chart-layout-LineGroup .layout7 {
    background-position: 0 -1150px;
}

.chart-layout-LineGroup .layout8 {
    background-position: 0 -1200px;
}

.chart-layout-LineGroup .layout9 {
    background-position: 0 -1300px;
}

.chart-layout-LineGroup .layout10 {
    background-position: 0 -1350px;
}

.chart-layout-PieGroup .layout1 {
    background-position: 0 -1400px;
}

.chart-layout-PieGroup .layout2 {
    background-position: 0 -1450px;
}

.chart-layout-PieGroup .layout3 {
    background-position: 0 -1500px;
}

.chart-layout-PieGroup .layout4 {
    background-position: 0 -1550px;
}

.chart-layout-PieGroup .layout5 {
    background-position: 0 -1600px;
}

.chart-layout-PieGroup .layout6 {
    background-position: 0 -1650px;
}

.chart-layout-PieGroup .layout7 {
    background-position: 0 -1700px;
}

.chart-layout-BarGroup .layout1 {
    background-position: 0 -1750px;
}

.chart-layout-BarGroup .layout2 {
    background-position: 0 -1800px;
}

.chart-layout-BarGroup .layout3 {
    background-position: 0 -1850px;
}

.chart-layout-BarGroup .layout4 {
    background-position: 0 -1900px;
}

.chart-layout-BarGroup .layout5 {
    background-position: 0 -2000px;
}

.chart-layout-BarGroup .layout6 {
    background-position: 0 -2050px;
}

.chart-layout-BarGroup .layout7 {
    background-position: 0 -2100px;
}

.chart-layout-BarGroup .layout8 {
    background-position: 0 -2150px;
}

.chart-layout-BarGroup .layout9 {
    background-position: 0 -2200px;
}

.chart-layout-AreaGroup .layout1 {
    background-position: 0 -2250px;
}

.chart-layout-AreaGroup .layout2 {
    background-position: 0 -2300px;
}

.chart-layout-AreaGroup .layout3 {
    background-position: 0 -2350px;
}

.chart-layout-AreaGroup .layout4 {
    background-position: 0 -2400px;
}

.chart-layout-AreaGroup .layout5 {
    background-position: 0 -2500px;
}

.chart-layout-AreaGroup .layout6 {
    background-position: 0 -2550px;
}

.chart-layout-AreaGroup .layout7 {
    background-position: 0 -2600px;
}

.chart-layout-ScatterGroup .layout1 {
    background-position: 0 -2650px;
}

.chart-layout-ScatterGroup .layout2 {
    background-position: 0 -2700px;
}

.chart-layout-ScatterGroup .layout3 {
    background-position: 0 -2750px;
}

.chart-layout-ScatterGroup .layout4 {
    background-position: 0 -2800px;
}

.chart-layout-ScatterGroup .layout5 {
    background-position: 0 -2850px;
}

.chart-layout-ScatterGroup .layout6 {
    background-position: 0 -2900px;
}

.chart-layout-ScatterGroup .layout7 {
    background-position: 0 -2950px;
}

.chart-layout-ScatterGroup .layout8 {
    background-position: 0 -3000px;
}

.chart-layout-ScatterGroup .layout9 {
    background-position: 0 -3150px;
}

.chart-layout-StockGroup .layout1 {
    background-position: 0 -3200px;
}

.chart-layout-StockGroup .layout2 {
    background-position: 0 -3250px;
}

.chart-layout-StockGroup .layout3 {
    background-position: 0 -3300px;
}

.chart-layout-StockGroup .layout4 {
    background-position: 0 -3400px;
}

.chart-layout-StockGroup .layout5 {
    background-position: 0 -3450px;
}

.chart-layout-RadarGroup .layout1 {
    background-position: 0 -5350px;
}

.chart-layout-RadarGroup .layout2 {
    background-position: 0 -5400px;
}

.chart-layout-RadarGroup .layout3 {
    background-position: 0 -5450px;
}

.chart-layout-RadarGroup .layout4 {
    background-position: 0 -5500px;
}

.chart-layout-SunburstGroup .layout1 {
    background-position: 0 -5600px;
}

.chart-layout-SunburstGroup .layout2 {
    background-position: 0 -5800px;
}

.chart-layout-TreemapGroup .layout1 {
    background-position: 0 -6000px;
}

.chart-layout-TreemapGroup .layout2 {
    background-position: 0 -6100px;
}

.shape-insert-container::after {
    content: url(../images/resize.png);
    display: block;
    position: absolute;
    right: 0px;
    bottom: -4px;
    transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -o-transform: rotate(44deg);
}

.shape-insert-container {
    overflow-y: scroll;
    width: 100%;
    height: 97%;
    max-height: 541px;

}

.shape-insert-container-scroll::-webkit-scrollbar {
    width: 0px
}
.shape-insert-container-scroll{
    -ms-overflow-style: none;
    overflow:-moz-scrollbars-none;
}
.shape-type-list-container,.shape-changeType-list-container,.shape-insert-list-container {
    min-width: 260px;
    width: 241px;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 5px;
}

.shape-insert-item-header {
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
    width: 100%;
    background-color: #ebebeb;
    height: 20px;
    line-height: 20px;
    float: left;
    color: black;
    text-indent: 7px;
}

.shape-insert-item-con {
    width: 100%;
    background-color: white;
}

.shape-insert-item {
    width: 20px;
    height: 20px;
    float: left;
    background-image: url(../images/allShapes.png);
}

.shape-insert-item:hover {
    background-color: #f0f0f0;
}

#reinsert-shape-preview {
    box-sizing: border-box;
    width: 135px;
    height: 60px;
}

.insert-shape-preview-content-host {
    position: relative;
    overflow: hidden;
    margin-top: 4px;
    border: 1px solid gray;
    width: 120px;
    height: 60px;
    float: left;
}

#insert-shape-preview-imgShape {
    width: 120px;
    position: absolute;
    top: 0;
    left: 0;
}

.insert-shape-preview-control-host {
    width: 20px;
    height: 60px;
    float: left;
    display: inline-block;
    margin-top: 4px;
}

.insert-shape-preview-up-button {
    position: relative;
    width: 15px;
    height: 19px;
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    box-sizing: content-box;
}

.insert-shape-preview-up-button:hover {
    background-color: rgb(218, 218, 218);
}

.insert-shape-preview-up-button-icon {
    width: 0px;
    height: 0px;
    margin-left: 4px;
    margin-bottom: -1px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid rgba(0, 0, 0, 0.4);
    display: inline-block;
}

.insert-shape-preview-down-button {
    position: relative;
    width: 15px;
    height: 19px;
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    box-sizing: content-box;
}

.insert-shape-preview-down-button:hover {
    background-color: rgb(218, 218, 218);
}

.insert-shape-preview-down-button-icon {
    width: 0px;
    height: 0px;
    margin-left: 4px;
    margin-top: 8px;
    border-width: 6px 4px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.4) transparent transparent;
    display: inline-block;
}

.insert-shape-preview-Show-all-button {
    position: relative;
    width: 15px;
    height: 20px;
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
    box-sizing: content-box;
}

.insert-shape-preview-Show-all-button:hover {
    background-color: rgb(218, 218, 218);
}

.insert-shape-preview-Show-all-button-icontop {
    position: absolute;
    border-top: solid 1px rgba(0, 0, 0, 0.4);
    width: 8.5px;
    height: 1px;
    left: 1px;
    top: 6px;
    right: 0;
    margin: auto;
}

.insert-shape-preview-Show-all-button-iconbottom {
    width: 0px;
    height: 0px;
    margin-left: 4px;
    margin-top: 9px;
    border-width: 6px 4px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.4) transparent transparent;
    display: inline-block;
}

.insert-shape-preview-shadowBox {
    width: 20px;
    height: 20px;
    z-index: 2222;
    position: absolute;
    background-color: rgba(39, 160, 39, 0.2);
    display: none;
}

.insert-shape-item-noHeadStraight {
    background-position: 0 0;
}

.insert-shape-item-endArrowHeadStraight {
    background-position: -20px 0;
}

.insert-shape-item-beginEndArrowHeadStraight {
    background-position: -40px 0;
}

.insert-shape-item-Elbow {
    background-position: -60px 0;
}

.insert-shape-item-endArrowHeadElbow {
    background-position: -80px 0;
}

.insert-shape-item-beginEndArrowHeadElbow {
    background-position: -100px 0;
}

.insert-shape-item-rectangle {
    background-position: 0 -20px;
}

.insert-shape-item-roundedRectangle {
    background-position: -20px -20px;
}

.insert-shape-item-snip1Rectangle {
    background-position: -40px -20px;
}

.insert-shape-item-snip2SameRectangle {
    background-position: -60px -20px;
}

.insert-shape-item-snip2DiagRectangle {
    background-position: -80px -20px;
}

.insert-shape-item-snipRoundRectangle {
    background-position: -100px -20px;
}

.insert-shape-item-round1Rectangle {
    background-position: 0px -40px;
}

.insert-shape-item-round2SameRectangle {
    background-position: -20px -40px;
}

.insert-shape-item-round2DiagRectangle {
    background-position: -40px -40px;
}

.insert-shape-item-oval {
    background-position: -60px -40px;
}

.insert-shape-item-isoscelesTriangle {
    background-position: -80px -40px;
}

.insert-shape-item-rightTriangle {
    background-position: -100px -40px;
}

.insert-shape-item-parallelogram {
    background-position: 0px -60px;
}

.insert-shape-item-trapezoid {
    background-position: -20px -60px;
}

.insert-shape-item-diamond {
    background-position: -40px -60px;
}

.insert-shape-item-regularPentagon {
    background-position: -60px -60px;
}

.insert-shape-item-hexagon {
    background-position: -80px -60px;
}

.insert-shape-item-heptagon {
    background-position: -100px -60px;
}

.insert-shape-item-octagon {
    background-position: 0px -80px;
}

.insert-shape-item-decagon {
    background-position: -20px -80px;
}

.insert-shape-item-dodecagon {
    background-position: -40px -80px;
}

.insert-shape-item-pie {
    background-position: -60px -80px;
}

.insert-shape-item-chord {
    background-position: -80px -80px;
}

.insert-shape-item-tear {
    background-position: -100px -80px;
}

.insert-shape-item-frame {
    background-position: 0px -100px;
}

.insert-shape-item-halfFrame {
    background-position: -20px -100px;
}

.insert-shape-item-corner {
    background-position: -40px -100px;
}

.insert-shape-item-diagonalStripe {
    background-position: -60px -100px;
}

.insert-shape-item-cross {
    background-position: -80px -100px;
}

.insert-shape-item-plaque {
    background-position: -100px -100px;
}

.insert-shape-item-can {
    background-position: 0px -120px;
}

.insert-shape-item-cube {
    background-position: -20px -120px;
}

.insert-shape-item-bevel {
    background-position: -40px -120px;
}

.insert-shape-item-donut {
    background-position: -60px -120px;
}

.insert-shape-item-noSymbol {
    background-position: -80px -120px;
}

.insert-shape-item-blockArc {
    background-position: -100px -120px;
}

.insert-shape-item-foldedCorner {
    background-position: 0px -140px;
}

.insert-shape-item-smileyFace {
    background-position: -20px -140px;
}

.insert-shape-item-heart {
    background-position: -40px -140px;
}

.insert-shape-item-lightningBolt {
    background-position: -60px -140px;
}

.insert-shape-item-sun {
    background-position: -80px -140px;
}

.insert-shape-item-moon {
    background-position: -100px -140px;
}

.insert-shape-item-cloud {
    background-position: 0px -160px;
}

.insert-shape-item-arc {
    background-position: -20px -160px;
}

.insert-shape-item-doubleBracket {
    background-position: -40px -160px;
}

.insert-shape-item-doubleBrace {
    background-position: -60px -160px;
}

.insert-shape-item-leftBracket {
    background-position: -80px -160px;
}

.insert-shape-item-rightBracket {
    background-position: -100px -160px;
}

.insert-shape-item-leftBrace {
    background-position: 0px -180px;
}

.insert-shape-item-rightBrace {
    background-position: -20px -180px;
}

.insert-shape-item-upDownArrowCallout {
    background-position: -40px -180px;
}

.insert-shape-item-actionButtonHome {
    background-position: -60px -180px;
}

.insert-shape-item-actionButtonHelp {
    background-position: -80px -180px;
}

.insert-shape-item-actionButtonInformation {
    background-position: -100px -180px;
}

.insert-shape-item-actionButtonBackorPrevious {
    background-position: 0px -200px;
}

.insert-shape-item-actionButtonForwardorNext {
    background-position: -20px -200px;
}

.insert-shape-item-actionButtonBeginning {
    background-position: -40px -200px;
}

.insert-shape-item-actionButtonEnd {
    background-position: -60px -200px;
}

.insert-shape-item-actionButtonReturn {
    background-position: -80px -200px;
}

.insert-shape-item-actionButtonDocument {
    background-position: -100px -200px;
}

.insert-shape-item-actionButtonSound {
    background-position: 0px -220px;
}

.insert-shape-item-actionButtonMovie {
    background-position: -20px -220px;
}

.insert-shape-item-flowchartOfflineStorage {
    background-position: -40px -220px;
}

.insert-shape-item-leftRightRibbon {
    background-position: -60px -220px;
}

.insert-shape-item-chartStar {
    background-position: -80px -220px;
}

.insert-shape-item-chartPlus {
    background-position: -100px -220px;
}

.insert-shape-item-lineInverse {
    background-position: 0px -240px;
}

.insert-shape-item-leftCircularArrow {
    background-position: -20px -240px;
}

.insert-shape-item-leftRightCircularArrow {
    background-position: -40px -240px;
}

.insert-shape-item-swooshArrow {
    background-position: -60px -240px;
}

.insert-shape-item-chartX {
    background-position: -80px -240px;
}

.insert-shape-item-gear6 {
    background-position: -100px -240px;
}

.insert-shape-item-gear9 {
    background-position: 0px -260px;
}

.insert-shape-item-funnel {
    background-position: -20px -260px;
}

.insert-shape-item-pieWedge {
    background-position: -40px -260px;
}

.insert-shape-item-nonIsoscelesTrapezoid {
    background-position: -60px -260px;
}

.insert-shape-item-cornerTabs {
    background-position: -80px -260px;
}

.insert-shape-item-squareTabs {
    background-position: -100px -260px;
}

.insert-shape-item-plaqueTabs {
    background-position: 0px -280px;
}

.insert-shape-item-rightArrow {
    background-position: -20px -280px;
}

.insert-shape-item-leftArrow {
    background-position: -40px -280px;
}

.insert-shape-item-upArrow {
    background-position: -60px -280px;
}

.insert-shape-item-downArrow {
    background-position: -80px -280px;
}

.insert-shape-item-leftRightArrow {
    background-position: -100px -280px;
}

.insert-shape-item-upDownArrowCallout {
    background-position: -40px -180px;
}

.insert-shape-item-upDownArrow {
    background-position: 0px -300px;
}

.insert-shape-item-quadArrow {
    background-position: -20px -300px;
}

.insert-shape-item-leftRightUpArrow {
    background-position: -40px -300px;
}

.insert-shape-item-bentArrow {
    background-position: -60px -300px;
}

.insert-shape-item-uTurnArrow {
    background-position: -80px -300px;
}

.insert-shape-item-leftUpArrow {
    background-position: -100px -300px;
}

.insert-shape-item-bentUpArrow {
    background-position: 0px -320px;
}

.insert-shape-item-curvedRightArrow {
    background-position: -20px -320px;
}

.insert-shape-item-curvedLeftArrow {
    background-position: -40px -320px;
}

.insert-shape-item-curvedUpArrow {
    background-position: -60px -320px;
}

.insert-shape-item-curvedDownArrow {
    background-position: -80px -320px;
}

.insert-shape-item-stripedRightArrow {
    background-position: -100px -320px;
}

.insert-shape-item-notchedRightArrow {
    background-position: 0px -340px;
}

.insert-shape-item-pentagon {
    background-position: -20px -340px;
}

.insert-shape-item-chevron {
    background-position: -40px -340px;
}

.insert-shape-item-rightArrowCallout {
    background-position: -60px -340px;
}

.insert-shape-item-downArrowCallout {
    background-position: -80px -340px;
}

.insert-shape-item-leftArrowCallout {
    background-position: -100px -340px;
}

.insert-shape-item-upArrowCallout {
    background-position: 0px -360px;
}

.insert-shape-item-leftRightArrowCallout {
    background-position: -20px -360px;
}

.insert-shape-item-quadArrowCallout {
    background-position: -40px -360px;
}

.insert-shape-item-circularArrow {
    background-position: -60px -360px;
}

.insert-shape-item-mathPlus {
    background-position: -80px -360px;
}

.insert-shape-item-mathMinus {
    background-position: -100px -360px;
}

.insert-shape-item-mathMultiply {
    background-position: 0px -380px;
}

.insert-shape-item-mathDivide {
    background-position: -20px -380px;
}

.insert-shape-item-mathEqual {
    background-position: -40px -380px;
}

.insert-shape-item-mathNotEqual {
    background-position: -60px -380px;
}

.insert-shape-item-flowchartProcess {
    background-position: -80px -380px;
}

.insert-shape-item-flowchartAlternateProcess {
    background-position: -100px -380px;
}

.insert-shape-item-flowchartDecision {
    background-position: -0px -400px;
}

.insert-shape-item-flowchartData {
    background-position: -20px -400px;
}

.insert-shape-item-flowchartPredefinedProcess {
    background-position: -40px -400px;
}

.insert-shape-item-flowchartInternalStorage {
    background-position: -60px -400px;
}

.insert-shape-item-flowchartDocument {
    background-position: -80px -400px;
}

.insert-shape-item-flowchartMultidocument {
    background-position: -100px -400px;
}

.insert-shape-item-flowchartTerminator {
    background-position: 0px -420px;
}

.insert-shape-item-flowchartPreparation {
    background-position: -20px -420px;
}

.insert-shape-item-flowchartManualInput {
    background-position: -40px -420px;
}

.insert-shape-item-flowchartManualOperation {
    background-position: -60px -420px;
}

.insert-shape-item-flowchartConnector {
    background-position: -80px -420px;
}

.insert-shape-item-flowchartOffpageConnector {
    background-position: -100px -420px;
}

.insert-shape-item-flowchartCard {
    background-position: 0px -440px;
}

.insert-shape-item-flowchartPunchedTape {
    background-position: -20px -440px;
}

.insert-shape-item-flowchartSummingJunction {
    background-position: -40px -440px;
}

.insert-shape-item-flowchartOr {
    background-position: -60px -440px;
}

.insert-shape-item-flowchartCollate {
    background-position: -80px -440px;
}

.insert-shape-item-flowchartSort {
    background-position: -100px -440px;
}

.insert-shape-item-flowchartExtract {
    background-position: 0px -460px;
}

.insert-shape-item-flowchartMerge {
    background-position: -20px -460px;
}

.insert-shape-item-flowchartStoredData {
    background-position: -40px -460px;
}

.insert-shape-item-flowchartDelay {
    background-position: -60px -460px;
}

.insert-shape-item-flowchartSequentialAccessStorage {
    background-position: -80px -460px;
}

.insert-shape-item-flowchartMagneticDisk {
    background-position: -100px -460px;
}

.insert-shape-item-flowchartDirectAccessStorage {
    background-position: 0px -480px;
}

.insert-shape-item-flowchartDisplay {
    background-position: -20px -480px;
}

.insert-shape-item-shape8pointStar {
    background-position: -40px -480px;
}

.insert-shape-item-explosion2 {
    background-position: -60px -480px;
}

.insert-shape-item-shape4pointStar {
    background-position: -80px -480px;
}

.insert-shape-item-shape5pointStar {
    background-position: -100px -480px;
}

.insert-shape-item-star6Point {
    background-position: 0px -500px;
}

.insert-shape-item-star7Point {
    background-position: -20px -500px;
}

.insert-shape-item-shape8pointStar {
    background-position: -40px -500px;
}

.insert-shape-item-star10Point {
    background-position: -60px -500px;
}

.insert-shape-item-star12Point {
    background-position: -80px -500px;
}

.insert-shape-item-shape16pointStar {
    background-position: -100px -500px;
}

.insert-shape-item-shape24pointStar {
    background-position: 0px -520px;
}

.insert-shape-item-shape32pointStar {
    background-position: -20px -520px;
}

.insert-shape-item-upRibbon {
    background-position: -40px -520px;
}

.insert-shape-item-downRibbon {
    background-position: -60px -520px;
}

.insert-shape-item-curvedUpRibbon {
    background-position: -80px -520px;
}

.insert-shape-item-curvedDownRibbon {
    background-position: -100px -520px;
}

.insert-shape-item-verticalScroll {
    background-position: 0px -540px;
}

.insert-shape-item-horizontalScroll {
    background-position: -20px -540px;
}

.insert-shape-item-wave {
    background-position: -40px -540px;
}

.insert-shape-item-doubleWave {
    background-position: -60px -540px;
}

.insert-shape-item-rectangularCallout {
    background-position: -80px -540px;
}

.insert-shape-item-roundedRectangularCallout {
    background-position: -100px -540px;
}

.insert-shape-item-ovalCallout {
    background-position: 0px -560px;
}

.insert-shape-item-cloudCallout {
    background-position: -20px -560px;
}

.insert-shape-item-lineCallout2 {
    background-position: -40px -560px;
}

.insert-shape-item-lineCallout3 {
    background-position: -60px -560px;
}

.insert-shape-item-lineCallout4 {
    background-position: -80px -560px;
}

.insert-shape-item-lineCallout2AccentBar {
    background-position: -100px -560px;
}

.insert-shape-item-lineCallout3AccentBar {
    background-position: 0px -580px;
}

.insert-shape-item-lineCallout4AccentBar {
    background-position: -20px -580px;
}

.insert-shape-item-lineCallout2NoBorder {
    background-position: -40px -580px;
}

.insert-shape-item-lineCallout3NoBorder {
    background-position: -60px -580px;
}

.insert-shape-item-lineCallout4NoBorder {
    background-position: -80px -580px;
}

.insert-shape-item-lineCallout2BorderandAccentBar {
    background-position: -100px -580px;
}

.insert-shape-item-lineCallout3BorderandAccentBar {
    background-position: 0px -600px;
}

.insert-shape-item-lineCallout4BorderandAccentBar {
    background-position: -20px -600px;
}

.insert-shape-item-explosion1 {
    background-position: -40px -600px;
}

.shape-style-preview-con{
    position: relative;
    width: 450px;
    height: 70px;
    box-sizing: content-box;
}
.shape-style-preview-shape-host{
    position: relative;
    width: 420px;
    height: 60px;
    border: 1px solid lightgray;
    box-sizing: content-box;
    margin-top: 4px;
    margin-left: 3px;
    float: left;
}

.shape-style-preview-all-shape-content{
    margin-left: 15px;
}
.shape-style-preview-backGround-item{
    width: 60px;
    height: 60px;
    background-color: white;
    box-sizing: border-box;
    border: 6px solid white;
    float: left;
    position: relative;
}
.shape-style-preview-backGround-item:hover{
    border: 6px solid rgb(211,240,224)!important;

}
.shape-style-preview-autoshape-item{
    width:40px;
    height: 40px;
    border:1px solid red;
    border-radius: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 32px;
    text-align: center;
}
.shape-style-preview-line-item{
    width: 0;
    height: 40px;
    box-sizing: border-box;
    border: 0.6px solid red;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
}
.shape-style-preview-connectorshape-item{
    width: 0;
    height: 40px;
    box-sizing: border-box;
    border: 0.6px solid red;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
}

.shape-style-preview-connectorshape-item::before{
    content: '';
    width: 9px;
    height: 0;
    border: inherit;
    transform: translate(-7px,34px) rotate(60deg);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.shape-style-preview-connectorshape-item::after{
    content: '';
    width: 9px;
    height: 0;
    border: inherit;
    transform: translate(-3px,34px) rotate(120deg);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.tool-b::before{
    content: '';
    border: inherit;
    width: 9px;
    height: 0;
    transform: translate(-3px,4px) rotate(60deg);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.tool-b::after{
    content: '';
    border: inherit;
    width: 9px;
    height: 0;
    transform: translate(-7px,4px) rotate(120deg);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.shape-style-preview-button-host{
    width: 20px;
    height: 60px;
    float: left;
    display: inline-block;
    margin-top: 4px;
}
.shape-style-preview-up-button{
    position: relative;
    width: 15px;
    height: 19px;
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    box-sizing: content-box;
}
.shape-style-preview-up-button:hover{
    background-color: rgb(218,218,218);
}
.shape-style-preview-up-button-icon{
    width: 0px;
    height: 0px;
    margin-left: 4px;
    margin-bottom: -1px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid rgba(0, 0, 0, 0.4);
    display: inline-block;
}
.shape-style-preview-down-button{
    position: relative;
    width: 15px;
    height: 19px;
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    box-sizing: content-box;
}
.shape-style-preview-down-button:hover{
    background-color: rgb(218,218,218);
}
.shape-style-preview-down-button-icon{
    width: 0px;
    height: 0px;
    margin-left: 4px;
    margin-top: 8px;
    border-width: 6px 4px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.4) transparent transparent;
    display: inline-block;
}
.shape-style-preview-Show-all-button{
    position: relative;
    width: 15px;
    height: 20px;
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
    box-sizing: content-box;
}
.shape-style-preview-Show-all-button:hover{
  background-color: rgb(218,218,218);
}
.shape-style-preview-Show-all-button-icontop {
    position: absolute;
    border-top: solid 1px rgba(0, 0, 0, 0.4);
    width: 8.5px;
    height: 1px;
    left: 0px;
    top: 6px;
    right: 0;
    /* bottom: 0; */
    margin: auto;
}

.shape-style-preview-Show-all-button-iconbottom{
    width: 0px;
    height: 0px;
    margin-left: 4px;
    margin-top: 9px;
    border-width: 6px 4px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.4) transparent transparent;
    display: inline-block;
}
.shape-style-preview-all-shape-header1{
    width: 100%;
    background-color: #ebebeb;
    height: 20px;
    line-height: 20px;
    float:left;
    color:black;
    text-indent: 16px;
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
}
#ribbon-shape-all-style-list-popup{
    background-color: #ffffff;
    width:460px;
    box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 5px;

}