@font-face {
  font-family: "Gibson";
  src: url(/fonts/41a37b5ce5c3e0b6200b09e4f6e8b5e5.eot?f4c90b197c9bf0a63941654aacc9cc28);
  /* IE9*/
  src: url(/fonts/41a37b5ce5c3e0b6200b09e4f6e8b5e5.eot?f4c90b197c9bf0a63941654aacc9cc28) format("embedded-opentype"), url(/fonts/41a37b5ce5c3e0b6200b09e4f6e8b5e5.woff2?5dc952d023ddb9baf0584678435ddf09) format("woff2"), url(/fonts/41a37b5ce5c3e0b6200b09e4f6e8b5e5.woff?eb832f93a66cf2c4f580b5d10bc11ce9) format("woff"), url(/fonts/41a37b5ce5c3e0b6200b09e4f6e8b5e5.ttf?41a37b5ce5c3e0b6200b09e4f6e8b5e5) format("truetype"), url(/fonts/41a37b5ce5c3e0b6200b09e4f6e8b5e5.svg?5da8554795e7e326ebf97145e663cdc8) format("svg");
  /* iOS 4.1- */
}

body {
  background-image: none;
  background: #f6f6f5;
}

.sidebar {
  background-color: #337179;
  background-position: center;
  background-size: cover;
  background-blend-mode: luminosity;
  border-right-width: 0;
}

.sidebar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sidebar hr {
  opacity: 0.1;
}

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

.sidebar-header img {
  image-rendering: -webkit-optimize-contrast;
}

.sidebar-logo {
  color: #fff;
}

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

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

.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.45);
  font-weight: 500;
  letter-spacing: 1px;
}

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

.nav-sidebar .nav-link {
  color: #fff;
}

.nav-sidebar .nav-link:hover,
.nav-sidebar .nav-link:focus {
  background-color: transparent;
}

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

.nav-sidebar .nav-link.active {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

.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);
}

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

.nav-sidebar .nav-sub-link.active {
  color: #FFF;
}

.nav-sidebar .nav-sub-link.active::before {
  border-color: #4bdedb;
}

.content {
  padding-top: 30px;
}

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

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

.content-header {
  padding: 15px;
}

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

.header {
  background-color: #f6f6f5;
  border-bottom: 1px solid rgba(23, 30, 37, 0.1);
  box-shadow: 0 4px 12px 0 rgba(131, 146, 165, 0.15);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}

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

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

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

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

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

@media (min-width: 992px) {
  .content-body-calendar,
  .content-body-chat {
    padding-top: 20px;
  }
}

.content-calendar {
  height: calc(100vh - 120px);
}

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

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

/* Buttons */

.btn-success {
  background: #337179;
  border: #337179;
}

.btn-success:hover {
  background: #244f55;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  background: #244f55;
}

.btn.btn-primary {
  background: #337179;
  border: #337179;
}

.btn.btn-primary:hover {
  background: #244f55;
}

.btn.btn-link {
  color: #000;
}

.btn.btn-link:hover {
  color: black;
}

/* Links */

a {
  color: #337179;
}

a:hover {
  color: #244f55;
  text-decoration: none;
}

/* Dropdown items */

.dropdown-item {
  font-size: 0.9rem;
}

#saveActions {
  margin-top: 3rem !important;
}

.content-body .content-title {
  margin-top: 1rem !important;
}

.container-fluid h2 {
  margin-top: 1rem !important;
}