* {
    box-sizing: border-box;
    text-align: left;
}

.banner {
    margin-bottom: 1em;
}
.padlocbody {
    margin: 0px;
}

.sidebar-nav {
    margin-top: 20px;
    list-style: none;
}

.sidebarcontrol {
    background-color: #333;
    margin-bottom: 5px;
}

.row { margin: 0px; }
.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
  font: 12pt sans-serif;
}

.col-1 {width: 14.29%;}
.col-2 {width: 28.57%;}
.col-3 {width: 42.86%;}
.col-4 {width: 57.14%;}
.col-5 {width: 71.43%;}
.col-6 {width: 85.71%;}
.col-7 {width: 100%;}

.svg-container {
    width: 80vw;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    min-width: 100vw;
    padding: 0px;
    margin: 0px;
  } 

  .sidenav{
    max-width: none;
    #min-height: 150px;
    #max-height: 150px;
  }

  .main { position: static; padding-top: 5px; }

  .sidenav a {
    display: inline;
  }

  .banner {
    max-width: 92vw;
  }
}

@media only screen and (min-width: 769px) {
  .sidenav {
    height: 100vh;
    max-width: 275px;
  }

  .sidenav a {
    display: block;
  }

}

.datatable th { background-color: black; color: white; font-weight: bold; padding: .3rem; }
.datatable td { border-top: 1px solid #dee2e6; padding: .3rem; }
.datatable { width: 100%; }
table { border-collapse: collapse; table-layout: fixed; }

h3 { font-size: 1.75rem; font-weight: 500 }
h4 { font-size: 1.75rem; font-weight: 500 }
a { color: #007bff; text-decoration: none; }
a:visited { color: #007bff; text-decoration: none; }
a:hover { color: #007bff; text-decoration: underline; }
a.btn:hover { color: #fff; text-decoration: none; }
/*.btn { background-color: #343a40; color: #fff; border-radius: .25rem; padding: .375rem .75rem; text-align: center; border: 1px solid #343a40; font-size: 1rem; }*/

td { word-wrap: break-word; }