@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;900&family=Rubik:wght@800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

body {
    color:#000000;
    background: #6c757d !important;
   font-size: 0.9rem;
   font-family: 'Poppins', sans-serif;
    font-weight: 600;
   
}
.card-body {
    background:#fff;
    padding:3rem 3rem;

}
.card-header, th  {
    border-radius: 0px;
    font-family: 'Rubik', sans-serif;
    color:#464c6c;
}

.card {border-radius: 0px;}

.navbar-light .navbar-nav .nav-link {
    color: #3d3d3d;
}
a {color:#3d3d3d;}
/* .sidemenu .fas {margin-right:13px; font-size:1.2rem; color:#ffffff; width:20px; }
.sidemenu li {background-color: #464c6c; }
.sidemenu a {color:#ffffff}
.sidemenu {color:#ffffff; font-size:1rem} */

.sidemenu .fas {margin-right:13px; font-size:1.2rem; width:20px; color:#3d3d3d}
.sidemenu {border-radius:0px;}

.form-control {
    /* padding: 10px 16px; */
    font-size: 14px;
    height: auto;
    box-shadow: 0 1px 2px 0 rgba(57, 70, 92, 0.05);
    border-radius: 0.375rem;
    border-width: 2px;
    color:#495057;
}
.custom-select:active, .custom-select:focus, .form-control:active, .form-control:focus {
    box-shadow: 0 1px 2px 0 rgba(57, 70, 92, 0.05);
    border-color: #19BCBF;
}


 /* Style the navigation bar */
 .navbar-new {
    width: 100%;
    background-color: #6c757d;
    overflow: auto;
  }
  
  /* navbar-new links */
  .navbar-new a {
    float: left;
    text-align: center;
    padding: 12px 18px;
    color: white;
    text-decoration: none;
    font-size: 14px;
}
  
  /* navbar-new links on mouse-over */
  .navbar-new a:hover {
    background-color: #000;
  }
  
  /* Current/active navbar-new link */
  .active {
    background-color: #000000;
  }
  
  /* Add responsiveness - will automatically display the navbar-new vertically instead of horizontally on screens less than 500 pixels */
  @media screen and (max-width: 500px) {
    .navbar-new a {
      float: none;
      display: block;
    }
  } 