body {
  background: #1B213B;
  color: #000000;
  font-family: Montserrat, Arial, sans-serif;
}

.body-bg {
  background: #F3F4FA !important;
}

h1, h2, h3, h4, h5, h6, strong {
  font-weight: 100;
  color: #ffffff;
}

p {
	color: #ffffff;
	margin-top:10px;
}



a {
  color: #E1E1E1;
  text-decoration: none;
  text-align: center;
  //text-decoration: underline;
  font-size:20px;
}

a:hover {
  color: #C1C1C1;
  text-decoration: underline;
}

.box .apexcharts-xaxistooltip {
  background: #1B213B;
  color: #fff;
}

.content-area {
  max-width: 1280px;
  margin: 0 auto;
}

.box {
  background-color: #262D47;
  padding: 25px 25px;
  border-radius: 4px;
}

.columnbox {
  padding-right: 15px;
}
.radialbox {
  max-height: 415px;
  margin-bottom: 20px;
}

.textbox {
  margin-bottom: 20px;
  padding-top: 10px;
}


.apexcharts-legend-series tspan:nth-child(3) {
  font-weight: bold;
  font-size: 20px;
}

.edit-on-codepen {
  text-align: right;
  width: 100%;
  padding: 0 20px 40px;
  position: relative;
  top: -30px;
  cursor: pointer;
}

.spinner-border {
  display: none;
}

.footer {
	color: #ffffff;
	text-align: right;
}

.footerlinks {
	color: #ffffff;
	text-align: left;
}

* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .navbar-toggler-icon,
.navbar-scroll .navbar-brand {
  color: #262D47;
}

/* Color of the navbar BEFORE scroll */
.navbar-scroll {
  background-color: #262D47;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-toggler-icon,
.navbar-scroll .navbar-brand {
  color: #262626;
}

/* Color of the navbar AFTER scroll */
.navbar-scrolled {
  background-color: #fff;
}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-scroll.navbar-scrolled {
  padding-top: auto;
  padding-bottom: auto;
}
.navbar-brand {
  font-size: unset;
  height: 3.5rem;
}