﻿.grid-tworows-auto-20px {
  display: grid;
  height: 100%;
  grid-template-rows: auto 20px;
}

.panel-set-full {
  height: 100vh;
}

.panel-left-50 {
  background-color: transparent;
  float: left;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
}

.panel-left-55 {
  background-color: transparent;
  float: left;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  width: 55%;
}

.panel-left-60 {
  background-color: transparent;
  float: left;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  width: 60%;
}

.panel-left-70 {
  background-color: transparent;
  float: left;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  width: 70%;
}

.panel-right-30 {
  background-color: transparent;
  float: right;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  width: 30%;
}

.panel-right-40 {
  background-color: transparent;
  float: right;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  width: 40%;
}

.panel-right-45 {
  background-color: transparent;
  float: right;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  width: 45%;
}

.panel-right-50 {
  background-color: transparent;
  float: right;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
}

.panel-middle-10 {
  background-color: transparent;
  margin-left: 10%;
  margin-right: 10%;
}

.panel-middle-20 {
  background-color: transparent;
  margin-left: 20%;
  margin-right: 20%;
}
