/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/


:root {
  --jp-private-csvwidget-toolbar-height: 24px;
}

.jp-CSVWidget {
  display: flex;
  flex-direction: column;
  outline: none;
}

.jp-CSVWidget-toolbar {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
    /* Add the border width because this is border-box sized */
    height: calc(var(--jp-private-csvwidget-toolbar-height) + var(--jp-border-width));
    background: var(--jp-layout-color1);
}

.jp-CSVWidget-toolbar span {
    color: var(--jp-ui-font-color1);
    font-size: var(--jp-ui-font-size1);
    line-height: var(--jp-private-csvwidget-toolbar-height);
    padding-left: 8px;
    padding-right: 8px;
}

.jp-CSVWidget-toolbar select {
    background: transparent;
}

.jp-CSVToolbar .jp-CSVToolbar-dropdown {
    flex: 0 0 auto;
    padding-left: 8px;
    padding-right: 8px;
    vertical-align: middle;
    border: var(--jp-border-width) solid var(--jp-border-color1);
    border-radius: 0;
    outline: none;
    width: 60px;
    height: 20px;
    font-size: var(--jp-ui-font-size0);
    color: var(--jp-ui-font-color1);
    margin-top: 2px;
    margin-bottom: 2px;
}


.jp-CSVTable {
  flex: 1 1 auto;
  overflow: auto;
}

.jp-CSVTable.jp-RenderedHTMLCommon table {
  margin-left: 0px;
  margin-right: 0px;
}


.jp-CSVWidget-warning {
  flex: 0 0 auto;
  padding-left: 4px;
  overflow: auto;
  color: var(--jp-warn-color1);
  line-height: 1.5;
  font-size: var(--jp-ui-font-size1);
}