.notifications {
  background: #fff;
  border-bottom-left-radius: 0.75rem;
  border-top-left-radius: 0.75rem;
  box-shadow: -0.5rem 0 1.25rem 0 rgba(176, 131, 45, 0.1);
  display: flex;
  flex-direction: column;
  height: 100svh;
  max-width: 20rem;
  overflow: hidden;
  position: fixed;
  right: -20rem;
  top: 0;
  transition: right 0.25s;
  width: 100%;
  z-index: 20; }
  .notifications.active {
    right: 0; }
  .notifications__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-y: auto; }
  .notifications__footer {
    background: rgba(148, 110, 38, 0.25);
    color: rgba(18, 40, 70, 0.7);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex-shrink: 0;
    padding: 1rem; }
    .notifications__footer .icon {
      font-size: 20px;
      margin-top: -4px; }
  .notifications__header {
    align-items: center;
    background: rgba(148, 110, 38, 0.25);
    border: 0;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    gap: 1rem;
    height: 4rem;
    padding: 1rem 1rem 1rem 4rem;
    position: relative;
    width: 100%; }
    .notifications__header .icon {
      align-items: center;
      background: #B0832D;
      border-radius: 0.5rem;
      color: #fff;
      display: flex;
      height: 2.25rem;
      justify-content: center;
      left: 1rem;
      position: absolute;
      width: 2.25rem; }
    .notifications__header .icon-close {
      background: transparent;
      color: #B0832D;
      font-size: 1.5rem;
      left: auto;
      right: 0.5rem; }
    .notifications__header:hover .icon-close {
      color: #f15b62; }
  .notifications__item {
    display: flex;
    flex-direction: column;
    font-size: 0.8125rem;
    gap: 0.5rem;
    padding: 1.5rem 2rem 1.5rem 1rem;
    position: relative; }
    .notifications__item:nth-child(odd) {
      background: rgba(176, 131, 45, 0.05); }
    .notifications__item p {
      color: rgba(18, 40, 70, 0.7); }
    .notifications__item-icon {
      align-items: center;
      background: rgba(176, 131, 45, 0.25);
      border-radius: 0.5rem;
      color: #B0832D;
      display: flex;
      font-size: 0.875rem;
      height: 1.75rem;
      justify-content: center;
      left: 1rem;
      position: absolute;
      width: 1.75rem; }
    .notifications__item--read {
      color: rgba(18, 40, 70, 0.5); }
      .notifications__item--read .icon {
        background: rgba(18, 40, 70, 0.5); }
    .notifications__item-delete {
      color: rgba(18, 40, 70, 0.5);
      cursor: pointer;
      font-size: 1rem;
      position: absolute;
      right: 0.5rem;
      top: 1rem; }
      .notifications__item-delete:hover {
        color: #f15b62; }
    .notifications__item-date {
      color: rgba(18, 40, 70, 0.5);
      font-size: 0.75rem; }
    .notifications__item-link {
      color: rgba(18, 40, 70, 0.5);
      display: block;
      font-size: 0.75rem;
      padding-left: 1.5rem;
      position: relative; }
      .notifications__item-link::before {
        color: rgba(176, 131, 45, 0.8);
        content: "";
        font: 1.125rem/1 'icomoon';
        left: 0;
        position: absolute; }
    .notifications__item-task-link {
      color: #B0832D;
      display: block;
      margin-top: 0.5rem;
      text-decoration: underline; }
      .notifications__item-task-link:hover {
        text-decoration: none; }
    .notifications__item-title {
      align-items: center;
      color: #B0832D;
      display: flex;
      font-size: 0.875rem;
      font-weight: 700;
      min-height: 2rem;
      padding-left: 2.5rem;
      text-decoration: underline; }
  @media (max-width: 991px) {
    .notifications {
      right: -15rem;
      width: 15rem; } }
@media (max-width: 767px) {
  .notifications {
    padding-top: 3.5rem; } }

@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; }
.notifications [class^="icon-"], .notifications [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; }
.notifications .icon-archive-up:before {
  content: ""; }
.notifications .icon-chat:before {
  content: ""; }
.notifications .icon-chevron-down:before {
  content: ""; }
.notifications .icon-chevron-left:before {
  content: ""; }
.notifications .icon-chevron-right:before {
  content: ""; }
.notifications .icon-chevron-up:before {
  content: ""; }
.notifications .icon-chevrons-right:before {
  content: ""; }
.notifications .icon-client-done:before {
  content: ""; }
.notifications .icon-close:before {
  content: ""; }
.notifications .icon-dashboard-arrow:before {
  content: ""; }
.notifications .icon-deal:before {
  content: ""; }
.notifications .icon-delete:before {
  content: ""; }
.notifications .icon-doc-upload:before {
  content: ""; }
.notifications .icon-dots:before {
  content: ""; }
.notifications .icon-download:before {
  content: ""; }
.notifications .icon-duo-apps:before {
  content: ""; }
.notifications .icon-duo-apps-a:before {
  content: ""; }
.notifications .icon-duo-bell:before {
  content: ""; }
.notifications .icon-duo-bell-a:before {
  content: ""; }
.notifications .icon-duo-book:before {
  content: ""; }
.notifications .icon-duo-book-a:before {
  content: ""; }
.notifications .icon-duo-briefcase:before {
  content: ""; }
.notifications .icon-duo-briefcase-a:before {
  content: ""; }
.notifications .icon-duo-calculation:before {
  content: ""; }
.notifications .icon-duo-calculation-a:before {
  content: ""; }
.notifications .icon-duo-calendar:before {
  content: ""; }
.notifications .icon-duo-calendar-a:before {
  content: ""; }
.notifications .icon-duo-calendar-plus:before {
  content: ""; }
.notifications .icon-duo-calendar-plus-a:before {
  content: ""; }
.notifications .icon-duo-cashflow:before {
  content: ""; }
.notifications .icon-duo-cashflow-a:before {
  content: ""; }
.notifications .icon-duo-chart:before {
  content: ""; }
.notifications .icon-duo-chart-a:before {
  content: ""; }
.notifications .icon-duo-chart-plus:before {
  content: ""; }
.notifications .icon-duo-chart-plus-a:before {
  content: ""; }
.notifications .icon-duo-close:before {
  content: ""; }
.notifications .icon-duo-close-a:before {
  content: ""; }
.notifications .icon-duo-colleagues:before {
  content: ""; }
.notifications .icon-duo-colleagues-a:before {
  content: ""; }
.notifications .icon-duo-commission:before {
  content: ""; }
.notifications .icon-duo-commission-a:before {
  content: ""; }
.notifications .icon-duo-competition:before {
  content: ""; }
.notifications .icon-duo-competition-a:before {
  content: ""; }
.notifications .icon-duo-contract:before {
  content: ""; }
.notifications .icon-duo-contract-a:before {
  content: ""; }
.notifications .icon-duo-dashboard:before {
  content: ""; }
.notifications .icon-duo-dashboard-a:before {
  content: ""; }
.notifications .icon-duo-dealer:before {
  content: ""; }
.notifications .icon-duo-dealer-a:before {
  content: ""; }
.notifications .icon-duo-dealer-plus:before {
  content: ""; }
.notifications .icon-duo-dealer-plus-a:before {
  content: ""; }
.notifications .icon-duo-document-pending:before {
  content: ""; }
.notifications .icon-duo-document-pending-a:before {
  content: ""; }
.notifications .icon-duo-dots:before {
  content: ""; }
.notifications .icon-duo-dots-a:before {
  content: ""; }
.notifications .icon-duo-download:before {
  content: ""; }
.notifications .icon-duo-download-a:before {
  content: ""; }
.notifications .icon-duo-efekta:before {
  content: ""; }
.notifications .icon-duo-efekta-a:before {
  content: ""; }
.notifications .icon-duo-emailing:before {
  content: ""; }
.notifications .icon-duo-emailing-a:before {
  content: ""; }
.notifications .icon-duo-folder:before {
  content: ""; }
.notifications .icon-duo-folder-a:before {
  content: ""; }
.notifications .icon-duo-hierarchy:before {
  content: ""; }
.notifications .icon-duo-hierarchy-a:before {
  content: ""; }
.notifications .icon-duo-intervention:before {
  content: ""; }
.notifications .icon-duo-intervention-a:before {
  content: ""; }
.notifications .icon-duo-kpi:before {
  content: ""; }
.notifications .icon-duo-kpi-a:before {
  content: ""; }
.notifications .icon-duo-lead:before {
  content: ""; }
.notifications .icon-duo-lead-a:before {
  content: ""; }
.notifications .icon-duo-list:before {
  content: ""; }
.notifications .icon-duo-list-a:before {
  content: ""; }
.notifications .icon-duo-marketplace:before {
  content: ""; }
.notifications .icon-duo-marketplace-a:before {
  content: ""; }
.notifications .icon-duo-mortgage:before {
  content: ""; }
.notifications .icon-duo-mortgage-a:before {
  content: ""; }
.notifications .icon-duo-news:before {
  content: ""; }
.notifications .icon-duo-news-a:before {
  content: ""; }
.notifications .icon-duo-notepad:before {
  content: ""; }
.notifications .icon-duo-notepad-a:before {
  content: ""; }
.notifications .icon-duo-percentage:before {
  content: ""; }
.notifications .icon-duo-percentage-a:before {
  content: ""; }
.notifications .icon-duo-plan:before {
  content: ""; }
.notifications .icon-duo-plan-a:before {
  content: ""; }
.notifications .icon-duo-plus:before {
  content: ""; }
.notifications .icon-duo-plus-a:before {
  content: ""; }
.notifications .icon-duo-povdoc:before {
  content: ""; }
.notifications .icon-duo-povdoc-a:before {
  content: ""; }
.notifications .icon-duo-povdoc-plus:before {
  content: ""; }
.notifications .icon-duo-povdoc-plus-a:before {
  content: ""; }
.notifications .icon-duo-producents:before {
  content: ""; }
.notifications .icon-duo-producents-a:before {
  content: ""; }
.notifications .icon-duo-production:before {
  content: ""; }
.notifications .icon-duo-production-a:before {
  content: ""; }
.notifications .icon-duo-refresh:before {
  content: ""; }
.notifications .icon-duo-refresh-a:before {
  content: ""; }
.notifications .icon-duo-resignation:before {
  content: ""; }
.notifications .icon-duo-resignation-a:before {
  content: ""; }
.notifications .icon-duo-school:before {
  content: ""; }
.notifications .icon-duo-school-a:before {
  content: ""; }
.notifications .icon-duo-settings:before {
  content: ""; }
.notifications .icon-duo-settings-a:before {
  content: ""; }
.notifications .icon-duo-specialist:before {
  content: ""; }
.notifications .icon-duo-specialist-a:before {
  content: ""; }
.notifications .icon-duo-statistics:before {
  content: ""; }
.notifications .icon-duo-statistics-a:before {
  content: ""; }
.notifications .icon-duo-support:before {
  content: ""; }
.notifications .icon-duo-support-a:before {
  content: ""; }
.notifications .icon-duo-tablet:before {
  content: ""; }
.notifications .icon-duo-tablet-a:before {
  content: ""; }
.notifications .icon-duo-tag:before {
  content: ""; }
.notifications .icon-duo-tag-a:before {
  content: ""; }
.notifications .icon-duo-team:before {
  content: ""; }
.notifications .icon-duo-team-a:before {
  content: ""; }
.notifications .icon-duo-todo:before {
  content: ""; }
.notifications .icon-duo-todo-a:before {
  content: ""; }
.notifications .icon-duo-todo-plus:before {
  content: ""; }
.notifications .icon-duo-todo-plus-a:before {
  content: ""; }
.notifications .icon-duo-tuning:before {
  content: ""; }
.notifications .icon-duo-tuning-a:before {
  content: ""; }
.notifications .icon-duo-upload:before {
  content: ""; }
.notifications .icon-duo-upload-a:before {
  content: ""; }
.notifications .icon-duo-user:before {
  content: ""; }
.notifications .icon-duo-user-a:before {
  content: ""; }
.notifications .icon-duo-user-plus:before {
  content: ""; }
.notifications .icon-duo-user-plus-a:before {
  content: ""; }
.notifications .icon-duo-videotutorial:before {
  content: ""; }
.notifications .icon-duo-videotutorial-a:before {
  content: ""; }
.notifications .icon-duo-wallet:before {
  content: ""; }
.notifications .icon-duo-wallet-a:before {
  content: ""; }
.notifications .icon-duo-write:before {
  content: ""; }
.notifications .icon-duo-write-a:before {
  content: ""; }
.notifications .icon-duo-xls:before {
  content: ""; }
.notifications .icon-duo-xls-a:before {
  content: ""; }
.notifications .icon-edit:before {
  content: ""; }
.notifications .icon-envelope:before {
  content: ""; }
.notifications .icon-file:before {
  content: ""; }
.notifications .icon-justify-left:before {
  content: ""; }
.notifications .icon-like:before {
  content: ""; }
.notifications .icon-menu:before {
  content: ""; }
.notifications .icon-minus:before {
  content: ""; }
.notifications .icon-note:before {
  content: ""; }
.notifications .icon-nsure:before {
  content: ""; }
.notifications .icon-phone:before {
  content: ""; }
.notifications .icon-plus:before {
  content: ""; }
.notifications .icon-power:before {
  content: ""; }
.notifications .icon-screen:before {
  content: ""; }
.notifications .icon-search:before {
  content: ""; }
.notifications .icon-send:before {
  content: ""; }
.notifications .icon-signature:before {
  content: ""; }
.notifications .icon-square:before {
  content: ""; }
.notifications .icon-time:before {
  content: ""; }
.notifications .icon-upload:before {
  content: ""; }
.notifications .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; }
.notifications [class*="icon-duo-"] {
  height: 1em;
  position: relative;
  width: 1em; }
  .notifications [class*="icon-duo-"]::after {
    bottom: 0;
    height: 1em;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em; }
  .notifications [class*="icon-duo-"]::before {
    opacity: 0.4; }
