.container {
    width: auto;
    float: left;
    padding: 6px;
}

.v-messages {
    display: none;
}

.v-input--radio-group, .v-input--checkbox {
    padding-top: 0;
    margin-top: 0;
}

.v-label {
    font-size: .875rem;
    color: #000 !important;
}

.v-list-item__title {
    font-size: .875rem;
}

.v-list-item {
    min-height: 36px;
}
  
.cls-shape, .cls-wordshop, .cls-chart, .cls-layout, .cls-table, .cls-thumb, .cls-icon, .cls-bar {
    float:left;
    margin:4px;
    cursor:pointer;
    display: table-cell;
  }
  
.cls-shape-line {
    background-image: url(img/shape/image_group_shape_line.png);
    width: 16px;
    height: 16px;
  }
  
  .cls-shape-rect {
    background-image: url(img/shape/image_group_shape_rect.png);
    width: 16px;
    height: 16px;
  }
  
  .cls-shape-shape {
    background-image: url(img/shape/image_group_shape_base.png);
    width: 16px;
    height: 16px;
  }
  
  .cls-shape-arrow {
    background-image: url(img/shape/image_group_shape_arrow.png);
    width: 16px;
    height: 16px;
  }
  
  .cls-shape-math {
    background-image: url(img/shape/image_group_shape_math.png);
    width: 16px;
    height: 16px;
  }
  
  .cls-shape-sw {
    background-image: url(img/shape/image_group_shape_flowchart.png);
    width: 16px;
    height: 16px;
  }
  
  .cls-shape-star {
    background-image: url(img/shape/image_group_shape_star.png);
    width: 16px;
    height: 16px;
  }
  
  .cls-shape-indi {
    background-image: url(img/shape/image_group_shape_callout.png);
    width: 16px;
    height: 16px;
  }
  
  .cls-wordshop {
    background-image: url(img/wordshop_style.png);
    width: 50px;
    height: 50px;
  }
  
  .cls-chart {
    width: 68px;
    height: 50px;
  }
  
  .cls-chart-hbar {
    background-image: url(img/chart/chart_bar_bar.png);
  }
  
  .cls-chart-vbar {
    background-image: url(img/chart/chart_bar_col.png);
  }
  
  .cls-chart-area {
    background-image: url(img/chart/chart_line_area.png);
  }
  
  .cls-chart-circle {
    background-image: url(img/chart/chart_pie.png);
  }
  
  .cls-chart-scatter {
    background-image: url(img/chart/chart_scatter.png);
  }
  
  .cls-chart-etc {
    background-image: url(img/chart/chart_etc.png);
  }
  
  .cls-icon {
    width: 40px;
    height: 40px;
  }
  
  .cls-gradation {
    background-image: url(img/condi/DATABAR_GRADATION.png);
  }
  
  .cls-non-gradation {
    background-image: url(img/condi/DATABAR_NONGRADATION.png);
  }
  
  .cls-gradation-box {
    background-image: url(img/condi/GRADATION.png);
  }
  
  .cls-bar {
    width: 120px;
    height: 24px;
  }
  
  .cls-iconbar {
    background-image: url(img/condi/ICONSET_HORZ.png);
  }

  .v-menu__content {
    max-width: 600px;
  }

  .cls-margin4 {
    margin:4px;
  }

  .v-expansion-panel-content__wrap {
    padding:0;
  }

.v-btn:not(.v-btn--round).v-size--default {
  padding: 0 10px;
}

.cont-status {
  position: absolute;
  border:0;
  height:40px;
  left:0;
  right:0;
  bottom:1px;
}

.cls-status-ctrl-left {
  height:100%;
  width:32px;
  float: left;
  color:#000;
  text-align: center;
  padding: 2px;
}

.cls-status-ctrl-right {
  height:100%;
  width:32px;
  float: right;
  color:#000;
  text-align: center;
  padding: 2px;
}

.cls-scale-cont {
  position: absolute;
  bottom: 8px;
  right: 4px;
}

.scale-slide{
  width: 100%;
  height: 2px;
  background-color: #aaa;
  border-radius: 8px;
  outline: none;
  transition: background 450ms ease-in;
  vertical-align: middle;
  -webkit-appearance: none;
  accent-color: #aaa;
  margin-top: 0;
}

.gutter {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
}

.gutter.gutter-vertical {
  cursor: row-resize;
  background-image: url('grips/horizontal.png');
}

.gutter {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
}

.gutter.gutter-vertical {
  cursor: row-resize;
  background-image: url('grips/horizontal.png');
}

.cls-cell-rect, .cls-header-rect {
  text-align: center;
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
}

.cls-header-rect {
  background-color: #eee;
}

.cont-vscroll {
  position: absolute;
  top: 46px;
  left: calc(100% - 18px);
  right: 4px;
  bottom: 29px;
  border: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
.cont-vscroll-dummy {
  position: absolute;
  top: 24px;
  left: calc(100% - 1px);
  right: -1px;
  bottom: -116px;
  border: 0;
}
.cont-hscroll {
  position: absolute;
  left: 50%;
  top: calc(100% - 30px);
  right: 200px;
  bottom: 13px;
  overflow-x: scroll;
  border: 1px solid #aaa;
  z-index: 100;
  overflow-y: hidden;
}
.cont-hscroll-dummy {
  position: absolute;
  top: 0;
  left: 0;
  right: -60px;
  bottom: -1px;
  border: 0;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.x-spreadsheet-toolbar, .x-spreadsheet-sheet, .x-spreadsheet-print {
  display:none;
}