.compliance {
    height: 88vh;
    width: 90vw;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    padding: 2vh 2vw;
}

.compliance-tabs {
  font-size: 2.2rem;
  height: 5vh;
  line-height: 5vh;
  text-align: center;
}
.compliance-tabs-selected {
  background-color: rgb(57, 56, 56);
}

.compliance-tabs:hover {
  background-color: rgb(57, 56, 56);
}

#compliance-left-nav {
  color: white; 
  background-color: rgb(44, 43, 43);
  border-right: 2px solid black;
  flex: 1;
}

#compliance-left-nav > .compliance-tabs-selected {
  border-left: 2px solid rgb(10, 122, 195);
}

#compliance-right-section {
  color: white;
  background-color: rgb(44, 43, 43);
  flex:  10;
  padding: 2vh 2vw;
  position: relative;
}


#compliance-right-section .compliance-tabs {  
  display: inline-block;
  border: 1px solid black;
  width: 8vw;
  min-width: fit-content;
}

#compliance-right-section .compliance-tabs-selected {
  border: none;
  border-bottom: 2px solid rgb(10, 122, 195);
}

#compliance-right-content{
  border: 1px solid rgb(69, 69, 69);
  border-right: none;
  overflow-y: auto;
  font-size: 1.7rem;
}