@font-face {
  font-family: 'Tilda Sans';
  src: url('/fileservice/file/download/h/64d7dfdac997e6be4ac37b41393287f8.woff2/a/117093/sc/265') format('woff2'),
    url('/fileservice/file/download/h/cf3c891d0c4bdf2d0c5f25e5e7d3bdf7.woff/a/117093/sc/435') format('woff'),
    url('/fileservice/file/download/h/28610083c9cea4c0509d2e90705e5a5e.eot/a/117093/sc/91') format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary: #fd9830;
  --secondary: #fd5030;
  --tertiary: #12d7bb;
  --grey: #ebebeb;
  --white: #ffffff;
  --dark: #3a3a3a;
  --background: #121212;
  --radius: 15px;
  --padding: 3px 0px;
  --green-color: #40916c;
  --font: 'Tilda Sans', sans-serif;
  --profile: url('/pl/fileservice/user/file/download/h/9fdc1321381e431b16a0f5b66d6fe323.svg');
  --search: url('/pl/fileservice/user/file/download/h/9d21bf2f7fc216141fabb693e7b9c52f.svg');
  --notification: url('/pl/fileservice/user/file/download/h/2dac483fd8b366fee3149397b28744c5.svg');
  --cms: url('/pl/fileservice/user/file/download/h/ac86a2f2ae8620856f703a65b81565d3.svg');
  --teach: url('/pl/fileservice/user/file/download/h/3bb7f72e076ce5aa22426880f72e4538.svg');
  --user: url('/pl/fileservice/user/file/download/h/f1cf6ef7fa9d9c411c3f51366c3e8eef.svg');
  --tasks: url('/pl/fileservice/user/file/download/h/2ace19d6de80bd745b87a10d1200ae8c.svg');
  --chat: url('/pl/fileservice/user/file/download/h/c5d7a79aa37536241fc67bf823dccd68.svg');
  --sales: url('/pl/fileservice/user/file/download/h/056f5c951aed728fb4d648ccda5a3d90.svg');
  --app: url('/pl/fileservice/user/file/download/h/c25a1ad0236ad20e77cb372f6bbbcddb.svg');
}

.logo-link {
  display: none;
}

html .gc-account-leftbar {
  font-family: var(--font) !Important;
  font-weight: 400;
}

html .gc-account-leftbar h1,
html .gc-account-leftbar h2,
html .gc-account-leftbar h3 {
  font-family: var(--font) !Important;
  font-weight: 700;
}

html .gc-account-leftbar {
  background: var(--green-color) !important;
}

.gc-account-leftbar .gc-account-user-menu {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  z-index: 10000;
}

html .gc-account-leftbar .gc-account-user-menu li {
  position: relative;
  margin-bottom: 0;
  border-bottom: none;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-profile {
  padding: var(--padding);
}

html .gc-account-leftbar .gc-account-user-menu li a {
  background-color: transparent;
  position: relative;
  border-radius: 0;
  height: 60px;
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
  height: 60px
}

html .gc-account-leftbar .gc-account-user-menu li.selected::before,
html .gc-account-leftbar .gc-account-user-menu li.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 7px;
  border-radius: 0 10px 10px 0;
  background-color: var(--white);
  opacity: 1;
  transition: 0.33s;
}

html .gc-account-leftbar .gc-account-user-menu li.selected a,
html .gc-account-leftbar .gc-account-user-menu li.active a {
  background: transparent;
}

html .gc-account-leftbar .gc-account-user-menu li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 7px;
  border-radius: 0 10px 10px 0;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: 0.33s;
}

html .gc-account-leftbar .gc-account-user-menu li:hover::before,
html .gc-account-leftbar .gc-account-user-menu li.active:hover::before {
  opacity: 1;
}

html .gc-account-leftbar .gc-account-user-menu li a:hover,
html .gc-account-leftbar .gc-account-user-menu li.active a:hover {
  background: transparent
}

html .menu-item a img {
  display: none;
}

html .menu-item a::before,
html .sub-icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 30px;
  height: 30px;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-support {
  margin-top: auto;
}

html .menu-item-profile a::before {
  background-image: var(--profile);
}

html .menu-item-search a::before {
  background-image: var(--search);
}

