

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace; 
}

.ReactTable .rt-thead {
  overflow-y: scroll;
}

html,body
{
    height: 100%;
    margin: 0;
    padding: 0;
    overflow:hidden;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

#root  {
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    position:absolute;
    display:flex;
    display:-webkit-flex;
    overflow:hidden;
    background-color: black;
}

::-webkit-scrollbar { width: 8px; height: 8px;}
::-webkit-scrollbar-button {  background-color: #ddd; }
::-webkit-scrollbar-track {  background-color: #efefef;}
::-webkit-scrollbar-track-piece { background-color: #eee;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #ccc; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #fff;}
::-webkit-resizer { background-color: #999;}

.app
{
    display:flex;
    flex-direction: column;
    flex-grow:1;
    display:-webkit-flex;
    -webkit-flex-direction: column;
    -webkit-flex-grow:1;
}

.toolbar
{
    margin:0px;
}

.contents 
{
    flex-grow:1;
    -webkit-flex-grow:1;
    left:0;
    top:0;
    right:0;
    bottom:0;
    position:relative;
    border:0px solid #ddd;
}