.notifications .icon-duo-apps::after {
  content: ""; }
.notifications .icon-duo-bell::after {
  content: ""; }
.notifications .icon-duo-book::after {
  content: ""; }
.notifications .icon-duo-briefcase::after {
  content: ""; }
.notifications .icon-duo-calculation::after {
  content: ""; }
.notifications .icon-duo-calendar::after {
  content: ""; }
.notifications .icon-duo-calendar-plus::after {
  content: ""; }
.notifications .icon-duo-cashflow::after {
  content: ""; }
.notifications .icon-duo-chart::after {
  content: ""; }
.notifications .icon-duo-chart-plus::after {
  content: ""; }
.notifications .icon-duo-close::after {
  content: ""; }
.notifications .icon-duo-colleagues::after {
  content: ""; }
.notifications .icon-duo-commission::after {
  content: ""; }
.notifications .icon-duo-competition::after {
  content: ""; }
.notifications .icon-duo-contract::after {
  content: ""; }
.notifications .icon-duo-dashboard::after {
  content: ""; }
.notifications .icon-duo-dealer::after {
  content: ""; }
.notifications .icon-duo-dealer-plus::after {
  content: ""; }
.notifications .icon-duo-document-pending::after {
  content: ""; }
.notifications .icon-duo-dots::after {
  content: ""; }
