@import './variables.scss';


.html, body {
  margin: 0;
  padding: 0;
}

body {
  overflow-x:hidden;
}
.grid.MainApp.HistoryGrid{
  display: grid;
  grid-template: "column-left menuLeft menuRight" auto 
                 "column-left history history " minmax(0, 1fr)
                  / .5fr minmax(0,1fr) .7fr;
  height: calc(100vh);
}
.grid.MainApp.RequestTask {
  /*
  display: grid;
  grid-template: "column-left menuLeft menuRight" auto 
                 "column-left col-3 col-3" minmax(0, 1fr)
                  / .5fr minmax(0,1fr) .7fr;
  height: calc(100vh);
  */

}

.grid.MainApp {
  /*
  display: grid;
  grid-template: "column-left menuLeft menuRight" auto 
                 "column-left col-2  col-2" .7fr
                 "column-left col-3  col-3" minmax(0,1fr)
                  / .5fr minmax(0,1fr) .7fr;
  height: calc(100vh);
  background-color:$mainBackgroundColor;
  */
}

.header {
  grid-area: header;
  background-color: white;
}

div.ui.menu{
  min-height:0px;
}
div.NavMenu {
}

.col, .column {
  overflow: auto;
}

.column-left {
}
.col-2 {
  grid-area: col-2;
  background-color: white;
  //border-left:$sectionBorder
}
.col-3 {
  grid-area: col-3;
  background-color: white;
  //border-right:$subsectionBorder;
  //border:$subsectionBorder;
  border:5px solid $darkBlue;
}
.col-4 {
  grid-area:col-4;
  //margin-top:$mainSpacing;
  //border-top:$subsectionBorder;
  //border-left:$subsectionBorder;
  background-color:$grey5;
  //margin-right:$mainSpacing;
}
div.ui.tabular.menu{
  border:none;
}

.RunResultHeaderArea{
  grid-area:RunResultHeaderArea;
  background-color:$grey5;
}
#root {
  height:100%;
  display:flex;
  flex-direction:column;
}
.gutter.gutter-vertical{
  cursor:row-resize;
}
.gutter.gutter-horizontal {
  cursor:col-resize;
  background-color:#ebebeb;
}
.isBackdropActivated{
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  background:#4d4d4d9c;
  width:100%;
  height:100%;
}