body {
  /* font-family: 'Gilroy'; */
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  color: #242525;
  background-color: #EFF3FD;
  background-image: url(../img/back.png);
  background-repeat: no-repeat;
  background-position: center;
  
}

.sidebar {
  background: #083146;
  background-repeat: repeat-x;
  border-right-width: 0;
}

.sidebar hr {
  opacity: .1;
}

.sidebar-header {
  border-bottom-color: rgba(255, 255, 255, 0.05);
  position: relative;
  z-index: auto;
}

.sidebar-logo {
  color: #6e6ffd;
}

.sidebar-logo:hover,
.sidebar-logo:focus {
  color: #6e6ffd;
}

.sidebar-logo span {
  font-weight: 500;
}

.sidebar-logo-headline {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 300;
}

.sidebar-body>.ps__rail-y {
  background-color: transparent;
}

.sidebar-body>.ps__rail-y>.ps__thumb-y {
  background-color: rgba(255, 255, 255, 0.85);
}

.nav-sidebar .content-label {
  color: rgba(255, 255, 255, 0.35);
  font-weight: 400;
  letter-spacing: 1px;
}

.nav-sidebar .nav-item.show .nav-link {
  color: #fff;
  font-weight: 400;
  background: #005b6f;
}

.nav-sidebar .nav-item.show .nav-link svg {
  color: #fff;
  fill: none;
}

.nav-sidebar .nav-link {
  /* background-color: rgba(255, 255, 255, 0.6); */
  color:#fff !important;
  font-weight: 500;
}

.nav.nav-sidebar .parent-icon img.img-fluid{
  filter: brightness(0) invert(1);
}

.nav-sidebar .nav-link.router-link-active {
  background-color: #00205B !important;
  color: #fff;
  border-radius: 13px;
  font-weight: 700;
  letter-spacing: 0.016em;
}

.nav-sidebar .nav-link.router-link-active:hover {}



.nav-sidebar .nav-link.with-sub::after {
  border-color: rgba(255, 255, 255, 0.4);
}

.nav-sidebar .nav-link.active {
  background-color: #5556fd;
  color: #fff;
  font-weight: 400;
}

.nav-sidebar .nav-link.active svg {
  fill: rgba(255, 255, 255, 0.16);
  color: #fff;
}

.nav-sidebar .nav-sub::before {
  border-left-color: rgba(255, 255, 255, 0.1);
}

.nav-sidebar .nav-sub-link {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}

.nav-sidebar .nav-sub-link:hover,
.nav-sidebar .nav-sub-link:focus {
  color: #fff;
}

.nav-sidebar .nav-sub-link.active {
  color: #8788fe;
  font-weight: 400;
}

.nav-sidebar .nav-sub-link.active::before {
  border-color: #5556fd;
}

.content {
  padding-top: 60px;
}

@media (min-width: 576px) {
  .content {
    padding-top: 70px;
  }
}

@media (min-width: 992px) {
  .content {
    padding-top: 80px;
  }
}

/* .content-header {
  padding: 15px;
} */

@media (min-width: 576px) {
  /* .content-header {
    padding: 20px;
  } */
}

.header {
  /* background-color: #fff; */
  background-color: #083146;
  border-bottom-width: 0;
  box-shadow: 2px 2px 5px 0 rgba(60, 70, 83, 0.04);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 18;
}

@media (min-width: 992px) {
  .header {
    left: 230px;
  }
}

@media (min-width: 1200px) {
  .header {
    left: 240px;
  }
}

.header-search {
  background-color: #efeffa;
  border-color: transparent;
}

.header-search.active {
  box-shadow: none;
}

.card {
  border-width: 0;
  box-shadow: none;
}

.content-body-calendar,
.content-body-chat,
.content-body-profile {
  padding-top: 10px;
}

@media (min-width: 576px) {

  .content-body-calendar,
  .content-body-chat,
  .content-body-profile {
    padding-top: 20px;
  }
}

.content-calendar {
  border-width: 0;
  box-shadow: 0 4px 12px 0 rgba(131, 146, 165, 0.15), 0 1px 3px 0 rgba(131, 146, 165, 0.2);
  height: calc(100vh - 120px);
}

.chat-sidebar,
.chat-body,
.mail-body-content,
.profile-body {
  border-width: 0;
  box-shadow: 0 4px 12px 0 rgba(131, 146, 165, 0.15), 0 1px 3px 0 rgba(131, 146, 165, 0.2);
}

.timeline-body::before {
  border-left-color: #b3c2d2;
}

.card-timeline,
.card-timeline-event {
  border-width: 0;
  box-shadow: none;
}

.card-people,
.card-people:hover,
.card-people:focus {
  border-width: 0;
  box-shadow: none;
}

.card-people-two,
.card-people-two .card-body,
.card-people-two .card-footer {
  border-width: 0;
  box-shadow: none;
}

.card-people-three,
.card-people-three .card-body {
  border-width: 0;
  box-shadow: none;
}

.list-group-settings {
  border-width: 0;
  box-shadow: none;
}

.card-invoice {
  border-width: 0;
  box-shadow: none;
}

.card-pricing {
  border-width: 0;
  box-shadow: none;
}

.content-right-components .nav {
  border-left-color: #adbccf;
}

.component-section {
  /* padding: 25px;
  background-color: #f9f9fd; */
  border: 0;
}

.component-section.no-code {
  padding-bottom: 25px;
}

.component-section+.component-section {
  margin-top: 30px;
}

.component-section .card {
  /* border-width: 1px;
  border-color: #d9dfe7; */
}