/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../assets/mdl-symbols/mdls.woff2) format('woff2');
  }
  
  @font-face {
   font-family:'roboto';   
   src: url(../assets/fonts/Roboto-Regular.ttf);  
}

html,body {
font-family: 'Roboto', sans-serif;    
}

  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  }

  .logo2 {
    background: url(../img/logo-2.png);
    /* background-size: 300px 100px, cover; */
    background-repeat: no-repeat;
    background-size: cover;
    height: 50px;
}

.fbactive {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;
  --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important;
}
.mytipchart-container {
  position: relative;
  margin: auto;
  margin-top: -90px;
  height: 43vh;
/*  width: 80vw;*/
}