.sidepanel {
  background: #fff;
  border-top-right-radius: 0.75rem;
  box-shadow: 0.5rem 0 1.25rem 0 rgba(176, 131, 45, 0.1);
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: sticky;
  top: 0;
  transition: all 0.25s;
  width: 16.25rem;
  z-index: 10; }
  .sidepanel-tooltip {
    background: #000;
    border-radius: 0.25rem;
    color: #fff;
    display: none;
    font-size: 0.875rem;
    font-weight: 400;
    left: 3.75rem;
    padding: 0.25rem 0.5rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 0; }
    .sidepanel-tooltip::before {
      border-bottom: 0.4rem solid transparent;
      border-color: transparent;
      border-right: 0.4rem solid #000;
      border-top: 0.4rem solid transparent;
      bottom: 0;
      content: "";
      height: 0;
      left: -0.4rem;
      margin: auto 0;
      position: absolute;
      top: 0;
      width: 0; }
  .sidepanel__commission {
    align-items: center;
    background: rgba(46, 166, 252, 0.1);
    border-radius: 0.625rem;
    display: flex;
    flex-shrink: 0;
    font-size: 0.875rem;
    height: 2.5rem;
    margin: 0 1.25rem 1.25rem;
    padding: 0.5rem 0.875rem 0.5rem 3rem;
    position: relative; }
    .sidepanel__commission .icon {
      bottom: 0;
      color: #2EA6FC;
      font-size: 1.125rem;
      left: 0.75rem;
      margin: auto;
      position: absolute;
      top: 0; }
    .sidepanel__commission-number {
      color: #2EA6FC;
      font-size: 0.75em;
      margin-left: auto; }
  .sidepanel__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: auto; }
  .sidepanel__footer {
    background: #f8f1e4;
    border-top-right-radius: 0.75rem;
    margin-top: auto; }
  .sidepanel .sidepanel__footer .sidepanel__nav + .sidepanel__nav, .sidepanel__footer .sidepanel__nav + .sidepanel__nav .sidepanel__nav-settings {
    background: #f3e7d0; }
  .sidepanel__footer .sidepanel__nav-settings {
    background: #f8f1e4; }
  .sidepanel__header {
    background: #fff;
    border-bottom: 1px solid #E7EBF0;
    border-top-right-radius: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.625rem;
    padding: 1.75rem 1.25rem 1rem;
    position: sticky;
    top: 0;
    z-index: 1; }
  .sidepanel__home {
    align-items: center;
    background: rgba(176, 131, 45, 0.2);
    border-radius: 0.625rem;
    display: flex;
    font-size: 0.8125rem;
    font-weight: 700;
    gap: 1.25rem;
    margin-right: 2.375rem;
    padding: 0.3125rem;
    position: sticky;
    top: 0; }
    .sidepanel__home .icon {
      align-items: center;
      background: #fff;
      border-radius: 0.5rem;
      color: #B0832D;
      display: flex;
      font-size: 1.125rem;
      height: 2rem;
      justify-content: center;
      width: 2rem; }
  .sidepanel__kpi {
    align-items: center;
    background: rgba(100, 190, 114, 0.1);
    border-radius: 0.625rem;
    display: flex;
    flex-shrink: 0;
    font-size: 0.875rem;
    height: 3.25rem;
    margin: 0 1.25rem 0.375rem;
    padding: 0.5rem 0.875rem 1.625rem 3rem;
    position: relative; }
    .sidepanel__kpi .icon {
      color: #64BE72;
      font-size: 1.125rem;
      left: 0.75rem;
      position: absolute;
      top: 0.5625rem; }
    .sidepanel__kpi-number {
      color: #64BE72;
      font-size: 0.75em;
      margin-left: auto; }
    .sidepanel__kpi-progress {
      background: rgba(100, 190, 114, 0.2);
      border-radius: 0.625rem;
      bottom: 0.75rem;
      height: 0.25rem;
      left: 3rem;
      position: absolute;
      right: 0.875rem; }
    .sidepanel__kpi-value {
      background: #64BE72;
      border-radius: 0.625rem;
      height: 100%;
      width: 0; }
  .sidepanel__logo {
    align-items: center;
    align-self: center;
    display: grid;
    flex-shrink: 0;
    justify-items: center;
    overflow: hidden;
    width: 11.875rem; }
    .sidepanel__logo img {
      grid-column-start: 1;
      grid-row-start: 1;
      transition: all 0.25s; }
    .sidepanel__logo img + img {
      opacity: 0; }
  .sidepanel__nav {
    border-top: 1px solid #E7EBF0;
    display: grid;
    font-size: 0.8125rem;
    padding: 1.25rem 0.625rem 0.875rem 1.5rem; }
    .sidepanel__nav:first-child {
      border-top: 0; }
    .sidepanel__nav-body {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      grid-column-start: 1;
      grid-row-start: 2;
      max-height: 0;
      overflow: hidden;
      transition: all 0.25s; }
    .sidepanel__nav-button {
      background: transparent;
      border: 0;
      color: #B0832D;
      font-size: 0.875rem;
      padding: 0 0.5rem; }
      .sidepanel__nav-button:hover {
        color: #5e563d; }
    .sidepanel__nav-header {
      display: flex;
      font-weight: 700; }
    .sidepanel__nav-header.active + .sidepanel__nav-body {
      max-height: 20rem;
      padding-top: 0.625rem; }
    .sidepanel__nav-header.settings ~ .sidepanel__nav-settings {
      max-height: 40rem;
      padding-top: 0.625rem; }
    .sidepanel__nav-header.active .sidepanel__nav-button.active {
      transform: rotate(180deg); }
    .sidepanel__nav-header .sidepanel__nav-link .icon {
      background: rgba(176, 131, 45, 0.2);
      height: 2rem;
      margin-left: 0;
      width: 2rem; }
    .sidepanel__nav-item {
      align-items: center;
      display: flex;
      gap: 0.6875rem;
      padding-right: 0.25rem; }
    .sidepanel__nav-link {
      align-items: center;
      background: transparent;
      border: 0;
      border-radius: 0.5rem;
      display: flex;
      flex-grow: 1;
      gap: 0.6875rem;
      min-height: 2rem;
      position: relative;
      text-decoration: none; }
      .sidepanel__nav-link .icon {
        align-items: center;
        border-radius: 0.5625rem;
        color: #B0832D;
        display: flex;
        font-size: 1rem;
        height: 1rem;
        justify-content: center;
        margin-left: 0.5rem;
        text-align: center;
        transition: all 0.25s;
        width: 1rem; }
      .sidepanel__nav-link.active {
        color: #B0832D; }
      .sidepanel__nav-link.item-badge::after {
        background: #f15b62;
        border-radius: 50%;
        box-shadow: 0 0.125rem 0.5rem 0 rgba(241, 91, 98, 0.8);
        content: "";
        height: 0.375rem;
        left: 1.5rem;
        position: absolute;
        top: 0.5rem;
        width: 0.375rem; }
    .sidepanel__nav-plus {
      align-items: center;
      border: 1px solid #B0832D;
      border-radius: 50%;
      color: #B0832D;
      display: flex;
      flex-shrink: 0;
      font: 1.5em 'icomoon';
      height: 1rem;
      justify-content: center;
      margin-left: auto;
      width: 1rem; }
      .sidepanel__nav-plus::before {
        content: ""; }
      .sidepanel__nav-plus:hover {
        background: #f3e7d0; }
    .sidepanel__nav-settings {
      background: #fff;
      display: flex;
      flex-direction: column;
      gap: 1.125rem;
      grid-column-start: 1;
      grid-row-start: 2;
      margin-left: -0.625rem;
      max-height: 0;
      overflow: hidden;
      position: relative;
      transition: all 0.25s; }
      .sidepanel__nav-settings .init-sortable {
        display: flex;
        flex-direction: column;
        gap: 0.25rem; }
  .sidepanel__toggler {
    align-items: center;
    background: #fff;
    border: 1px solid #E7EBF0;
    border-radius: 0.625rem;
    color: #B0832D;
    display: flex;
    font-size: 0.875rem;
    height: 2rem;
    justify-content: center;
    left: 13.375rem;
    position: fixed;
    top: 5.375rem;
    width: 2rem;
    z-index: 1; }
    .sidepanel__toggler:hover {
      color: #B0832D; }
      .sidepanel__toggler:hover .icon {
        border-color: #B0832D; }
  .sidepanel__user {
    align-items: center;
    background: rgba(148, 110, 38, 0.2);
    border-radius: 0.625rem;
    display: none;
    flex-shrink: 0;
    gap: 0.5rem;
    padding: 1rem; }
    .sidepanel__user-notifications {
      position: relative; }
      .sidepanel__user-notifications-button {
        align-items: center;
        background: #f15b62;
        border: 0;
        border-radius: 0.625rem;
        color: #fff;
        display: flex;
        font-size: 1.125rem;
        height: 2rem;
        justify-content: center;
        width: 2rem; }
        .sidepanel__user-notifications-button:hover {
          background: #B0832D; }
    .sidepanel__user-profile {
      align-items: center;
      display: flex;
      flex-grow: 1;
      flex-shrink: 0;
      gap: 0.75rem;
      width: 10.3125rem; }
      .sidepanel__user-profile-name {
        font-size: 0.8125rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .sidepanel__user-profile-photo {
        border-radius: 0.5rem;
        display: flex;
        flex-shrink: 0;
        height: 2rem;
        overflow: hidden;
        width: 2rem; }
        .sidepanel__user-profile-photo img {
          height: 100%;
          object-fit: cover;
          width: 100%; }
    .sidepanel__user-settings {
      position: relative; }
      .sidepanel__user-settings-button {
        align-items: center;
        background: transparent;
        border: 0;
        color: #B0832D;
        display: flex;
        font-size: 1.25rem;
        height: 1.25rem;
        justify-content: center;
        width: 1.25rem; }
        .sidepanel__user-settings-button:hover {
          color: #64BE72; }
    .sidepanel__user-signout {
      align-items: center;
      background: transparent;
      border: 0;
      color: #B0832D;
      display: flex;
      font-size: 1.25rem;
      height: 1.25rem;
      justify-content: center;
      width: 1.25rem; }
      .sidepanel__user-signout:hover {
        color: #f15b62; }
  @media (max-height: 900px) and (orientation: landscape) {
    .sidepanel__header {
      gap: 1rem;
      padding-top: 1.25rem; }
    .sidepanel__nav {
      padding-bottom: 0.75rem;
      padding-top: 1rem; }
      .sidepanel__nav-body {
        gap: 0; }
    .sidepanel__toggler {
      top: 4.125rem; } }
@media (max-width: 767px) {
  .sidepanel {
    border-radius: 0 0 0.75rem 0.75rem;
    height: 3.5rem;
    overflow: hidden;
    width: 100%; }
    .sidepanel__commission {
      margin-left: 1rem;
      margin-right: 1rem; }
    .sidepanel__header {
      gap: 1rem;
      padding: 1rem; }
    .sidepanel__home {
      margin-right: 0; }
    .sidepanel__kpi {
      margin-left: 1rem;
      margin-right: 1rem; }
    .sidepanel__logo {
      width: 10rem; }
    .sidepanel__nav {
      padding: 1rem; }
    .sidepanel__toggler {
      background: transparent;
      bottom: calc(100% - 3.5rem);
      font-size: 1rem;
      left: auto;
      margin: auto 0;
      padding: 0;
      position: absolute;
      right: 1rem;
      top: 0; }
      .sidepanel__toggler .icon::before {
        content: ""; }
    .sidepanel__user {
      display: flex; } }
@media (max-width: 399px) {
  .sidepanel__user {
    padding: 0.5rem; } }

@media (min-width: calc(767px + 1px)) {
  .mini .sidepanel {
    width: 5.125rem; }
    .mini .sidepanel-tooltip {
      z-index: 10; }
    .mini .sidepanel__logo {
      width: 1.375rem; }
      .mini .sidepanel__logo img {
        opacity: 0; }
      .mini .sidepanel__logo img + img {
        opacity: 1; }
    .mini .sidepanel__nav {
      padding-right: 1.5rem; }
    .mini .sidepanel__nav-button {
      display: none; }
    .mini .sidepanel__nav-item {
      font-size: 0;
      gap: 0;
      padding-right: 0; }
    .mini .sidepanel__nav-link {
      font-size: 0;
      gap: 0;
      padding-right: 0; }
    .mini .sidepanel__nav-plus {
      display: none; }
    .mini .sidepanel__home {
      font-size: 0;
      gap: 0;
      margin-right: 0; }
    .mini .sidepanel__commission {
      font-size: 0;
      padding-left: 1.25rem;
      padding-right: 1.25rem; }
    .mini .sidepanel__kpi {
      font-size: 0;
      padding-left: 1.25rem;
      padding-right: 1.25rem; }
    .mini .sidepanel__toggler {
      left: 4.125rem; }
      .mini .sidepanel__toggler .icon {
        transform: scaleX(-1); }
    .mini .sidepanel__user {
      font-size: 0;
      gap: 0; } }

@media (max-width: 767px) {
  .show .sidepanel {
    height: 100vh; } }

.sidepanel {
  font: 1rem/1.5 'Brown', Arial;
  letter-spacing: -0.018em; }
  @font-face {
    font-family: 'icomoon_v2';
    src: url('/fonts/icomoon/fonts/icomoon.eot?xglm7z');
    src: url('/fonts/icomoon/fonts/icomoon.eot?xglm7z#iefix') format('embedded-opentype'), url('/fonts/icomoon/fonts/icomoon.ttf?xglm7z') format('truetype'), url('/fonts/icomoon/fonts/icomoon.woff?xglm7z') format('woff'), url('/fonts/icomoon/fonts/icomoon.svg?xglm7z#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block; }
  .sidepanel [class^="icon-"], .sidepanel [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon_v2' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .sidepanel .icon-archive-up:before {
    content: ""; }
  .sidepanel .icon-chat:before {
    content: ""; }
  .sidepanel .icon-chevron-down:before {
    content: ""; }
  .sidepanel .icon-chevron-left:before {
    content: ""; }
  .sidepanel .icon-chevron-right:before {
    content: ""; }
  .sidepanel .icon-chevron-up:before {
    content: ""; }
  .sidepanel .icon-chevrons-right:before {
    content: ""; }
  .sidepanel .icon-client-done:before {
    content: ""; }
  .sidepanel .icon-close:before {
    content: ""; }
  .sidepanel .icon-dashboard-arrow:before {
    content: ""; }
  .sidepanel .icon-deal:before {
    content: ""; }
  .sidepanel .icon-delete:before {
    content: ""; }
  .sidepanel .icon-doc-upload:before {
    content: ""; }
  .sidepanel .icon-dots:before {
    content: ""; }
  .sidepanel .icon-download:before {
    content: ""; }
  .sidepanel .icon-duo-apps:before {
    content: ""; }
  .sidepanel .icon-duo-apps-a:before {
    content: ""; }
  .sidepanel .icon-duo-bell:before {
    content: ""; }
  .sidepanel .icon-duo-bell-a:before {
    content: ""; }
  .sidepanel .icon-duo-book:before {
    content: ""; }
  .sidepanel .icon-duo-book-a:before {
    content: ""; }
  .sidepanel .icon-duo-briefcase:before {
    content: ""; }
  .sidepanel .icon-duo-briefcase-a:before {
    content: ""; }
  .sidepanel .icon-duo-calculation:before {
    content: ""; }
  .sidepanel .icon-duo-calculation-a:before {
    content: ""; }
  .sidepanel .icon-duo-calendar:before {
    content: ""; }
  .sidepanel .icon-duo-calendar-a:before {
    content: ""; }
  .sidepanel .icon-duo-calendar-plus:before {
    content: ""; }
  .sidepanel .icon-duo-calendar-plus-a:before {
    content: ""; }
  .sidepanel .icon-duo-cashflow:before {
    content: ""; }
  .sidepanel .icon-duo-cashflow-a:before {
    content: ""; }
  .sidepanel .icon-duo-chart:before {
    content: ""; }
  .sidepanel .icon-duo-chart-a:before {
    content: ""; }
  .sidepanel .icon-duo-chart-plus:before {
    content: ""; }
  .sidepanel .icon-duo-chart-plus-a:before {
    content: ""; }
  .sidepanel .icon-duo-close:before {
    content: ""; }
  .sidepanel .icon-duo-close-a:before {
    content: ""; }
  .sidepanel .icon-duo-colleagues:before {
    content: ""; }
  .sidepanel .icon-duo-colleagues-a:before {
    content: ""; }
  .sidepanel .icon-duo-commission:before {
    content: ""; }
  .sidepanel .icon-duo-commission-a:before {
    content: ""; }
  .sidepanel .icon-duo-competition:before {
    content: ""; }
  .sidepanel .icon-duo-competition-a:before {
    content: ""; }
  .sidepanel .icon-duo-contract:before {
    content: ""; }
  .sidepanel .icon-duo-contract-a:before {
    content: ""; }
  .sidepanel .icon-duo-dashboard:before {
    content: ""; }
  .sidepanel .icon-duo-dashboard-a:before {
    content: ""; }
  .sidepanel .icon-duo-dealer:before {
    content: ""; }
  .sidepanel .icon-duo-dealer-a:before {
    content: ""; }
  .sidepanel .icon-duo-dealer-plus:before {
    content: ""; }
  .sidepanel .icon-duo-dealer-plus-a:before {
    content: ""; }
  .sidepanel .icon-duo-document-pending:before {
    content: ""; }
  .sidepanel .icon-duo-document-pending-a:before {
    content: ""; }
  .sidepanel .icon-duo-dots:before {
    content: ""; }
  .sidepanel .icon-duo-dots-a:before {
    content: ""; }
  .sidepanel .icon-duo-download:before {
    content: ""; }
  .sidepanel .icon-duo-download-a:before {
    content: ""; }
  .sidepanel .icon-duo-efekta:before {
    content: ""; }
  .sidepanel .icon-duo-efekta-a:before {
    content: ""; }
  .sidepanel .icon-duo-emailing:before {
    content: ""; }
  .sidepanel .icon-duo-emailing-a:before {
    content: ""; }
  .sidepanel .icon-duo-folder:before {
    content: ""; }
  .sidepanel .icon-duo-folder-a:before {
    content: ""; }
  .sidepanel .icon-duo-hierarchy:before {
    content: ""; }
  .sidepanel .icon-duo-hierarchy-a:before {
    content: ""; }
  .sidepanel .icon-duo-intervention:before {
    content: ""; }
  .sidepanel .icon-duo-intervention-a:before {
    content: ""; }
  .sidepanel .icon-duo-kpi:before {
    content: ""; }
  .sidepanel .icon-duo-kpi-a:before {
    content: ""; }
  .sidepanel .icon-duo-lead:before {
    content: ""; }
  .sidepanel .icon-duo-lead-a:before {
    content: ""; }
  .sidepanel .icon-duo-list:before {
    content: ""; }
  .sidepanel .icon-duo-list-a:before {
    content: ""; }
  .sidepanel .icon-duo-marketplace:before {
    content: ""; }
  .sidepanel .icon-duo-marketplace-a:before {
    content: ""; }
  .sidepanel .icon-duo-mortgage:before {
    content: ""; }
  .sidepanel .icon-duo-mortgage-a:before {
    content: ""; }
  .sidepanel .icon-duo-news:before {
    content: ""; }
  .sidepanel .icon-duo-news-a:before {
    content: ""; }
  .sidepanel .icon-duo-notepad:before {
    content: ""; }
  .sidepanel .icon-duo-notepad-a:before {
    content: ""; }
  .sidepanel .icon-duo-percentage:before {
    content: ""; }
  .sidepanel .icon-duo-percentage-a:before {
    content: ""; }
  .sidepanel .icon-duo-plan:before {
    content: ""; }
  .sidepanel .icon-duo-plan-a:before {
    content: ""; }
  .sidepanel .icon-duo-plus:before {
    content: ""; }
  .sidepanel .icon-duo-plus-a:before {
    content: ""; }
  .sidepanel .icon-duo-povdoc:before {
    content: ""; }
  .sidepanel .icon-duo-povdoc-a:before {
    content: ""; }
  .sidepanel .icon-duo-povdoc-plus:before {
    content: ""; }
  .sidepanel .icon-duo-povdoc-plus-a:before {
    content: ""; }
  .sidepanel .icon-duo-producents:before {
    content: ""; }
  .sidepanel .icon-duo-producents-a:before {
    content: ""; }
  .sidepanel .icon-duo-production:before {
    content: ""; }
  .sidepanel .icon-duo-production-a:before {
    content: ""; }
  .sidepanel .icon-duo-refresh:before {
    content: ""; }
  .sidepanel .icon-duo-refresh-a:before {
    content: ""; }
  .sidepanel .icon-duo-resignation:before {
    content: ""; }
  .sidepanel .icon-duo-resignation-a:before {
    content: ""; }
  .sidepanel .icon-duo-school:before {
    content: ""; }
  .sidepanel .icon-duo-school-a:before {
    content: ""; }
  .sidepanel .icon-duo-settings:before {
    content: ""; }
  .sidepanel .icon-duo-settings-a:before {
    content: ""; }
  .sidepanel .icon-duo-specialist:before {
    content: ""; }
  .sidepanel .icon-duo-specialist-a:before {
    content: ""; }
  .sidepanel .icon-duo-statistics:before {
    content: ""; }
  .sidepanel .icon-duo-statistics-a:before {
    content: ""; }
  .sidepanel .icon-duo-support:before {
    content: ""; }
  .sidepanel .icon-duo-support-a:before {
    content: ""; }
  .sidepanel .icon-duo-tablet:before {
    content: ""; }
  .sidepanel .icon-duo-tablet-a:before {
    content: ""; }
  .sidepanel .icon-duo-tag:before {
    content: ""; }
  .sidepanel .icon-duo-tag-a:before {
    content: ""; }
  .sidepanel .icon-duo-team:before {
    content: ""; }
  .sidepanel .icon-duo-team-a:before {
    content: ""; }
  .sidepanel .icon-duo-todo:before {
    content: ""; }
  .sidepanel .icon-duo-todo-a:before {
    content: ""; }
  .sidepanel .icon-duo-todo-plus:before {
    content: ""; }
  .sidepanel .icon-duo-todo-plus-a:before {
    content: ""; }
  .sidepanel .icon-duo-tuning:before {
    content: ""; }
  .sidepanel .icon-duo-tuning-a:before {
    content: ""; }
  .sidepanel .icon-duo-upload:before {
    content: ""; }
  .sidepanel .icon-duo-upload-a:before {
    content: ""; }
  .sidepanel .icon-duo-user:before {
    content: ""; }
  .sidepanel .icon-duo-user-a:before {
    content: ""; }
  .sidepanel .icon-duo-user-plus:before {
    content: ""; }
  .sidepanel .icon-duo-user-plus-a:before {
    content: ""; }
  .sidepanel .icon-duo-videotutorial:before {
    content: ""; }
  .sidepanel .icon-duo-videotutorial-a:before {
    content: ""; }
  .sidepanel .icon-duo-wallet:before {
    content: ""; }
  .sidepanel .icon-duo-wallet-a:before {
    content: ""; }
  .sidepanel .icon-duo-write:before {
    content: ""; }
  .sidepanel .icon-duo-write-a:before {
    content: ""; }
  .sidepanel .icon-duo-xls:before {
    content: ""; }
  .sidepanel .icon-duo-xls-a:before {
    content: ""; }
  .sidepanel .icon-edit:before {
    content: ""; }
  .sidepanel .icon-envelope:before {
    content: ""; }
  .sidepanel .icon-file:before {
    content: ""; }
  .sidepanel .icon-justify-left:before {
    content: ""; }
  .sidepanel .icon-like:before {
    content: ""; }
  .sidepanel .icon-menu:before {
    content: ""; }
  .sidepanel .icon-minus:before {
    content: ""; }
  .sidepanel .icon-note:before {
    content: ""; }
  .sidepanel .icon-nsure:before {
    content: ""; }
  .sidepanel .icon-phone:before {
    content: ""; }
  .sidepanel .icon-plus:before {
    content: ""; }
  .sidepanel .icon-power:before {
    content: ""; }
  .sidepanel .icon-screen:before {
    content: ""; }
  .sidepanel .icon-search:before {
    content: ""; }
  .sidepanel .icon-send:before {
    content: ""; }
  .sidepanel .icon-signature:before {
    content: ""; }
  .sidepanel .icon-square:before {
    content: ""; }
  .sidepanel .icon-time:before {
    content: ""; }
  .sidepanel .icon-upload:before {
    content: ""; }
  .sidepanel .icon-user:before {
    content: ""; }
  @font-face {
    font-family: 'Brown';
    src: url('/fonts/Brown-Bold.woff2') format('woff2'), url('/fonts/Brown-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Brown';
    src: url('/fonts/Brown-Regular.woff2') format('woff2'), url('/fonts/Brown-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Brown';
    src: url('/fonts/Brown-Light.woff2') format('woff2'), url('/fonts/Brown-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap; }
  .sidepanel [class*="icon-duo-"] {
    height: 1em;
    position: relative;
    width: 1em; }
    .sidepanel [class*="icon-duo-"]::after {
      bottom: 0;
      height: 1em;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: 0;
      width: 1em; }
    .sidepanel [class*="icon-duo-"]::before {
      opacity: 0.4; }
  .sidepanel .icon-duo-apps::after {
    content: ""; }
  .sidepanel .icon-duo-bell::after {
    content: ""; }
  .sidepanel .icon-duo-book::after {
    content: ""; }
  .sidepanel .icon-duo-briefcase::after {
    content: ""; }
  .sidepanel .icon-duo-calculation::after {
    content: ""; }
  .sidepanel .icon-duo-calendar::after {
    content: ""; }
  .sidepanel .icon-duo-calendar-plus::after {
    content: ""; }
  .sidepanel .icon-duo-cashflow::after {
    content: ""; }
  .sidepanel .icon-duo-chart::after {
    content: ""; }
  .sidepanel .icon-duo-chart-plus::after {
    content: ""; }
  .sidepanel .icon-duo-close::after {
    content: ""; }
  .sidepanel .icon-duo-colleagues::after {
    content: ""; }
  .sidepanel .icon-duo-commission::after {
    content: ""; }
  .sidepanel .icon-duo-competition::after {
    content: ""; }
  .sidepanel .icon-duo-contract::after {
    content: ""; }
  .sidepanel .icon-duo-dashboard::after {
    content: ""; }
  .sidepanel .icon-duo-dealer::after {
    content: ""; }
  .sidepanel .icon-duo-dealer-plus::after {
    content: ""; }
  .sidepanel .icon-duo-document-pending::after {
    content: ""; }
  .sidepanel .icon-duo-dots::after {
    content: ""; }
  .sidepanel .icon-duo-download::after {
    content: ""; }
  .sidepanel .icon-duo-efekta::after {
    content: ""; }
  .sidepanel .icon-duo-emailing::after {
    content: ""; }
  .sidepanel .icon-duo-folder::after {
    content: ""; }
  .sidepanel .icon-duo-hierarchy::after {
    content: ""; }
  .sidepanel .icon-duo-intervention::after {
    content: ""; }
  .sidepanel .icon-duo-kpi::after {
    content: ""; }
  .sidepanel .icon-duo-lead::after {
    content: ""; }
  .sidepanel .icon-duo-list::after {
    content: ""; }
  .sidepanel .icon-duo-marketplace::after {
    content: ""; }
  .sidepanel .icon-duo-mortgage::after {
    content: ""; }
  .sidepanel .icon-duo-news::after {
    content: ""; }
  .sidepanel .icon-duo-notepad::after {
    content: ""; }
  .sidepanel .icon-duo-percentage::after {
    content: ""; }
  .sidepanel .icon-duo-plan::after {
    content: ""; }
  .sidepanel .icon-duo-plus::after {
    content: ""; }
  .sidepanel .icon-duo-povdoc::after {
    content: ""; }
  .sidepanel .icon-duo-povdoc-plus::after {
    content: ""; }
  .sidepanel .icon-duo-producents::after {
    content: ""; }
  .sidepanel .icon-duo-production::after {
    content: ""; }
  .sidepanel .icon-duo-refresh::after {
    content: ""; }
  .sidepanel .icon-duo-resignation::after {
    content: ""; }
  .sidepanel .icon-duo-school::after {
    content: ""; }
  .sidepanel .icon-duo-settings::after {
    content: ""; }
  .sidepanel .icon-duo-specialist::after {
    content: ""; }
  .sidepanel .icon-duo-statistics::after {
    content: ""; }
  .sidepanel .icon-duo-support::after {
    content: ""; }
  .sidepanel .icon-duo-tablet::after {
    content: ""; }
  .sidepanel .icon-duo-tag::after {
    content: ""; }
  .sidepanel .icon-duo-team::after {
    content: ""; }
  .sidepanel .icon-duo-todo::after {
    content: ""; }
  .sidepanel .icon-duo-todo-plus::after {
    content: ""; }
  .sidepanel .icon-duo-tuning::after {
    content: ""; }
  .sidepanel .icon-duo-upload::after {
    content: ""; }
  .sidepanel .icon-duo-user::after {
    content: ""; }
  .sidepanel .icon-duo-user-plus::after {
    content: ""; }
  .sidepanel .icon-duo-videotutorial::after {
    content: ""; }
  .sidepanel .icon-duo-wallet::after {
    content: ""; }
  .sidepanel .icon-duo-write::after {
    content: ""; }
  .sidepanel .icon-duo-xls::after {
    content: ""; }
  .sidepanel__nav-plus {
    font-family: 'icomoon_v2'; }

.layout .navigation {
  width: 16.25rem; }
.layout .navigation + * {
  margin-left: 16.25rem; }
@media (max-width: 991px) {
  .layout .navigation {
    padding-top: 0;
    margin-left: 0; }
    .layout .navigation.collapsed {
      margin-left: 0; }
  .layout .navigation + * {
    margin-left: 0; } }
@media (max-width: 767px) {
  .layout .navigation {
    height: 3.5rem;
    width: 100%; }
  .layout .navigation + * {
    margin-left: 0; }
  .layout .sidepanel__toggler .icon::before {
    content: ""; } }

.layout.mini .navigation {
  width: 5.125rem; }
.layout.mini .navigation + * {
  margin-left: 5.125rem; }

@media (max-width: 767px) {
  .layout.show .navigation {
    height: 100svh;
    width: 100%; } }