@font-face{
    font-family: 'Fredoka One';
    src: url('../fonts/FredokaOne-Regular.ttf');
}

body {
    margin: 0;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    /*color: #858796;*/
    text-align: left;
    background-color: #fff;
}

.bg-blur{
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color:rgba(255,255,255,.6);
}

.bg-blur-modal{
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color:rgba(255, 255, 255, 0.665);
}

.sb-sidenav-blur {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color:rgba(255,255,255,.6);
    color: #212529;
}
.sb-sidenav-blur .sb-sidenav-menu .sb-sidenav-menu-heading {
  color: #5c5c5c;
}
.sb-sidenav-blur .sb-sidenav-menu .nav-link {
  color: #212529;
}
.sb-sidenav-blur .sb-sidenav-menu .nav-link .sb-nav-link-icon {
  color: rgba(0, 89, 255, 0.849);
}
.sb-sidenav-blur .sb-sidenav-menu .nav-link .sb-sidenav-collapse-arrow {
  color: rgba(65, 63, 63, 0.25);
}
.sb-sidenav-blur .sb-sidenav-menu .nav-link:hover {
  color: #212529;
}
.sb-sidenav-blur .sb-sidenav-menu .nav-link.active {
  color: #212529;
}
.sb-sidenav-blur .sb-sidenav-menu .nav-link.active .sb-nav-link-icon {
  color: #212529;
}
.sb-sidenav-blur .sb-sidenav-footer {
  background-color: #fff;
}

.panda-text{
	font-family: 'Fredoka One', normal;
}

.borde-redondo{
  border-radius: 20px;
}
.top-redondo{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.rounded-4 { border-radius: .5rem; }
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: .75rem; }
.rounded-6 { border-radius: 1rem; }

.modal-sheet .modal-dialog {
  width: 380px;
  transition: bottom .75s ease-in-out;
}
.modal-sheet .modal-footer {
  padding-bottom: 2rem;
}

.modal-alert .modal-dialog {
  width: 380px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.modal-apple-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.border-right { border-right: 1px solid #eee; }

.modal-tour .modal-dialog {
  width: 380px;
}

.chart-bar {
  position: relative;
  height: 10rem;
  width: 100%;
}

@media (min-width: 768px) {
  .chart-bar {
    height: 20rem;
  }
}

.chart-pie {
  position: relative;
  height: 15rem;
  width: 100%;
}

@media (min-width: 768px) {
  .chart-pie {
    height: calc(20rem - 43px) !important;
  }
}

.chart-area {
  position: relative;
  height: 10rem;
  width: 100%;
}

@media (min-width: 768px) {
  .chart-area {
    height: 20rem;
  }
}