html .menu-item-notifications_button_small a::before {
  background-image: var(--notification);
  width: 30px;
  height: 30px;
}

html .menu-item-cms a::before {
  background-image: var(--cms);
}

html .menu-item-teach a::before {
  background-image: var(--teach);
}

html .menu-item-user a::before,
html .menu-item-chatium .sub-icon::before {
  background-image: var(--user);
}

html .menu-item-tasks a::before {
  background-image: var(--tasks);
  width: 34px;
}

html .menu-item-notifications a::before {
  background-image: var(--chat);
}

html .menu-item-sales a::before {
  background-image: var(--sales);
}

html .menu-item-chatium a::before {
  background-image: var(--app);
}

html .gc-account-user-menu li.menu-item.menu-item-profile {
  background: none;
  border: 0;
  padding: 11px 0px 3px;
}

html .gc-account-user-menu li.menu-item.menu-item-profile:hover,
html .gc-account-user-menu li.menu-item.menu-item-profile a:hover {
  background: none;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
  padding: 0 10px;
}

html .gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
  color: var(--green-color);
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
  transition: all 0.3s;
  background-color: transparent;
  position: relative;
  border-radius: 0;
  height: 50px;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover,
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected a {
  background: transparent;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
  border-top-color: #000;
  background-color: var(--white);
  color: #263238;
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group:hover {
  background-color: var(--grey);
  color: #263238;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
  background-color: transparent;
  color: #323232;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed:hover {
  background-color: var(--white);
  color: #263238;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link {
  border-bottom-color: var(--grey);
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link,
html .gc-account-leftbar .mark-viewed-all {
  color: #323232;
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link,
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link:hover,
html .gc-account-leftbar .mark-viewed-all:hover {
  color: #323232;
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link:hover {
  color: #323232;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image {
  overflow: hidden;
  border-radius: var(--radius);
  background-color: rgb(0 0 0 / 5%);
}

html .gc-account-leftbar .notify-count {
  bottom: inherit;
  top: 0;
  background-color: #f6f7f6;
  padding: 4px 0;
  color: var(--green-color);
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
  background-color: #f6f7f6;
  color: var(--green-color);
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
  bottom: inherit;
  right: 10px;
  top: 0px;
}

html .gc-account-leftbar .gc-account-user-menu li.selected .notify-count,
html .gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon,
html .gc-account-leftbar .gc-account-user-menu li.active .notify-count {
  background-color: #f6f7f6;
  color: var(--green-color);
}

.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count {
  top: 10px;
  background-color: var(--green-color);
  color: #f6f7f6;
}

html .gc-account-leftbar .gc-account-user-submenu-bar {
  background: #fff;
}

html .gc-account-user-submenu-bar .gc-account-user-submenu li a {
  transition: all 0.3s;
  text-transform: inherit;
  font-family: var(--font) !important;
  font-weight: 250;
  color: #323232;
  padding-left: 30px;
  font-size: 17px;
}

html .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  background: transparent;
  color: #323232;
  font-weight: 600;
  text-decoration: underline;
}

html .gc-account-user-submenu-bar h3 {
  color: #323232;
  padding-left: 30px
}

html .gc-account-leftbar span.sub-icon {
  background-color: transparent;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

html .menu-item.menu-item-profile a img:not([src="/public/img/default_profile_50.png"]) {
  display: block;
  position: relative;
  z-index: 0;
  border-radius: 50%;
}

html .sub-icon::before {
  width: 16px;
  height: 16px;
}

html .sub-icon .fa,
html .sub-icon img {
  display: none;
}

@media (max-width: 768px) {

  html .gc-account-leftbar .toggle-link,
  html .gc-account-leftbar.expanded .toggle-link {
    background-color: var(--green-color);
  }

  html .gc-account-leftbar .gc-account-user-menu {
    background: var(--green-color);
  }

  html .gc-account-leftbar .gc-account-user-menu li {
    border-bottom: 0;
  }

  html .gc-page-nav-items-menu {
    left: 70px;
  }

  html .gc-page-nav-items-menu a {
    background: var(--green-color);
    color: #fff;
  }

  html .gc-account-user-submenu-bar .gc-account-user-submenu li a {
    font-size: 15px;
  }
}