/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-sortable {
  border: 1px solid #8d8d8d;
  margin: 0 0 10px;
  overflow-y: auto; }
  .gio-sortable__list {
    background-color: #f3f9f3;
    height: 100%;
    margin: 0;
    padding: 0; }
  .gio-sortable__item {
    align-items: center;
    background-color: #ffffff;
    border-bottom: 1px solid #d1d1d1;
    cursor: grab;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0 10px; }
    .gio-sortable__item .gio-button {
      flex-shrink: 0;
      margin-left: 10px; }
    .gio-sortable__item .gio-toggle.switch {
      height: auto; }
    .gio-sortable__item .gio-button:not(:hover) .gio-sortable__lock-icon {
      fill: #d1d1d1; }
    .gio-sortable__item:last-child {
      border-bottom: 0; }
    .gio-sortable__item:hover {
      background-color: #e6f2f3; }
    .gio-sortable__item:active {
      cursor: grabbing; }
  .gio-sortable__row {
    background-color: #fdecb6 !important;
    box-shadow: 0 2px 2px #bababa;
    cursor: grabbing;
    pointer-events: auto !important;
    z-index: 1100; }
  .gio-sortable__group {
    align-items: center;
    display: flex;
    flex-grow: 1;
    padding: 10px 0; }
  .gio-sortable__sortable-icon {
    margin: 0 10px 0 0; }
  .gio-sortable__drag-reorder {
    max-height: 16px;
    max-width: 16px;
    width: 16px;
    fill: #8d8d8d; }
  .gio-sortable__value {
    line-height: 15px; }
  .gio-sortable--disabled .gio-sortable__item {
    cursor: default; }
    .gio-sortable--disabled .gio-sortable__item:hover {
      background-color: #ffffff; }