body{
  font-family: Montserrat;
  color: #282846;
}


.navigation-clean-search {
  background: #fff;
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #333;
  border-radius: 0;
  box-shadow: none;
  border: none;
  margin-bottom: 0;
}

@media (min-width:768px) {
  .navigation-clean-search {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.navigation-clean-search .navbar-brand {
  font-weight: bold;
  color: inherit;
}

.navigation-clean-search .navbar-brand:hover {
  color: #222;
}

.navigation-clean-search .navbar-toggler {
  border-color: #ddd;
}

.navigation-clean-search .navbar-toggler:hover, .navigation-clean-search .navbar-toggler:focus {
  background: none;
}

.navigation-clean-search .navbar-toggler {
  color: #888;
}

.navigation-clean-search .navbar-collapse, .navigation-clean-search .search-form {
  border-top-color: #ddd;
}

.navigation-clean-search .navbar-nav a.active, .navigation-clean-search .navbar-nav > .show > a {
  background: none;
  box-shadow: none;
}

.navigation-clean-search.navbar-light .navbar-nav a.active, .navigation-clean-search.navbar-light .navbar-nav a.active:focus, .navigation-clean-search.navbar-light .navbar-nav a.active:hover {
  color: #8f8f8f;
  box-shadow: none;
  background: none;
  pointer-events: none;
}

.navigation-clean-search.navbar .navbar-nav .nav-link {
  padding-left: 18px;
  padding-right: 18px;
}

.navigation-clean-search.navbar-light .navbar-nav .nav-link {
  color: #465765;
}

.navigation-clean-search.navbar-light .navbar-nav .nav-link:focus, .navigation-clean-search.navbar-light .navbar-nav .nav-link:hover {
  color: #37434d !important;
  background-color: transparent;
}

.navigation-clean-search .action-button, .navigation-clean-button .action-button:active {
  background: #56c6c6;
  border-radius: 20px;
  font-size: inherit;
  color: #fff !important;
  box-shadow: none;
  border: none;
  text-shadow: none;
  padding: 8px 20px;
  transition: background-color 0.25s;
}

.navigation-clean-search .action-button:hover, .navigation-clean-search .action-button:focus {
  background: #66d7d7;
}

.navigation-clean-search .search-form label {
  color: #ccc;
}

.navigation-clean-search .search-form .search-field {
  background: none;
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  color: #ccc;
  box-shadow: none;
  color: inherit;
  transition: border-bottom-color 0.3s;
}

@media (max-width:767px) {
  .navigation-clean-search .search-form .search-field {
    display: inline-block;
    width: 80%;
  }
}
@media (max-width:767px) {
  #tree-map svg text{
    fill: rgba(255, 255, 255, 0) !important;
  }
  .blank{
    height: 60vh!important;
  }
}

.navigation-clean-search .search-form .search-field:focus {
  border-bottom: 1px solid #ccc;
}

.highlight-clean p {
  color: #7d8285;
}

.highlight-clean h2 {
  font-weight: bold;
  margin-bottom: 25px;
  line-height: 1.5;
  padding-top: 0;
  margin-top: 0;
  color: inherit;
}

.highlight-clean .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto 25px;
}

.btn:focus {
  box-shadow: none;
  border: none!important;
}

.btn {
  background: #edc951;
  color: #282846;
  border-radius: 67px;
  box-shadow: 3px 3px 0px 0px rgb(204,51,63);
}

.btn:hover {
  background: #edc951;
  color: #282846;
  border-radius: 67px;
  box-shadow: 3px 3px 0px 0px rgb(204,51,63);
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(255,255,255,0.5);
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
  color: #282846;
  background-color: #edc951;
  border-color: #edc951;
}

.btn {
  font-family: Montserrat, sans-serif;
  font-size: 19px;
}

.btn {
  font-size: 16px;
}

.btn:hover {
  color: #ffffff;
  background-color: #00a0b0;
}


.circular-chart
{
  background: white!important;
  width: 100%;
  height: 80vh;
}
.multi-chart{
  background: white!important;
  width: 100%;
  height: 80vh;
}

.legend{
  fill: black ;
}
.tooltip{
  fill: #000000!important;
  font-size: 18px!important;
  font-weight: bold;
}

.tooltip2{
  position      : absolute;
  text-align    : center;
  max-width     : 200px;
  max-height    : 100px;
  padding       : 5px;
  border        : none;
  border-radius : 8px;
  margin-top    : -30px;
  margin-left    : 50px;
  font          : 14px "Montserrat";
  background    : #7e7e7e;
  color         : #ffffff;
  pointer-events: none;
}

h5{
  color: #282846;
  font-size: 20px!important;
}
#tree-map{
  width: 100%!important;
}
#dendo{
  width: 100%;
}