html {
    background-color: #CCC3B9;
    font-size: .75rem;

}


body {
font-family: Verdana, Helvetica, sans-serif;
 background-color: #CCC3B9;
width: 95%;
height: 100%;
margin: 10px;
}

body2 {
font-family: Verdana, Helvetica, sans-serif;
 background-color: #FFFFFF !important;
width: 95%;
height: 100%;
margin: 10px;
}


.container2 {
display: flex;
}


.content2 {
margin-top: 100px;
margin-left: 10px;
width: 100%;
}

.navbar-light .navbar-nav .nav-link.disabled {
  color:#333333 !important;
  text-decoration:none !important;
font-size:.9rem !important;
  }

.nav-link{
  text-decoration:none !important;
font-size:.9rem !important;
  }




.dropdown-item {
  text-decoration:none !important;
font-size:.7rem !important;
  }


label {
margin-left:  30px;
}

.tab-active {
background-color:white;
border-left: 1px solid;
border-top: 1px solid;
text-color:black;
}

.tab-inactive {
background-color:gray;
border-left: 1px solid;
border-top: 1px solid;
text-color:white;
}


th {
font-family: Verdana, Helvetica, sans-serif;
font-size: 1em;
background: #000000;
color: #FFFFFF;
padding: 3px 3px;
border-collapse: separate;
border: 0px solid #DDD;
}

a  {
font-family: Verdana, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
text-decoration:  underline;
}

a:hover {
COLOR: white;
}

a.dropdown-item {
  text-decoration:none !important;
font-size: .5em;
  }


a.intablelink :hover  {
font-family: Verdana, Helvetica, sans-serif;
font-size: 1em;
text-decoration:  underline;
color: #000000;
}

a.wfdashboardlink :hover  {
font-family: Verdana, Helvetica, sans-serif;
font-size: 1em;
text-decoration:  underline;
color: #222222;
}


a.tableheaderlink  {
font-family: Verdana, Helvetica, sans-serif;
font-size: 1em;
text-decoration:  underline;
color: #FFFFFF;
}

a.activetablink  {
font-family: Verdana, Helvetica, sans-serif;
font-size: 1em;
text-decoration:  bold,underline;
color: #000000;
}


a.inactivetablink  {
font-family: Verdana, Helvetica, sans-serif;
font-size: 1em;
text-decoration:  bold,underline;
color: #000000;
}



tr.bottom_border td {
  border-bottom:.25pt solid gray;
}

td {
font-family: Verdana, Helvetica, sans-serif;
font-size: 1em;
background: #CCC3B9;
border: 0px solid #DDD;
}

.btn {
 background: #FFFFFF;
  background-image: -webkit-linear-gradient(top, #FFFFFF, #CCC3B9);
  background-image: -moz-linear-gradient(top, #FFFFFF, #CCC3B9);
  background-image: -ms-linear-gradient(top, #FFFFFF, #CCC3B9);
  background-image: -o-linear-gradient(top, #FFFFFF, #CCC3B9);
  background-image: linear-gradient(to bottom, #FFFFFF, #CCC3B9);
  -webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 20px;
  font-family: Arial;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #FFFFFF 2px;
  text-decoration: none;
}

.btn:hover {
  background: #CCC3B9;
  background-image: -webkit-linear-gradient(top, #FFFFFF, #CCC3B9);
  background-image: -moz-linear-gradient(top, #FFFFFF, #CCC3B9);
  background-image: -ms-linear-gradient(top, #FFFFFF, #CCC3B9);
  background-image: -o-linear-gradient(top, #FFFFFF, #CCC3B9);
  background-image: linear-gradient(to bottom, #FFFFFF, #CCC3B9);
  text-decoration: none;
  border: solid #FFFFFF 2px;
}

.btn.smbtn {
 background: #FFFFFF;
  border-radius: 10px;
  font-family: Arial;
  color: #000000;
  font-size: 15px;
  padding: 5px 10px 5px 10px;
  border: solid #FFFFFF 2px;
  text-decoration: none;
}

.btn.smbtn:hover {
  background: #CCC3B9;
  text-decoration: none;
  border: solid #FFFFFF 2px;
}

.btn.xsmbtn {
 background: #FFFFFF;
  border-radius: 5px;
  font-family: Arial;
  color: #000000;
  font-size: 9px;
  padding: 1px 2px 1px 2px;
  border: solid #FFFFFF 1px;
  text-decoration: none;
}

.btn.xsmbtn:hover {
  background: #CCC3B9;
  text-decoration: none;
  border: solid #FFFFFF 1px;
}




hr {
    
    border: 0;
    height: 5px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(238,238,238,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

hr.plain {   
    border: 0;
    height: 2px;
}


h1 {
    font-family: Verdana, Helvetica, sans-serif;
    color: #000000;
    text-align:center;
    font-size: 1.5em;
}

h2 {
    font-family: Verdana, Helvetica, sans-serif;
    color: #000000;
    text-align:left;
    font-size: 1.5em;
}

h3 {
    font-family: Verdana, Helvetica, sans-serif;
    color: #000000;
    text-align:center;
    font-size: 1.25em;
}

h4 {
    font-family: Verdana, Helvetica, sans-serif;
    color: #000000;
    text-align:left;
    font-size: 1.25em;
}

h5 {
    font-family: Verdana, Helvetica, sans-serif;
    color: #000000;
    text-align:center;
    font-size: 1em;
}

h6 { page-break-before: always; }

.image-pretty {
height: 300px;
}

.image-pretty2 {
height: 200px;
}


.maintablebar {
padding-left: 40px;
}

.smalltext {
font-size: .85em;
}

.chart{
  vertical-align: middle;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: inline-block;

}

canvas{
  height: 100%;
}