#bodycontainer{
  width: 100vw;
  margin: 0px;
  padding-left: 5vw;
  padding-right: 5vw;
}

.container-fluid .row .col-sm-8{
  padding: 0px;
}

.container-fluid .row .col-sm-8 .row{
  border-top: 5px solid #fdc117;
  margin-top: 5vh;
  padding: 30px 30px 20px;
  background-color: white;
}

.container-fluid .row .col-sm-8 .row a{
  background-color: #fdc117;
    color: black;
}

.container-fluid .row .col-sm-8 .row p ol li{
  padding-bottom: 2px;
}

@media (max-width: 1000px){
  .container-fluid .row .col-sm-8{
      width: 80vw;
  }

  .container-fluid .row .col-sm-8 .row{
      padding: 2vw;
      margin-left: 0px;
  }
}

.container-fluid .row .col-sm-8 .row h2{
  color: #3b4251;
  font-size: 28px;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  text-align: center;
}

.container-fluid .row .col-sm-8 .row h4{
  color: #3b4251;
  font-size: 14px;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  padding-left: 1vw;
}

.container-fluid .row .col-sm-8 .row .container-fluid{
  background-color: white;
  font-size: 14px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.container-fluid .row .col-sm-8 .row .container-fluid p{
  margin-bottom: 20px;
}

.container-fluid .row .col-sm-8 .row .container-fluid table thead tr th{
  padding: 20px;
  background-color: #f6f6f6;
  border: 1px solid rgba(153, 153, 153, 0.2);
}

.container-fluid .row .col-sm-8 .row .container-fluid table tbody tr td{
  padding: 10px 20px;
  border: 1px solid black;
}

.container-fluid .row .col-sm-8 .row .container-fluid table tbody tr td ul{
  list-style-type: square;
}
.container-fluid .row .col-sm-8 .row .container-fluid table tbody tr td ul li{
  margin: 1vh;
}

@media (max-width: 500px){
  .container-fluid .row .col-sm-8{
      padding:0px;
  }

  .container-fluid .row .col-sm-8 .row .container-fluid{
      padding:0px;
  }

  .container-fluid .row .col-sm-8 .row .container-fluid table tbody tr td{
      padding: 5px 10px;
      border: 1px solid rgba(153, 153, 153, 0.2);
  }
}

#painted{
  background-color: #f6f6f6;
}


.container-fluid .row .col-sm-3{
  margin-top: 7vw;
  margin-left: 3vw;
}

.container-fluid .row .col-sm-3 .sidebar{
  display: block;
  background-color: white;
  width: 20vw;
  padding-top: 4vw;
  padding-bottom: 6vw;
  padding-left: 4vw;
  padding-right: 4vw;
  position: fixed;
  top: 20vh;
  left: 80vw;
}


@media (max-width: 500px){
  .container-fluid .row .col-sm-8{
      padding:0px;
  }

  .container-fluid .row .col-sm-8 .row .container-fluid{
      padding:0px;
  }

  .container-fluid .row .col-sm-8 .row .container-fluid table tbody tr td{
      padding: 5px 10px;
      border: 1px solid rgba(153, 153, 153, 0.2);
  }
}


.container-fluid .row .col-sm-3 .sidebar .row{
  border-bottom: 1px solid rgba(153, 153, 153, 0.2);
  border-left: 1px solid rgba(153,153,153, 0.2);
  color: #333333;
  font-size: 14px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  padding-left: 1vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.container-fluid .row .col-sm-3 .sidebar #activerow{
  border-bottom: 1px solid rgba(153, 153, 153, 0.2);
  border-top :1px solid rgba(153, 153, 153, 0.2);
  border-left: 4px solid #fdc117;
  color: #fdc117;
  padding-left: 1vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.container-fluid .row .col-sm-3 .sidebar a:hover{
  text-decoration: none;
}

@media (max-width: 575px){

  .container-fluid .row{
      padding-left: 5vw;
  }

  .container-fluid .row .col-sm-3{
      margin:0;
      margin-top: 2vh;
      width: 80vw;
      margin-left: 0px;
      padding-left: 0px;
  }

  .container-fluid .row .col-sm-3 .sidebar{
      width: 84vw;
  }

  .container-fluid .row .col-sm-3 .row{
      width: 60vw;
      margin-left: 2vw;
  }
}