.notifications .icon-duo-download::after {
  content: ""; }
.notifications .icon-duo-efekta::after {
  content: ""; }
.notifications .icon-duo-emailing::after {
  content: ""; }
.notifications .icon-duo-folder::after {
  content: ""; }
.notifications .icon-duo-hierarchy::after {
  content: ""; }
.notifications .icon-duo-intervention::after {
  content: ""; }
.notifications .icon-duo-kpi::after {
  content: ""; }
.notifications .icon-duo-lead::after {
  content: ""; }
.notifications .icon-duo-list::after {
  content: ""; }
.notifications .icon-duo-marketplace::after {
  content: ""; }
.notifications .icon-duo-mortgage::after {
  content: ""; }
.notifications .icon-duo-news::after {
  content: ""; }
.notifications .icon-duo-notepad::after {
  content: ""; }
.notifications .icon-duo-percentage::after {
  content: ""; }
.notifications .icon-duo-plan::after {
  content: ""; }
.notifications .icon-duo-plus::after {
  content: ""; }
.notifications .icon-duo-povdoc::after {
  content: ""; }
.notifications .icon-duo-povdoc-plus::after {
  content: ""; }
.notifications .icon-duo-producents::after {
  content: ""; }
.notifications .icon-duo-production::after {
  content: ""; }
