@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;600;700;800;900&display=swap');
@import url("./font_util.css");

body {
  background-color: #eee;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.85rem !important;
}
a{
  text-decoration: none !important;
  cursor: pointer;
}
/* UTILS */
.strong{
  font-weight: 600 !important;
}
.bold{
  font-weight: 800 !important;
}
.divider{
  width: 100%;
  height: 2px;
  background-color: #eee;
  margin-top: 7px;
  margin-bottom: 7px;
}
.avatar{
  width: 120px;
  height: 120px;
  max-width: 120px;
  max-height: 120px;
  border-radius: 50% 50%;
  box-shadow: 0px 0px 20px #ddd;
}
/* NAVBAR */
/* .navbar {
  background-color: #143F6B !important;
  padding: 0px !important;
} */

.navbar-nav .nav-item {
  padding: 0px 20px !important;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

/* .navbar-nav .nav-item:hover {
  background-color: #06113C !important;
} */
.navbar-nav .nav-item .nav-link {
  color: #ddd !important;
  font-weight: 500;
  font-weight: 600;
}

.navbar-nav .nav-item .nav-link:hover {
  color: #fff !important;
}

/* SIDEBAR */
.sidebar-card {
  background-color: #fff;
  padding: 10px 20px;
}
.sidebar-card .sidebar-card-header {
  font-weight: 600;
  font-size: 1.3rem;
}
.sidebar-card .sidebar-card-divider {
  height: 3px;
  width: 100% !important;
  margin: 7px 0px;
  background-color: #b25068;
}

/* MISC */
.sl-1{
  /* styled link 1 */
  color: #222;
  font-weight: 600;
  text-decoration: none !important;
  cursor: pointer;
}

/* FOOTER */
.footer-link{
  color: #aaa !important;
}
.footer-link:hover{
  color: #FEB139 !important;
}

.panel{
  background-color: #eee;
  color: #666
}
.panel-header{
  background-color: #ccc;
  padding: 10px 20px;
}
.panel-body{
  padding: 10px 20px;
}