.secMain{
  height:calc(100vh - 10px);
  overflow: auto;
  border:1px solid gray;
  border-radius: 10px;
  border-color:black;
  background: linear-gradient(120deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 0.64) 54%, rgba(30, 84, 61, 1) 100%);
  border:1px solid black;
}
.secMenu{
  width:calc(100vw - 10px);
  height:40px;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  text-wrap: nowrap;
  border:1px solid black;
  color:white;
  opacity:0.8;
  background: linear-gradient(180deg,rgba(106, 107, 107, 1) 0%, rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 1) 50%);
}
.secMenuFlexRow{
  display:flex;flex-flow: row;
}
.secContent {
  width:calc(100vw - 2px);
  height:calc(100vh - 84px);
  display: flex;
  flex-flow: row wrap;
  overflow: auto;
  text-wrap: nowrap;
  color: #aaaaaa;
}
.secLogin{
  padding:4px;
  background:black;
  opacity: 0.8;
  border:1px solid gray;border-radius: 5px;padding:2px;margin:4px;
  font-size: 20px;
  text-decoration: none;
}
.secLogin input{
  border:1px solid white;
  border-radius: 4px;
  margin:0 2px 0;
  padding:0 2px 0;
}
.secContentBasic {
  width:calc(100vw - 2px);
  height:calc(100vh - 84px);
  display: flex;
  flex-wrap: wrap;
  color: #aaaaaa;
}
.secNav{
  width:260px;
  height:calc(100vh - 94px);
  display: flex;
  flex-flow: column nowrap;
  overflow-heigth:auto;
  overflow-width:visible;
  text-wrap: nowrap;
  padding: 4px;
  color: #aaaaaa;
}
.secBody{
  width:calc(100vw - 264px);
  height:calc(100vh - 84px);
  display: flex;
  flex-flow: row;
  overflow: auto;
  text-wrap: nowrap;
  padding: 4px;
  color: #aaaaaa;
}

.secMap{width:100%;}
.secSub{
  min-height:100px;
  width:100%;padding:4px;

  background:black;
  opacity: 0.8;
  display: flex;
  flex-flow: column nowrap;
  border:1px solid gray;border-radius: 5px;padding:2px;margin:4px;
}

.secBodyBorders{width:100vw;height:calc(100vh - 0px);}