html, body {
  background-color: #dce6ec;
}


body {
  font-family: Verdana, Helvetica, sans-serif;
  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: 120px;
  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;
  color: #545454 !important;
}

.nav-link:hover {
  color: #212121 !important;
}

nav {
  background-color: rgb(251, 251, 251);
  margin-bottom: 20px;
  border-radius: 10px;
  width: 100%;
}

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

.chart-container {
	width: 100%; 
	height: 200px;
            padding: 0px;
            display: flex;
   	border-radius: 0px;
            justify-content: center;
            align-items: center;
            flex-direction: none;
}

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;
}

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;
}

.bluelink {
  color: #0000F5;
}

.bluelink:hover {
  color: #000047;
}

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: #FBFBFB;
}

a.tableheaderlink:hover  {
  color: #98D3EC;
}

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;
  border: 0px solid #DDD;
  color: black;
  padding: 5px 7px;
}

th {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;
  background: #0E2834;
  border-collapse: collapse;
  color: rgb(251, 251, 251);
  padding: 3px 7px;
  border: 0px solid #DDD;
}

.btn {
  background: #153d52;
  background-image: -webkit-linear-gradient(top, #153d52, #175E7D);
  background-image: -moz-linear-gradient(top, #153d52, #175E7D);
  background-image: -ms-linear-gradient(top, #153d52, #175E7D);
  background-image: -o-linear-gradient(top, #153d52, #175E7D);
  background-image: linear-gradient(to bottom, #153d52, #175E7D);
  -webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 20px;
  font-family: Arial;
  color: #EDEDED;
  font-weight: bold;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  margin: 10px 10px 20px 0px;
  border: solid #EDEDED 2px;
  text-decoration: none;
}

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

.btn.smbtn {
 background: #153d52;
  border-radius: 10px;
  font-family: Arial;
  color: #ededed;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  border: solid #153d52 3px;
  text-decoration: none;
}

.btn.smbtn:hover {
  background: #ededed;
  text-decoration: none;
  border: solid #153d52 3px;
  color: #153d52;
}

.btn.xsmbtn {
 background: #153d52;
  border-radius: 5px;
  font-family: Arial;
  color: #ededed;
  font-size: 1em;
  padding: 1px 2px;
  margin: 1px;
  border: solid #153d52 1px;
  text-decoration: none;
}

.btn.xsmbtn:hover {
  background: #ededed;
  color: #153d52;
  border: solid #153d52 1px;
  text-decoration: none;
}




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;
  margin: 10px 0px;
}

h2 {
  font-family: Verdana, Helvetica, sans-serif;
  text-align: left;
  color: #153d52;
  font-size: 1.3em;
  margin: 10px 0px;
}

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%;
}