.notifications .icon-duo-refresh::after {
  content: ""; }
.notifications .icon-duo-resignation::after {
  content: ""; }
.notifications .icon-duo-school::after {
  content: ""; }
.notifications .icon-duo-settings::after {
  content: ""; }
.notifications .icon-duo-specialist::after {
  content: ""; }
.notifications .icon-duo-statistics::after {
  content: ""; }
.notifications .icon-duo-support::after {
  content: ""; }
.notifications .icon-duo-tablet::after {
  content: ""; }
.notifications .icon-duo-tag::after {
  content: ""; }
.notifications .icon-duo-team::after {
  content: ""; }
.notifications .icon-duo-todo::after {
  content: ""; }
.notifications .icon-duo-todo-plus::after {
  content: ""; }
.notifications .icon-duo-tuning::after {
  content: ""; }
.notifications .icon-duo-upload::after {
  content: ""; }
.notifications .icon-duo-user::after {
  content: ""; }
.notifications .icon-duo-user-plus::after {
  content: ""; }
.notifications .icon-duo-videotutorial::after {
  content: ""; }
.notifications .icon-duo-wallet::after {
  content: ""; }
.notifications .icon-duo-write::after {
  content: ""; }
.notifications .icon-duo-xls::after {
  content: ""; }
.notifications__item-link::before {
  font-family: 'icomoon_v2'; }