html{
    font-size: min(calc(4pt + 0.1vh + 0.5vw), 15px);
}
a {
  color:#b33438;
}
.btn-default{
  background-color:#b33438;
  color:#f1f1f1;
}
.sidenav {
  height:100%;
  max-width: 20%;
  position: fixed;
  left:0;
  background: rgb(115, 120, 124);
  background: linear-gradient(90deg, rgb(115, 120, 124) 0%, rgb(143, 149, 155) 50%, rgb(184, 190, 196) 100%);
  /* background: linear-gradient(90deg, rgb(115, 120, 124) 15%, 70%, #b33438 90%); */
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  
}
.sidenav a {
  padding: 10px;
  text-decoration: none;
  font-size:1.25rem;
  color: #f1f1f1;
  display:block;

  &.active{
    color:#b33438;
  }
}
.sidenav a:hover{
  color:#b33438;
}	
.sidenav i{
  margin-right:10px;
}
.logoImg{
  padding-bottom: 7%;
}
.user{
  margin-top: auto;
}
.user h3{
  padding: 10px;
  color:#b33438;
}
.user .jsLogout{
  background: none !important;
  border: none;
  padding: 0 !important;
  color: #f1f1f1;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: bold;
  margin-left: 15px;
  margin-bottom: 15px;

  &:hover{
    color:#b33438;
  }
}
.dropdown-menu {
  width:250px;
  background-color:#bcbcc4;
}
.main{
  margin-left:160px;
  padding: 0px 10px;
}

main {
  display: flex; 
  padding-top:3%;
}
.content-container{
  width: 65%; 
  margin-left:22%;
}
input[type='checkbox']{
  scale: 1.6;
  margin-right:10px;
  position: relative;
} 
form input[type='checkbox']{
  scale: 1.3;
  margin-right:10px;
  position: relative;
  margin-left: -10px;
} 
table input[type='checkbox']{
  scale: 1.6;
  margin-left:30px;
}
.table-container nav{
  bottom:10px;
  position: sticky;
}
.column-shifter-container .btn-group{
  float:right;
  margin-top: 10px;
  margin-bottom: 10px;
}
form input[type='radio']{
  position: relative;
  scale: 1.2;
}
.form-check{
  display: inline;
}
.form-check-label{
  margin-right:14px;
}
table tr:hover{
  background-color: #b3343810;
}
table tr.selected{
  background-color: #b3343810;
}
table tfoot .positive{
  color:green;
}
table tfoot .negative{
    color:crimson;
}
