/**
 * Copyright © INOVUA TRADING.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

@import './variables.scss';

.InovuaReactDataGrid--theme-#{$DATAGRID_THEME_NAME} {
  .inovua-react-toolkit-load-mask__loader-container {
    .InovuaReactDataGrid__loading-wrapper {
      margin-top: 16px;
      .InovuaReactDataGrid__loading-text {
        font-weight: 500;
        color: $INOVUA_DATAGRID_FONT_COLOR;
      }
    }
  }

  .InovuaReactDataGrid__load-mask--live-pagination {
    background: none;
  }

  .inovua-react-pagination-toolbar {
    flex: none;
  }

  .inovua-react-pagination-toolbar.inovua-react-pagination-toolbar--theme-#{$DATAGRID_THEME_NAME} {
    border-top: 1px solid $INOVUA_DATAGRID_BORDER_COLOR;
    border-bottom: none;
    border-left: none;
    border-right: none;
  }

  // .InovuaReactDataGrid__column-header__filter--select__scroller {
  //   &.inovua-react-scroll-container__scroller {
  //     outline: none;

  //     &::-webkit-scrollbar {
  //       width: 14px;
  //     }

  //     &::-webkit-scrollbar-thumb {
  //       box-shadow: inset 0 0 0 10px $INOVUA_SCROLL_CONTAINER_THUMB_COLOR;
  //       border: 4px solid transparent;
  //       border-radius: 10px;
  //     }

  //     &::-webkit-scrollbar-corner {
  //       background: transparent;
  //     }

  //     &::-webkit-scrollbar-button {
  //       display: none;
  //     }
  //   }
  // }

  .inovua-react-toolkit-radio-button {
    margin-bottom: 0;
  }

  .InovuaReactDataGrid__checkbox {
    margin: 3px;
  }
}