/* 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(../lib/jquery-ui/css/smoothness/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-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-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-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-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;
}
