@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; }

[class*="icon-duo-"] {
  height: 1em;
  position: relative;
  width: 1em; }
  [class*="icon-duo-"]::after {
    bottom: 0;
    height: 1em;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em; }
  [class*="icon-duo-"]::before {
    opacity: 0.4; }

.icon-duo-apps::after {
  content: ""; }

.icon-duo-bell::after {
  content: ""; }

.icon-duo-book::after {
  content: ""; }

.icon-duo-briefcase::after {
  content: ""; }

.icon-duo-calculation::after {
  content: ""; }

.icon-duo-calendar::after {
  content: ""; }

.icon-duo-calendar-plus::after {
  content: ""; }

.icon-duo-cashflow::after {
  content: ""; }

.icon-duo-chart::after {
  content: ""; }

.icon-duo-chart-plus::after {
  content: ""; }

.icon-duo-chevron-down::after {
  content: ""; }

.icon-duo-chevron-left::after {
  content: ""; }

.icon-duo-chevron-right::after {
  content: ""; }

.icon-duo-chevron-up::after {
  content: ""; }

.icon-duo-close::after {
  content: ""; }

.icon-duo-colleagues::after {
  content: ""; }

.icon-duo-commission::after {
  content: ""; }

.icon-duo-competition::after {
  content: ""; }

.icon-duo-contract::after {
  content: ""; }

.icon-duo-dashboard::after {
  content: ""; }

.icon-duo-dealer::after {
  content: ""; }

.icon-duo-dealer-plus::after {
  content: ""; }

.icon-duo-document-pending::after {
  content: ""; }

.icon-duo-dots::after {
  content: ""; }

.icon-duo-download::after {
  content: ""; }

.icon-duo-efekta::after {
  content: ""; }

.icon-duo-emailing::after {
  content: ""; }

.icon-duo-envelope::after {
  content: ""; }

.icon-duo-folder::after {
  content: ""; }

.icon-duo-hierarchy::after {
  content: ""; }

.icon-duo-house::after {
  content: ""; }

.icon-duo-house-damage::after {
  content: ""; }

.icon-duo-id::after {
  content: ""; }

.icon-duo-intervention::after {
  content: ""; }

.icon-duo-kpi::after {
  content: ""; }

.icon-duo-lead::after {
  content: ""; }

.icon-duo-list::after {
  content: ""; }

.icon-duo-marketplace::after {
  content: ""; }

.icon-duo-mortgage::after {
  content: ""; }

.icon-duo-news::after {
  content: ""; }

.icon-duo-notepad::after {
  content: ""; }

.icon-duo-percentage::after {
  content: ""; }

.icon-duo-phone::after {
  content: ""; }

.icon-duo-plan::after {
  content: ""; }

.icon-duo-plus::after {
  content: ""; }

.icon-duo-povdoc::after {
  content: ""; }

.icon-duo-povdoc-plus::after {
  content: ""; }

.icon-duo-producents::after {
  content: ""; }

.icon-duo-production::after {
  content: ""; }

.icon-duo-refresh::after {
  content: ""; }

.icon-duo-resignation::after {
  content: ""; }

.icon-duo-school::after {
  content: ""; }

.icon-duo-search::after {
  content: ""; }

.icon-duo-settings::after {
  content: ""; }

.icon-duo-specialist::after {
  content: ""; }

.icon-duo-statistics::after {
  content: ""; }

.icon-duo-support::after {
  content: ""; }

.icon-duo-tablet::after {
  content: ""; }

.icon-duo-tag::after {
  content: ""; }

.icon-duo-team::after {
  content: ""; }

.icon-duo-todo::after {
  content: ""; }

.icon-duo-todo-plus::after {
  content: ""; }

.icon-duo-tuning::after {
  content: ""; }

.icon-duo-umbrella::after {
  content: ""; }

.icon-duo-upload::after {
  content: ""; }

.icon-duo-user::after {
  content: ""; }

.icon-duo-user-plus::after {
  content: ""; }

.icon-duo-videotutorial::after {
  content: ""; }

.icon-duo-wallet::after {
  content: ""; }

.icon-duo-write::after {
  content: ""; }

.icon-duo-xls::after {
  content: ""; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote::before, blockquote::after, q::before, q::after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*:focus {
  outline: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.25s; }

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

body {
  background-color: rgba(176, 131, 45, 0.2);
  background-image: url("/img/bg.png");
  color: #122846;
  display: flex;
  flex-direction: column;
  font: 1rem/1.5 'Brown', Arial;
  display: flex;
  flex-direction: column;
  letter-spacing: -0.018em;
  min-height: 100vh; }
  body.no-scroll {
    overflow: hidden; }

button {
  color: inherit;
  cursor: pointer;
  font: 1rem 'Brown', Arial;
  transition: all 0.25s; }
  button:focus {
    outline: 0; }

canvas {
  max-width: 100%; }

html {
  scroll-behavior: smooth; }

hr {
  background: #E7EBF0;
  border: 0;
  flex-shrink: 0;
  height: 1px;
  margin: 0;
  width: 100%; }

img {
  max-width: 100%; }

iframe {
  max-width: 100%; }

input {
  color: #122846;
  font: 1rem/1 'Brown', Arial; }
  input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0; }
  input[type=date], input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: textfield; }
  input::placeholder {
    color: rgba(18, 40, 70, 0.375);
    opacity: 1; }
  input:focus {
    box-shadow: none;
    outline: 0; }

label {
  cursor: pointer; }

select {
  color: #122846;
  font: 1rem/1 'Brown', Arial; }

small {
  font-size: 0.85rem; }

textarea {
  color: #122846;
  font: 1rem/1 'Brown', Arial; }
  textarea::placeholder {
    color: rgba(18, 40, 70, 0.375);
    opacity: 1; }

video {
  max-width: 100%; }

* {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent; }

*:hover {
  scrollbar-color: rgba(176, 131, 45, 0.5) rgba(176, 131, 45, 0.08); }

*::-webkit-scrollbar {
  background: transparent;
  height: 0.25rem;
  width: 0.25rem; }
  *::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: transparent;
    border-radius: 0.125rem; }

*:hover::-webkit-scrollbar {
  background: rgba(176, 131, 45, 0.08); }

*:hover::-webkit-scrollbar-thumb {
  background-color: rgba(176, 131, 45, 0.5); }

@media (max-width: 991px) {
  html {
    font-size: 14px; } }

.transition-dim {
  position: relative; }
  .transition-dim::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.3);
    opacity: 0;
    content: '';
    transform: scale(0, 0); }
  .transition-dim::after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    display: block;
    background: #9f8640;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/img/loading.svg');
    mask-image: url('/img/loading.svg');
    background-size: cover;
    opacity: 0;
    height: 7rem;
    width: 7rem;
    content: '';
    margin: auto;
    transform: scale(0, 0); }
  .transition-dim.transition-fixed::before {
    position: fixed; }
  .transition-dim.transition-fixed::after {
    position: fixed;
    margin: 40vh auto; }
  .transition-dim.transition-active::before, .transition-dim.transition-middle::before, .transition-dim.transition-active::after, .transition-dim.transition-middle::after {
    transform: none; }
  .transition-dim.transition-out {
    transition: opacity 0.3s; }
  .transition-dim.transition-out::before, .transition-dim.transition-out::after {
    transition: opacity 0.3s;
    opacity: 1; }
  .transition-dim.transition-middle, .transition-dim.transition-middle::before, .transition-dim.transition-middle::after {
    transition: none;
    opacity: 1; }
  .transition-dim.transition-in {
    transition: opacity 0.2s; }
  .transition-dim.transition-in::before, .transition-dim.transition-in::after {
    transition: opacity 0.2s;
    opacity: 0; }

.wrapper .transition-dim::after {
  display: none; }
.wrapper .transition-dim::before {
  background: transparent; }
.wrapper .transition-dim.transition-middle {
  transition: none;
  opacity: 0.5; }
.wrapper .transition-dim.transition-middle::before, .wrapper .transition-dim.transition-middle::after {
  transition: none;
  opacity: 1; }
.wrapper .transition-dim.transition-in {
  transition: opacity 0.2s;
  opacity: 1; }
.wrapper .transition-dim.transition-out {
  transition: opacity 0.3s; }

.transition-events::before {
  pointer-events: none; }

.transition-opacify {
  position: relative;
  opacity: 1; }
  .transition-opacify::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.01);
    opacity: 0;
    content: '';
    transform: scale(0, 0); }
  .transition-opacify.transition-active::before, .transition-opacify.transition-middle::before {
    transform: none; }
  .transition-opacify.transition-active::before, .transition-opacify.transition-middle::before {
    transform: none; }
  .transition-opacify.transition-out {
    transition: opacity 0.3s; }
  .transition-opacify.transition-out::before {
    transition: opacity 0.3s;
    opacity: 1; }
  .transition-opacify.transition-middle, .transition-opacify.transition-middle::before {
    transition: none;
    opacity: 1; }
  .transition-opacify.transition-in {
    transition: opacity 0.2s; }
  .transition-opacify.transition-in::before {
    transition: opacity 0.2s;
    opacity: 0; }
  .transition-opacify.transition-out {
    transition: opacity 0.3s;
    opacity: 0.65; }
  .transition-opacify.transition-out::before {
    transition: opacity 0.3s;
    opacity: 1; }
  .transition-opacify.transition-middle::before {
    transition: none;
    opacity: 1; }
  .transition-opacify.transition-in {
    transition: opacity 0.2s;
    opacity: 1; }
  .transition-opacify.transition-in::before {
    transition: opacity 0.2s;
    opacity: 0; }

.transition-disable::before {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9998;
  opacity: 0;
  content: '';
  pointer-events: none; }
.transition-disable.transition-out::before {
  opacity: 1;
  pointer-events: all; }
.transition-disable.transition-middle::before {
  opacity: 1;
  pointer-events: all; }
.transition-disable.transition-in::before {
  opacity: 0;
  pointer-events: none; }

i.loading {
  display: inline-block;
  background: #9f8640;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url('/img/loading.svg');
  mask-image: url('/img/loading.svg');
  background-size: cover;
  height: 7rem;
  width: 7rem;
  content: ''; }
  i.loading.loading-sm {
    height: 3rem;
    width: 3rem; }

.calendar-day {
  position: relative; }
  .calendar-day.today {
    color: #9f8640; }
  .calendar-day.other-month {
    opacity: 0.25; }
  .calendar-day .date {
    display: block; }
  .calendar-day .events {
    position: absolute;
    display: flex;
    gap: 0 2px; }
    .calendar-day .events .event {
      display: block;
      width: 7px;
      height: 7px;
      border-radius: 50%; }

.alerts:not(:has(*)) {
  display: none; }

.btn, .button {
  align-items: center;
  background: #fff linear-gradient(224deg, #B0832D, rgba(176, 131, 45, 0.85));
  border: 1px solid transparent;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1.25rem 0 rgba(176, 131, 45, 0.2);
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  justify-content: center;
  gap: 0.5rem;
  min-height: 3rem;
  padding: 0.25rem 0.875rem; }
  .btn .icon, .button .icon {
    font-size: 1.715em;
    line-height: 1; }
  .btn:hover, .button:hover {
    background-color: #B0832D;
    color: #fff; }
  .btn-danger, .btn--danger, .button-danger, .button--danger {
    background: #f15b62;
    border-color: #f15b62;
    box-shadow: 0 0.5rem 1.25rem 0 rgba(241, 91, 98, 0.25); }
    .btn-danger:hover, .btn--danger:hover, .button-danger:hover, .button--danger:hover {
      background: #BE648C;
      border-color: #BE648C; }
  .btn-success, .btn--success, .button-success, .button--success {
    background: #64BE72;
    border-color: #64BE72;
    box-shadow: 0 0.5rem 1.25rem 0 rgba(100, 190, 114, 0.25); }
    .btn-success:hover, .btn--success:hover, .button-success:hover, .button--success:hover {
      background: #5e563d;
      border-color: #5e563d; }
  .btn-info, .btn--info, .button-info, .button--info {
    background: #2EA6FC;
    border-color: #2EA6FC;
    box-shadow: 0 0.5rem 1.25rem 0 rgba(46, 166, 252, 0.25); }
    .btn-info:hover, .btn--info:hover, .button-info:hover, .button--info:hover {
      background: #5e563d;
      border-color: #5e563d; }
  .btn-light, .btn--light, .button-light, .button--light {
    background: rgba(176, 131, 45, 0.2);
    color: #122846;
    box-shadow: none; }
    .btn-light:hover, .btn--light:hover, .button-light:hover, .button--light:hover {
      background: rgba(176, 131, 45, 0.5);
      color: #122846; }
  .btn-neutral, .btn--neutral, .button-neutral, .button--neutral {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0.5rem 1.25rem 0 rgba(176, 131, 45, 0.25);
    color: #122846; }
    .btn-neutral:hover, .btn--neutral:hover, .button-neutral:hover, .button--neutral:hover {
      background: #B0832D;
      border-color: #B0832D; }
  .btn-outline-info, .btn--outline-info, .button-outline-info, .button--outline-info {
    background: rgba(46, 166, 252, 0.2);
    border-color: #2EA6FC;
    box-shadow: none;
    color: #2EA6FC; }
    .btn-outline-info:hover, .btn--outline-info:hover, .button-outline-info:hover, .button--outline-info:hover {
      background: #2EA6FC; }
  .btn-sm, .btn--sm, .button-sm, .button--sm {
    border-radius: 0.25rem;
    font-size: 0.75rem;
    min-height: 1.5rem;
    padding: 0.25rem 0.5rem; }
    .btn-sm .icon, .btn--sm .icon, .button-sm .icon, .button--sm .icon {
      font-size: 1.25em; }
  .btn-success, .btn--success, .button-success, .button--success {
    background: #64BE72;
    border-color: #64BE72;
    box-shadow: 0 0.5rem 1.25rem 0 rgba(100, 190, 114, 0.25); }
    .btn-success:hover, .btn--success:hover, .button-success:hover, .button--success:hover {
      background: #5e563d;
      border-color: #5e563d; }
  .btn.hide, .button.hide {
    transform: scale(0); }
  .btn-outline-blue, .btn--outline-blue, .button-outline-blue, .button--outline-blue {
    background: rgba(46, 166, 252, 0.2);
    border-color: #2EA6FC;
    box-shadow: none;
    color: #2EA6FC; }
    .btn-outline-blue:hover, .btn--outline-blue:hover, .button-outline-blue:hover, .button--outline-blue:hover {
      background: #2EA6FC; }
  .btn-outline-red, .btn--outline-red, .button-outline-red, .button--outline-red {
    background: rgba(241, 91, 98, 0.2);
    border-color: #f15b62;
    box-shadow: none;
    color: #f15b62; }
    .btn-outline-red:hover, .btn--outline-red:hover, .button-outline-red:hover, .button--outline-red:hover {
      background: #f15b62; }
  .btn-outline-orange, .btn--outline-orange, .button-outline-orange, .button--outline-orange {
    background: rgba(241, 159, 92, 0.2);
    border-color: #F19F5C;
    box-shadow: none;
    color: #F19F5C; }
    .btn-outline-orange:hover, .btn--outline-orange:hover, .button-outline-orange:hover, .button--outline-orange:hover {
      background: #F19F5C; }
  .btn-transparent, .btn--transparent, .button-transparent, .button--transparent {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: rgba(18, 40, 70, 0.5);
    font-weight: 400;
    padding-left: 0;
    padding-right: 0; }
    .btn-transparent:hover, .btn--transparent:hover, .button-transparent:hover, .button--transparent:hover {
      background: transparent;
      color: #B0832D; }
    .btn-transparent .icon, .btn--transparent .icon, .button-transparent .icon, .button--transparent .icon {
      opacity: 0.5; }
  .btn-white, .btn--white, .button-white, .button--white {
    background: #fff;
    color: #122846; }
    .btn-white .icon, .btn--white .icon, .button-white .icon, .button--white .icon {
      color: #B0832D; }
    .btn-white:hover, .btn--white:hover, .button-white:hover, .button--white:hover {
      background: #E7EBF0;
      color: #122846; }
  @media (max-width: 1199px) {
    .btn, .button {
      font-size: 0.8125rem;
      min-height: 2.5rem;
      padding-left: 1rem;
      padding-right: 1rem; }
      .btn-sm, .btn--sm, .button-sm, .button--sm {
        min-height: 1.5rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem; }
      .btn-transparent, .btn--transparent, .button-transparent, .button--transparent {
        padding-left: 0;
        padding-right: 0; } }
@media (max-width: 575px) {
  .btn, .button {
    font-size: 0.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    .btn-sm, .btn--sm, .button-sm, .button--sm {
      font-size: 0.6875rem; } }

.categories {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); }
  .categories__item {
    align-items: center;
    aspect-ratio: 1;
    background: rgba(148, 110, 38, 0.15);
    border-radius: 0.625rem;
    display: flex;
    flex-direction: column;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 1rem;
    justify-content: center;
    padding: 1rem;
    text-align: center; }
    .categories__item:hover {
      background: rgba(148, 110, 38, 0.25);
      color: inherit; }
    .categories__item img {
      width: 2rem; }
  @media (max-width: 1199px) {
    .categories {
      grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)); } }
@media (max-width: 575px) {
  .categories {
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr)); }
    .categories__item {
      font-size: 0.75rem;
      padding: 0.5rem; } }

.controls {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between; }
  .controls .button {
    flex-shrink: 0; }
  .controls .dropdown-menu {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    transform: none !important;
    width: 100%;
    z-index: 10; }
  .controls .form__footer .form__check > label {
    color: rgba(18, 40, 70, 0.75);
    font-size: 0.875rem;
    padding-top: 0.125rem;
    text-decoration: none; }
  .controls .form-group label, .controls .form__group label {
    font-weight: 400;
    text-transform: none; }
  .show .controls__button {
    flex-direction: row-reverse; }
    .show .controls__button::before {
      content: none; }
    .show .controls__button .icon::before {
      content: ""; }
  .controls__button {
    align-items: center;
    background: transparent;
    border: 0;
    color: #9E9E9E;
    display: flex;
    font-size: 0.875rem;
    gap: 0.875rem;
    min-height: 3rem;
    padding: 0 1.25rem;
    position: relative;
    z-index: 11; }
    .controls__button .icon {
      font-size: 1rem; }
    .controls__button::before {
      background: #E7EBF0;
      bottom: 0;
      content: "";
      height: 1.875rem;
      left: 0;
      margin: auto;
      position: absolute;
      top: 0;
      width: 1px; }
    .controls__button:hover {
      color: #B0832D; }
  .controls__filter {
    align-items: flex-start;
    background: #fff;
    border-radius: 0.625rem;
    box-shadow: 0 0.5rem 1.25rem 0 rgba(176, 131, 45, 0.2);
    display: flex;
    gap: 1rem;
    max-width: 59.5rem;
    position: relative;
    width: 100%; }
    .controls__filter::before {
      align-items: center;
      bottom: 0;
      color: rgba(18, 40, 70, 0.4);
      content: "";
      display: flex;
      font: 1rem 'icomoon';
      height: 3rem;
      left: 0.875rem;
      position: absolute;
      top: 0; }
    .controls__filter input {
      background: transparent;
      border: 0;
      color: inherit;
      font-size: 0.875rem;
      min-height: 3rem;
      padding: 0 0 0 2.625rem;
      position: relative; }
      .controls__filter input::placeholder {
        color: rgba(18, 40, 70, 0.5);
        opacity: 1; }
    .controls__filter div:empty {
      display: none; }
    .controls__filter-collapse {
      background: #fff;
      border-radius: 0.625rem;
      box-shadow: 0 1rem 2.5rem 0 rgba(94, 86, 61, 0.3);
      max-height: 50svh;
      overflow: auto;
      padding: 1.25rem 1.375rem; }
    .controls__filter-heading {
      display: flex;
      font-size: 0.9375rem;
      font-weight: 700;
      gap: 0.625rem;
      margin-bottom: 1rem;
      padding-right: 6.5rem; }
      .controls__filter-heading .icon {
        color: #B0832D;
        font-size: 1.125rem; }
  .controls__labels {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    gap: 0.25rem;
    justify-content: flex-end;
    min-height: 3rem;
    padding: 0.5rem 0; }
    .controls__labels button {
      background: transparent;
      border: 0;
      padding: 0; }
      .controls__labels button:hover {
        color: #f15b62; }
    .controls__labels-item {
      align-items: center;
      background: rgba(176, 131, 45, 0.2);
      border-radius: 0.25rem;
      border: 1px solid rgba(176, 131, 45, 0.6);
      color: #B0832D;
      display: flex;
      font-size: 12px;
      gap: 0.125rem;
      line-height: 1;
      padding: 0.125rem 0.25rem 0.125rem 0.375rem; }
  @media (max-width: 991px) {
    .controls__button {
      font-size: 0;
      gap: 0;
      padding: 0 0.75rem; } }
@media (max-width: 575px) {
  .controls {
    align-items: flex-start;
    flex-direction: column; } }

.conversation {
  background: rgba(148, 110, 38, 0.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 1.25rem 2rem 2rem 2rem; }
  .conversation__avatar {
    align-items: center;
    background: #B0832D;
    border-radius: 50%;
    color: #122846;
    display: flex;
    font-size: 0.75rem;
    font-weight: 700;
    height: 2.5rem;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0.75rem;
    width: 2.5rem; }
  .conversation__body {
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding-right: 2rem; }
  .conversation__date {
    color: #76828F;
    font-size: 0.75rem;
    font-weight: 400; }
  .conversation__info {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem; }
  .conversation__input {
    display: grid;
    gap: 0.75em;
    grid-template-columns: 1fr 1.25rem;
    margin-top: 1rem; }
    .conversation__input button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #B0832D;
      display: flex;
      font-size: 1.25rem;
      justify-content: center;
      padding: 0; }
      .conversation__input button:disabled {
        color: rgba(176, 131, 45, 0.25);
        cursor: default; }
    .conversation__input textarea {
      border: 1px solid rgba(94, 86, 61, 0.25);
      border-radius: 0.375rem;
      font-size: 0.875rem;
      line-height: 1;
      padding: 0.875rem 0.75rem; }
    .conversation__input div:empty {
      display: none; }
  .conversation__message {
    border-top: 1px solid rgba(94, 86, 61, 0.15);
    display: flex;
    flex-direction: column;
    font-size: 0.8125rem;
    font-weight: 300;
    gap: 0.25rem;
    padding: 0.75rem 0 0.75rem 4rem;
    position: relative; }
    .conversation__message:first-child {
      border-top: 0; }
  .conversation__more {
    background: transparent;
    border: 0;
    color: #B0832D;
    display: none;
    font-size: inherit;
    text-decoration: underline; }
    .conversation__more:hover {
      text-decoration: none; }
  .conversation__name {
    font-size: 0.875rem;
    font-weight: 700; }
  @media (max-width: 399px) {
    .conversation {
      padding-bottom: 1rem;
      padding-left: 1rem;
      padding-right: 1rem; }
      .conversation__avatar {
        height: 1.5rem;
        width: 1.5rem; }
      .conversation__body {
        padding-right: 1rem; }
      .conversation__message {
        padding-left: 2rem; } }

.detail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 90svh;
  max-height: 36rem;
  overflow: hidden; }
  .detail__buttons {
    display: flex;
    gap: 0.5rem; }
  .detail__column {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
    padding: 2.5rem;
    position: relative; }
    .detail__column + .detail__column {
      background: rgba(148, 110, 38, 0.1);
      border-left: 1px solid rgba(176, 131, 45, 0.8); }
    .detail__column hr {
      background: rgba(148, 110, 38, 0.15);
      margin-bottom: 0.75rem;
      margin-top: 1.5rem; }
  .detail__column:has(.detail__icon) {
    padding-left: 6.5rem; }
  .detail__collapse {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem; }
    .detail__collapse-more {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      max-height: 0;
      overflow: hidden;
      transition: all 0.25s; }
    .detail__collapse-toggler {
      align-items: center;
      background: transparent;
      border: 0;
      color: #B0832D;
      display: flex;
      font-size: 0.8125rem;
      order: 2;
      padding: 0 0 0 1.75rem;
      position: relative;
      text-decoration: underline; }
      .detail__collapse-toggler::before {
        bottom: 0;
        content: "";
        font: 1rem/1 'icomoon';
        left: 0;
        position: absolute;
        transition: all 0.25s; }
    .detail__collapse.active .detail__collapse-more {
      max-height: 20rem; }
    .detail__collapse.active .detail__collapse-toggler-text:first-child {
      display: none; }
    .detail__collapse.active .detail__collapse-toggler::before {
      transform: rotate(180deg); }
    .detail__collapse:not(.active) .detail__collapse-toggler-text:last-child {
      display: none; }
  .detail__contact {
    align-items: center;
    display: flex;
    padding-left: 1.75rem;
    position: relative; }
    .detail__contact .icon {
      color: #B0832D;
      font-size: 1.125rem;
      left: 0;
      position: absolute;
      top: 0.25rem; }
  .detail__data {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
    padding: 0.5rem 0; }
    .detail__data-item {
      display: flex;
      flex-direction: column; }
      .detail__data-item--highlight {
        background: rgba(100, 190, 114, 0.2);
        border-radius: 0.75rem;
        color: #64BE72;
        font-weight: 700;
        margin: -0.5rem -0.75rem;
        padding: 0.5rem 0.75rem; }
  .detail__file {
    align-items: flex-start;
    color: #76828F;
    display: flex;
    font-size: 0.75rem;
    gap: 1rem;
    padding-left: 2rem;
    position: relative; }
    .detail__file .icon {
      color: #B0832D;
      font-size: 1.125rem;
      left: 0;
      position: absolute; }
    .detail__file-controls {
      margin-left: auto;
      display: flex;
      gap: 1.25rem; }
      .detail__file-controls button {
        background: transparent;
        border: 0;
        padding: 0; }
      .detail__file-controls .icon {
        position: static; }
    .detail__file-info {
      display: flex;
      flex-direction: column;
      overflow: hidden; }
    .detail__file-name {
      color: #122846;
      font-size: 0.9375rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .detail__header {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.5rem 0; }
  .detail__heading {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .detail__icon {
    align-items: center;
    background: rgba(148, 110, 38, 0.15);
    border-radius: 0.5rem;
    color: #B0832D;
    display: flex;
    font-size: 0.75em;
    height: 2em;
    justify-content: center;
    left: 2.5rem;
    line-height: inherit;
    position: absolute;
    top: 2.5rem;
    width: 2em; }
  .detail__info {
    align-items: center;
    color: #76828F;
    display: flex;
    font-size: 0.75rem;
    font-weight: 400;
    gap: 0.5rem;
    padding-top: 0.25rem; }
    .detail__info-buttons {
      display: none;
      gap: 0.25rem; }
    .detail__info-item {
      align-items: center;
      display: flex;
      gap: 0.125rem;
      position: relative; }
      .detail__info-item .icon {
        color: #B0832D;
        display: none;
        margin-right: 0.25rem; }
      .detail__info-item .form-group {
        border: 0;
        display: flex;
        margin-bottom: 0;
        max-width: 7rem; }
      .detail__info-item .form-group .select2-container--default .select2-selection--single {
        border: 0;
        height: auto; }
      .detail__info-item input {
        background: transparent;
        border: 0;
        color: #76828F;
        cursor: pointer;
        font-size: 0.75rem;
        font-weight: 400;
        padding: 0;
        width: 4rem; }
  .detail__input {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-bottom: 1rem;
    padding-left: 2rem; }
    .detail__input:last-child {
      margin-bottom: 0; }
    .detail__input-field {
      align-items: center;
      background: rgba(255, 255, 255, 0.95);
      border: 1px solid rgba(94, 86, 61, 0.25);
      border-radius: 0.375rem;
      display: grid;
      gap: 1rem;
      grid-template-columns: 1fr auto;
      padding-right: 0.75rem;
      position: relative; }
      .detail__input-field > div:empty {
        display: none; }
      .detail__input-field .form-group {
        margin-bottom: 0; }
    .detail__input input, .detail__input textarea {
      background: transparent;
      border: 0;
      flex-grow: 1;
      font-size: 0.875rem;
      padding: 0.875rem 0.75rem; }
  .detail__new {
    align-items: start;
    display: grid;
    padding-left: 2rem; }
    .detail__new-cell {
      grid-column-start: 1;
      grid-row-start: 1;
      transform-origin: 0 0;
      transition: all 0.25s; }
      .detail__new-cell:first-child {
        max-height: 0;
        transform: scale(0); }
    .detail__new.add .detail__new-cell:first-child {
      max-height: none;
      transform: scale(1); }
    .detail__new.add .detail__new-cell:last-child {
      max-height: 0;
      transform: scale(0); }
  .detail__notes {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /*margin-bottom: 0.75rem; padding-bottom: 1.5rem;*/
    padding-top: 0.5rem; }
  .detail__par {
    padding-left: 2rem;
    padding-top: 0.25rem;
    position: relative; }
    .detail__par .icon {
      color: rgba(176, 131, 45, 0.7);
      display: flex;
      font-size: 1.375rem;
      height: 1.5rem;
      line-height: 1;
      justify-content: center;
      left: 0;
      position: absolute;
      top: 0;
      width: 1.5rem; }
    .detail__par p {
      font-size: 0.9375rem;
      font-weight: 300;
      line-height: 1.2; }
  .detail__select {
    max-width: 7rem; }
  .detail__scroll {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    margin-left: -1rem;
    margin-right: -2rem;
    max-height: 100%;
    overflow: auto;
    padding-left: 1rem;
    padding-right: 2rem;
    position: relative; }
  .detail__stage {
    align-items: center;
    background: rgba(148, 110, 38, 0.1);
    border-radius: 12px;
    color: rgba(94, 86, 61, 0.5);
    display: flex;
    font-size: 0.75rem;
    font-weight: 700;
    gap: 0.75rem;
    margin: auto -0.625rem 0;
    padding: 0.625rem;
    text-transform: uppercase;
    white-space: nowrap; }
    .detail__stage-current {
      align-items: center;
      align-self: stretch;
      background: rgba(94, 86, 61, 0.05);
      border: 1px solid rgba(94, 86, 61, 0.3);
      border-radius: 0.375rem;
      color: rgba(94, 86, 61, 0.7);
      display: flex;
      font-size: 0.8125rem;
      font-weight: 400;
      margin-right: auto;
      max-width: 100%;
      overflow: hidden;
      padding: 0.2rem 0.625rem;
      text-transform: none; }
    .detail__stage-button {
      align-items: center;
      background: #fff;
      border: 1px solid rgba(94, 86, 61, 0.25);
      border-radius: 0.5rem;
      color: #122846;
      display: flex;
      font-size: 0.875rem;
      font-weight: 400;
      justify-content: center;
      gap: 0.5rem;
      min-height: 3rem;
      overflow: hidden;
      padding: 0.25rem 0.875rem;
      text-transform: none; }
      .detail__stage-button:hover {
        color: #B0832D; }
      .detail__stage-button .icon {
        color: #B0832D;
        font-size: 1.125em; }
    .detail__stage-text {
      overflow: hidden;
      text-overflow: ellipsis; }
    .detail__stage select {
      align-self: stretch;
      background: #fff;
      border: 1px solid rgba(94, 86, 61, 0.25);
      border-bottom-width: 2px;
      border-radius: 0.375rem;
      font-size: 0.875rem;
      max-width: 10rem;
      min-height: 2.5rem;
      padding: 0 0.75rem; }
  .detail__task {
    position: relative;
    transition: all 0.25s; }
    .detail__task .button {
      display: none; }
    .detail__task .form__check {
      left: 0.375rem;
      position: absolute;
      top: 0.375rem;
      z-index: 1; }
      .detail__task .form__check input:checked + label::after {
        color: rgba(176, 131, 45, 0.5); }
      .detail__task .form__check input:checked + label::before {
        background: #fff;
        border-color: rgba(148, 110, 38, 0.4); }
    .detail__task-body {
      border-radius: 0.375rem;
      display: flex;
      flex-direction: column;
      padding: 0.375rem;
      position: relative;
      transition: all 0.25s; }
      .detail__task-body::after {
        bottom: 0;
        content: "";
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0; }
      .detail__task-body::before {
        content: "";
        font: 1rem 'icomoon';
        opacity: 0;
        position: absolute;
        right: 0.5rem;
        top: 0.5rem;
        transition: all 0.25s; }
      .detail__task-body:hover {
        background: rgba(176, 131, 45, 0.1); }
        .detail__task-body:hover::before {
          opacity: 0.25; }
    .detail__task-delete {
      background: transparent;
      border: 0;
      color: #B0832D;
      display: none;
      padding: 0 0.75rem; }
      .detail__task-delete:hover {
        color: #f15b62; }
    .detail__task-icon {
      color: rgba(176, 131, 45, 0.7);
      display: flex;
      font-size: 1.375rem;
      height: 1.5rem;
      line-height: 1;
      justify-content: center;
      left: 0.375rem;
      position: absolute;
      top: 0.375rem;
      width: 1.5rem;
      z-index: 1; }
    .detail__task-name {
      background: transparent;
      border: 0;
      border-radius: 0.375rem;
      font-size: 0.9375rem;
      height: auto;
      padding: 0 1.5rem 0 0; }
    .detail__task-note {
      background: transparent;
      border: 0;
      border-radius: 0.375rem;
      font-size: 0.9375rem;
      font-weight: 300;
      line-height: 1.2;
      min-height: 1.5rem;
      overflow: hidden;
      padding: 0 1.5rem 0 0;
      resize: none; }
    .detail__task.done .detail__task-body {
      opacity: 0.5; }
    .detail__task.done .detail__task-name {
      text-decoration: line-through; }
    .detail__task.edit .button {
      display: flex; }
    .detail__task.edit .detail__task-body {
      background: rgba(176, 131, 45, 0.1); }
      .detail__task.edit .detail__task-body::after, .detail__task.edit .detail__task-body::before {
        content: none; }
      .detail__task.edit .detail__task-body .icon {
        display: flex; }
    .detail__task.edit .detail__task-delete {
      display: block; }
    .detail__task.edit .detail__task-name {
      background: rgba(255, 255, 255, 0.95);
      border: 1px solid rgba(94, 86, 61, 0.25);
      margin-bottom: 0.5rem;
      padding: 0.625rem 0.75rem; }
    .detail__task.edit .detail__task-note {
      background: rgba(255, 255, 255, 0.95);
      border: 1px solid rgba(94, 86, 61, 0.25);
      margin-bottom: 0.5rem;
      min-height: 5rem;
      padding: 0.5rem 0.75rem;
      resize: both; }
    .detail__task.edit .detail__task-cancel {
      display: block; }
  .detail__task.edit .detail__info-buttons {
    display: flex; }
  .detail__task.edit .detail__info-item--noedit {
    display: none; }
  .detail .detail__task:has(.form__check) .detail__task-body, .detail__task:has(.detail__task-icon) .detail__task-body {
    padding-left: 2.375rem; }
  .detail__title {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font: 700 2rem/1.2 'Brown', Arial;
    margin-bottom: 1rem; }
    .detail__title-small {
      font-size: 1em;
      font-weight: 300; }
  @media (orientation: portrait) {
    .detail {
      max-height: 90svh; } }
@media (max-width: 1199px) {
  .detail__column:has(.detail__icon) {
    padding-left: 2.5rem; }
  .detail__info {
    flex-wrap: wrap; }
    .detail__info-buttons {
      order: 2;
      width: 100%; }
  .detail__title {
    font-size: 1.75rem;
    min-height: 1.5em;
    padding-left: 2em; } }
@media (max-width: 991px) {
  .detail__stage {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0; }
    .detail__stage-current {
      align-self: center;
      margin-right: 0; } }
@media (max-width: 767px) {
  .detail {
    grid-template-columns: none;
    max-height: 68rem; }
    .detail__column + .detail__column {
      border-left: 0;
      border-top: 1px solid rgba(176, 131, 45, 0.8); }
    .detail__stage {
      flex-direction: row; }
      .detail__stage-current {
        align-self: stretch;
        margin-right: auto; } }
@media (max-width: 575px) {
  .detail__column {
    padding: 1rem; }
  .detail__column:has(.detail__icon) {
    padding-left: 1rem; }
  .detail__icon {
    left: 1rem;
    top: 1rem; }
  .detail__input-field {
    background: transparent;
    border: 0;
    grid-template-columns: none; }
    .detail__input-field input {
      background: rgba(255, 255, 255, 0.95);
      border: 1px solid rgba(94, 86, 61, 0.25); }
  .detail__scroll {
    margin-left: -0.5rem;
    padding-left: 0.5rem;
    margin-right: -0.5rem;
    padding-right: 0.5rem; }
  .detail__stage {
    flex-direction: column; }
    .detail__stage-current {
      align-self: center;
      margin-right: 0; }
  .detail__title {
    font-size: 1.5rem;
    margin-bottom: 0; } }

.e-table {
  margin-left: -1rem;
  margin-right: -1rem;
  overflow: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  .e-table table {
    border-collapse: separate;
    border-spacing: 0 2px;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.2;
    width: 100%; }
  .e-table tbody th, .e-table td {
    background: #fff;
    height: 3.75rem;
    padding: 0.5rem;
    vertical-align: middle; }
    .e-table tbody th:first-child, .e-table td:first-child {
      border-radius: 0.625rem 0 0 0.625rem;
      padding-left: 1.5rem; }
    .e-table tbody th:last-child, .e-table td:last-child {
      border-radius: 0 0.625rem 0.625rem 0;
      padding-right: 1.375rem; }
    .e-table tbody th .icon-check, .e-table td .icon-check {
      align-items: center;
      background: #64BE72;
      border-radius: 50%;
      color: #fff;
      display: flex;
      font-size: 1.25rem;
      height: 1.25rem;
      justify-content: center;
      width: 1.25rem; }
      .e-table tbody th .icon-check--not, .e-table td .icon-check--not {
        background: rgba(118, 130, 143, 0.25);
        content: ""; }
  td:has(.e-table__settings) {
    width: 2rem; }
  .e-table th {
    color: #76828F;
    font-size: 0.8125rem;
    font-weight: 400;
    padding: 1rem 0.5rem;
    text-align: left;
    vertical-align: middle; }
    .e-table th .icon {
      color: #B0832D;
      font-size: 1.125rem;
      margin-right: 0.25rem; }
    .e-table th:first-child {
      color: #122846;
      font-size: 0.9375rem;
      font-weight: 700; }
  tr:has(.e-table__row-link) {
    position: relative; }
    tr:has(.e-table__row-link):hover td, tr:has(.e-table__row-link):hover th {
      background: rgba(255, 255, 255, 0.75); }
    tr:has(.e-table__row-link):hover td:first-child, tr:has(.e-table__row-link):hover th:first-child {
      color: #B0832D; }
  .e-table__labels {
    display: flex;
    flex-wrap: wrap;
    font-size: 400px;
    gap: 0.25rem; }
    .e-table__labels-item {
      align-items: center;
      background: rgba(176, 131, 45, 0.2);
      border-radius: 0.25rem;
      border: 1px solid rgba(176, 131, 45, 0.6);
      color: #B0832D;
      display: flex;
      font-size: 0.75rem;
      font-weight: 400;
      height: 1.25rem;
      line-height: 1;
      padding: 0 0.375rem; }
  .e-table__row-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .e-table__settings {
    font-weight: 400;
    position: relative; }
    .e-table__settings-button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #9E9E9E;
      display: flex;
      font-size: 1.5rem;
      height: 2rem;
      justify-content: center;
      padding: 0;
      position: relative;
      width: 2rem;
      z-index: 1; }
      .e-table__settings-button:hover {
        color: #B0832D; }
    .e-table__settings-collapse {
      background: #fff;
      border-radius: 0.5rem;
      box-shadow: none;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      max-height: 0;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: -0.1875rem;
      transition: all 0.25s;
      width: 12.1875rem; }
      .e-table__settings-collapse select {
        align-self: stretch;
        background: #fff;
        border: 1px solid rgba(94, 86, 61, 0.25);
        border-bottom-width: 2px;
        border-radius: 0.375rem;
        color: rgba(18, 40, 70, 0.7);
        font-size: 0.875rem;
        min-height: 3rem;
        padding: 0 0.75rem;
        width: 100%; }
    .e-table__settings-heading {
      align-items: center;
      border-top: 1px solid #E7EBF0;
      color: rgba(18, 40, 70, 0.5);
      display: flex;
      font-size: 0.75rem;
      margin-top: 1rem;
      min-height: 2.5rem;
      padding: 0.5rem 2rem 0 0.875rem; }
      .e-table__settings-heading:first-child {
        border-top: 0;
        margin-top: 0; }
    .e-table__settings-item {
      display: flex;
      font-size: 0.75rem;
      gap: 1rem;
      padding: 0 0.875rem; }
      .e-table__settings-item .icon {
        font-size: 1rem;
        line-height: 1; }
      .e-table__settings-item:is(a):hover {
        color: #B0832D; }
      .e-table__settings-item:first-child {
        padding-right: 2rem;
        padding-top: 0.625rem; }
    .e-table__settings-overlay {
      background: rgba(0, 0, 0, 0.15);
      left: 0;
      position: fixed;
      right: 0;
      top: 0; }
    .e-table__settings.active {
      z-index: 11; }
    .e-table__settings.active .e-table__settings-button {
      color: rgba(18, 40, 70, 0.5); }
      .e-table__settings.active .e-table__settings-button .icon::before {
        content: ""; }
      .e-table__settings.active .e-table__settings-button:hover {
        color: #B0832D; }
    .e-table__settings.active .e-table__settings-collapse {
      box-shadow: 0 0.5rem 1rem 0.5rem rgba(94, 86, 61, 0.2);
      max-height: 30rem;
      padding-bottom: 0.75rem; }
    .e-table__settings.active .e-table__settings-overlay {
      bottom: 0; }
  .e-table__pagination {
    align-items: center;
    display: flex;
    gap: 0.25rem;
    padding-top: 2.5rem; }
    .e-table__pagination-item {
      align-items: center;
      background: rgba(176, 131, 45, 0.25);
      border-radius: 0.5rem;
      color: #B0832D;
      display: flex;
      font-size: 0.75rem;
      height: 1.75rem;
      justify-content: center;
      width: 1.75rem; }
      .e-table__pagination-item:hover {
        background: rgba(176, 131, 45, 0.4); }
      .e-table__pagination-item:first-child, .e-table__pagination-item:last-child {
        background: transparent;
        font-size: 1rem;
        height: 1rem;
        margin-right: auto;
        width: 1rem; }
        .e-table__pagination-item:first-child:hover, .e-table__pagination-item:last-child:hover {
          color: #122846; }
      .e-table__pagination-item:last-child {
        margin-right: 0;
        margin-left: auto; }
      .e-table__pagination-item.active {
        background: #B0832D;
        color: #fff; }
  @media (max-width: 1199px) {
    .e-table table {
      font-size: 0.875rem; }
    .e-table thead {
      display: none; }
    .e-table tbody {
      display: grid;
      gap: 0.75rem;
      grid-template-columns: repeat(2, 1fr); }
    .e-table tbody th, .e-table td {
      background: transparent;
      height: auto;
      padding: 0; }
      .e-table tbody th:first-child, .e-table td:first-child {
        padding-left: 0; }
      .e-table tbody th:last-child, .e-table td:last-child {
        padding-right: 0; }
      .e-table tbody th[data-label], .e-table td[data-label] {
        display: grid;
        gap: 1rem;
        grid-template-columns: 6rem 1fr; }
        .e-table tbody th[data-label]::before, .e-table td[data-label]::before {
          content: attr(data-label) ":";
          color: #76828F;
          font-size: 0.75rem;
          font-weight: 400; }
    td:has(.e-table__settings) {
      position: absolute;
      right: 1rem;
      top: 0.25rem; }
    .e-table tr {
      background: #fff;
      border-radius: 0.625rem;
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      padding: 1rem;
      position: relative; }
    tr:has(.e-table__settings) {
      padding-top: 2rem; } }
@media (max-width: 575px) {
  .e-table tbody {
    grid-template-columns: none; } }

.header {
  display: flex;
  flex-direction: column;
  font-size: 1.125rem;
  font-weight: 300;
  gap: 1rem;
  padding-left: 3.75rem;
  position: relative; }
  .header h1 {
    font: 700 2.375rem/1.2 'Brown', Arial; }
  .header__breadcrumbs {
    color: #76828F;
    display: flex;
    font-size: 0.875rem;
    gap: 0.5em; }
    .header__breadcrumbs-item:not(:hover) {
      text-decoration: underline; }
  .header__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-left: auto; }
  .header__icon {
    align-items: center;
    background: rgba(176, 131, 45, 0.2);
    border-radius: 0.75rem;
    color: #B0832D;
    display: flex;
    font-size: 1.5rem;
    height: 3rem;
    justify-content: center;
    left: 0;
    line-height: 1;
    position: absolute;
    top: 0;
    width: 3rem; }
    .header__icon::before {
      height: 1em; }
  .header__labels {
    display: flex;
    flex-wrap: wrap;
    font-size: 400px;
    gap: 0.25rem; }
    .header__labels-item {
      align-items: center;
      background: rgba(176, 131, 45, 0.2);
      border-radius: 0.25rem;
      border: 1px solid rgba(176, 131, 45, 0.6);
      color: #B0832D;
      display: flex;
      font-size: 0.8125rem;
      font-weight: 400;
      height: 1.5rem;
      line-height: 1;
      padding: 0 0.625rem; }
      .header__labels-item:is(a, button):hover {
        filter: saturate(4); }
  .header__row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; }
  @media (max-width: 1399px) {
    .header {
      font-size: 1rem; }
      .header h1 {
        font-size: 2rem; } }
@media (max-width: 767px) {
  .header {
    padding-left: 0; }
    .header h1 {
      font-size: 1.75rem;
      padding-left: 3.25rem;
      padding-right: 5.5rem; }
    .header p {
      display: none; }
    .header__breadcrumbs {
      padding-left: 3.25rem;
      padding-right: 5.5rem; }
    .header__icon {
      height: 2.5rem;
      top: -0.25rem;
      width: 2.5rem; } }
@media (max-width: 575px) {
  .header h1 {
    font-size: 1.5rem; } }

.login {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 3rem;
  justify-content: center;
  padding: 1rem;
  text-align: center; }
  .login__box {
    align-items: center;
    background: #fff;
    border-radius: 0.625rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(176, 131, 45, 0.2);
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: center;
    max-width: 25rem;
    padding: 2rem;
    width: 100%; }
  .login__buttons {
    display: flex;
    flex-direction: column;
    gap: 0.75rem; }
  .login__logo {
    width: 15rem; }
  .login__title {
    font-size: 1.75rem; }

.logos {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); }
  .logos__item {
    align-items: center;
    background: #fff;
    border-radius: 0.625rem;
    box-shadow: 0 0.5rem 1rem -0.5rem rgba(176, 131, 45, 0.3);
    display: flex;
    height: 3.75rem;
    justify-content: center; }

.marketplace {
  background: #fff;
  border-radius: 0.625rem;
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
  padding: 2rem; }
  .marketplace__text {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
  .marketplace__logo {
    align-items: center;
    align-self: flex-start;
    background: rgba(176, 131, 45, 0.05);
    border-radius: 0.5rem;
    display: flex;
    height: 4rem;
    justify-content: center;
    padding: 0.75rem 1.25rem; }
    .marketplace__logo img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain; }
  .marketplace__perex {
    font-size: 1.0625rem;
    font-weight: 500; }
  .marketplace__description :first-child {
    font-size: 1.0625rem;
    font-weight: 500; }
  .marketplace__image {
    align-items: flex-start;
    display: flex; }
    .marketplace__image img {
      border-radius: 0.625rem;
      height: auto;
      max-width: 100%; }
  .marketplace__footer {
    align-items: center;
    background: rgba(176, 131, 45, 0.15);
    border-radius: 0.625rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: auto;
    padding: 1rem 1.5rem; }
    .marketplace__footer .button {
      min-height: 2.75rem; }
  .marketplace__footer-price {
    color: rgba(18, 40, 70, 0.7);
    font-size: 0.875rem; }
  .marketplace__footer-value {
    color: #B0832D;
    display: block;
    font-size: 1.5rem;
    font-weight: 700; }
  .marketplace__link {
    align-items: center;
    background: rgba(176, 131, 45, 0.08);
    border-radius: 0.625rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.5rem; }
  .marketplace__link-text {
    color: rgba(18, 40, 70, 0.8);
    font-size: 0.875rem; }
  .marketplace__discount {
    font-size: 0.9375rem; }
  @media (max-width: 767px) {
    .marketplace {
      grid-template-columns: 1fr; } }

.marketplace-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem; }

.modal-body {
  color: #122846;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  justify-content: center;
  max-height: 90vh;
  padding: 0;
  position: relative;
  position: relative; }
  .modal-body:has(.modal-body-overflow) {
    padding-bottom: 3.75rem;
    padding-top: 3.75rem; }
  .modal-body--padding {
    padding: 3.75rem 3rem; }
  .modal-body-overflow {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 100%;
    overflow: auto;
    padding: 0 3rem; }
.modal-dialog {
  max-width: 70rem; }
.modal--md {
  max-width: 50.5rem;
  margin: 0 auto; }
.modal--sm {
  max-width: 45rem;
  margin: 0 auto; }
.modal--xs {
  max-width: 27.5rem;
  margin: 0 auto; }
.modal-content {
  background: #fff;
  border: none;
  border-radius: 0.75rem;
  overflow: hidden; }
  .modal-content--bg {
    background: #f3e7d0 url("/img/bg.png"); }
.modal-footer {
  border: 0;
  padding: 2rem 3rem 2.5rem; }
.modal-header {
  border: 0;
  display: flex;
  flex-direction: column;
  padding: 2.5rem 3rem 2rem; }
.modal-header + .modal-body {
  padding: 0 3rem; }
.modal-subtitle {
  color: rgba(94, 86, 61, 0.5);
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase; }
.modal-title {
  font-size: 1.25rem;
  font-weight: 700; }
.modal__close {
  align-items: center;
  background: transparent;
  border: 0;
  color: rgba(18, 40, 70, 0.5);
  display: flex;
  font-size: 1.75rem;
  height: 1.75rem;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 0.875rem;
  top: 0.875rem;
  width: 1.75rem;
  z-index: 1; }
  .modal__close:hover {
    color: #B0832D; }
.modal__notifications {
  align-items: flex-start;
  display: flex;
  gap: 1rem; }
  .modal__notifications .form__switch label::before {
    background: rgba(118, 130, 143, 0.2); }
  .modal__notifications-col {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 0.5rem; }
  .modal__notifications-subcol {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 0.25rem;
    padding-left: 30px; }

.modal-add {
  border-radius: 0.75rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .modal-add__body {
    border-left: 1px solid #B0832D;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    grid-row: span 2;
    padding-left: 3.75rem; }
    .modal-add__body-title {
      color: rgba(18, 40, 70, 0.6);
      font-weight: 300; }
    .modal-add__body.form {
      gap: 0;
      padding-left: 2.5rem; }
  .modal-add__buttons {
    display: flex;
    flex-direction: column;
    gap: 0.375rem; }
    .modal-add__buttons-title {
      color: rgba(94, 86, 61, 0.5);
      font-size: 0.75rem;
      font-weight: 700;
      margin-bottom: 0.75rem;
      text-transform: uppercase; }
  .modal-add__footer {
    align-self: end;
    bottom: 0;
    color: rgba(18, 40, 70, 0.6);
    padding-top: 2rem;
    position: sticky; }
  .modal-add__header {
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    padding-right: 3.75rem;
    position: sticky;
    top: 0; }
  .modal-add__help {
    color: rgba(18, 40, 70, 0.5);
    font-size: 0.8125rem; }
    .modal-add__help a {
      color: #B0832D;
      position: relative;
      text-decoration: underline; }
      .modal-add__help a .icon {
        font-size: 0.875rem;
        left: 0;
        position: absolute;
        top: 0.125rem; }
      .modal-add__help a:has(.icon) {
        padding-left: 1.125rem; }
  .modal-add__link {
    align-items: center;
    color: #B0832D;
    display: flex;
    font-size: 0.8125rem;
    min-height: 1.5rem;
    padding-left: 2.25rem;
    position: relative;
    text-decoration: underline; }
    .modal-add__link .icon {
      font-size: 1.5rem;
      left: 0;
      position: absolute;
      top: 0; }
  .modal-add__options {
    color: #122846;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    gap: 0.875rem; }
    .modal-add__options-item {
      padding-left: 2.5rem;
      position: relative; }
      .modal-add__options-item .icon {
        color: #B0832D;
        font-size: 1.5rem;
        left: 0;
        position: absolute;
        top: 0; }
  .modal-add__upload {
    display: flex;
    flex-direction: column;
    gap: 0.75rem; }
    .modal-add__upload input {
      display: none; }
    .modal-add__upload label {
      align-items: center;
      background: #fff linear-gradient(224deg, #B0832D, rgba(176, 131, 45, 0.85));
      border: 1px solid transparent;
      border-radius: 0.5rem;
      box-shadow: 0 0.5rem 1.25rem 0 rgba(176, 131, 45, 0.2);
      color: #fff;
      display: flex;
      font-size: 0.875rem;
      font-weight: 700;
      gap: 0.5rem;
      justify-content: center;
      min-height: 3rem;
      padding: 0.25rem 0.875rem; }
      .modal-add__upload label .icon {
        font-size: 1.5rem;
        line-height: 1; }
      .modal-add__upload label:hover {
        background-color: #B0832D;
        color: #fff; }
  .modal-add__title {
    color: #122846;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    min-height: 3.5rem;
    margin-bottom: auto;
    padding-left: 2.25em;
    padding-top: 0.25em;
    position: relative; }
    .modal-add__title .icon {
      align-items: center;
      background: rgba(148, 110, 38, 0.15);
      border-radius: 0.5rem;
      color: #B0832D;
      display: flex;
      font-size: 0.785715em;
      height: 2.182em;
      justify-content: center;
      left: 0;
      position: absolute;
      top: 0;
      width: 2.182em; }
  @media (max-width: 767px) {
    .modal-add__body {
      padding-left: 2rem; }
    .modal-add__header {
      padding-right: 2rem; }
    .modal-add__title {
      font-size: 1.5rem; } }
@media (max-width: 575px) {
  .modal-add {
    grid-template-columns: none; }
    .modal-add__body {
      border-bottom: 1px solid #B0832D;
      border-left: none;
      gap: 1.5rem;
      grid-row: auto;
      padding: 1rem 0 2rem; }
      .modal-add__body.form {
        padding-left: 0; }
    .modal-add__header {
      padding: 0; } }
@media (max-width: 399px) {
  .modal-add__buttons .button {
    min-height: 2.625rem; }
  .modal-add__upload label {
    min-height: 2.625rem; }
  .modal-add__title {
    font-size: 1.25rem; } }

.modal-order {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr 1fr; }
  .modal-order__image {
    align-items: center;
    background: rgba(176, 131, 45, 0.05);
    display: flex;
    justify-content: center;
    padding: 2rem; }
    .modal-order__image img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain; }
  .modal-order__form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem; }
  .modal-order__header {
    margin-bottom: 0.5rem; }
    .modal-order__header h2 {
      font: 700 1.5rem/1.2 'Brown', Arial;
      margin: 0; }
  .modal-order__header-caption {
    color: rgba(18, 40, 70, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase; }
  @media (max-width: 767px) {
    .modal-order {
      grid-template-columns: 1fr; }
      .modal-order__image {
        padding: 1rem; } }

.products {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr)); }
  .products__footer {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: auto; }
  .products__image {
    display: flex;
    height: 10rem; }
    .products__image img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
  .products__item {
    background: #fff;
    border-radius: 0.625rem;
    box-shadow: 0 0.5rem 1rem -0.5rem rgba(176, 131, 45, 0.3);
    display: flex;
    flex-direction: column;
    overflow: hidden; }
  .products__item:hover .products__title {
    text-decoration: underline; }
  .products__logo {
    display: flex;
    justify-content: center;
    width: 5rem; }
    .products__logo img {
      max-height: 1.5rem;
      object-fit: contain; }
  .products__price {
    color: #B0832D;
    font-size: 1rem;
    font-weight: 700; }
  .products__text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 1rem;
    padding: 1.5rem; }

.setdate {
  align-items: center;
  color: #B0832D;
  display: inline-flex;
  font-size: 0.75rem;
  gap: 0.875rem; }
  .setdate__controls {
    display: flex;
    font-size: 0.9375rem;
    gap: 0.375rem; }
    .setdate__controls button {
      background: transparent;
      border: 0;
      padding: 0; }
      .setdate__controls button:hover {
        color: #122846; }

.settings {
  position: relative;
  z-index: 1; }
  .settings__button {
    align-items: center;
    background: transparent;
    border: 0;
    color: #B0832D;
    display: flex;
    font-size: 0.8125rem;
    gap: 1rem;
    justify-content: center;
    min-width: 2rem;
    padding: 0;
    position: relative;
    z-index: 1; }
    .settings__button .icon {
      font-size: 1.125rem; }
    .settings__button:hover {
      color: #B0832D; }
  .settings__collapse {
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -1rem;
    transition: all 0.25s;
    width: 12.1875rem; }
    .settings__collapse select {
      align-self: stretch;
      background: #fff;
      border: 1px solid rgba(94, 86, 61, 0.25);
      border-bottom-width: 2px;
      border-radius: 0.375rem;
      color: rgba(18, 40, 70, 0.7);
      font-size: 0.875rem;
      min-height: 3rem;
      padding: 0 0.75rem;
      width: 100%; }
  .settings__heading {
    align-items: center;
    border-top: 1px solid #E7EBF0;
    color: rgba(18, 40, 70, 0.5);
    display: flex;
    font-size: 0.75rem;
    min-height: 2.5rem;
    padding: 0.5rem 2rem 0 0.875rem; }
    .settings__heading:first-child {
      border-top: 0; }
  .settings__item {
    display: flex;
    font-size: 0.75rem;
    gap: 0.5rem;
    padding: 0 0.875rem; }
    .settings__item .icon {
      font-size: 1.125rem;
      line-height: 1; }
    .settings__item:is(a):hover {
      color: #B0832D; }
  .settings__overlay {
    background: rgba(0, 0, 0, 0.15);
    left: 0;
    position: fixed;
    right: 0;
    top: 0; }
  .settings.active {
    z-index: 20; }
  .settings.active .settings__button {
    color: rgba(18, 40, 70, 0.5);
    font-size: 0; }
    .settings.active .settings__button .icon::after {
      content: none; }
    .settings.active .settings__button .icon::before {
      content: ""; }
    .settings.active .settings__button:hover {
      color: #B0832D; }
  .settings.active .settings__collapse {
    box-shadow: 0 0.5rem 1rem 0.5rem rgba(94, 86, 61, 0.2);
    max-height: 30rem;
    padding-bottom: 0.75rem; }
  .settings.active .settings__overlay {
    bottom: 0; }

.dashboard {
  line-height: 1.2;
  overflow: auto;
  margin-left: -1rem;
  margin-right: -1.25rem;
  padding-left: 1rem;
  padding-right: 1.25rem; }
  .dashboard__container {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-left: 3.35rem;
    max-width: 75.35rem; }
  .dashboard__grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr); }
    .dashboard__grid--1-2 {
      grid-template-columns: minmax(0, 22rem) minmax(0, 1fr); }
    .dashboard__grid .tile-span-2 {
      grid-column: span 2; }
  .dashboard__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-left: 1.5rem;
    padding-right: 1.25rem; }
  .dashboard__heading {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.5rem; }
    .dashboard__heading--light {
      font-size: 0.75rem;
      font-weight: 300; }
    .dashboard__heading .icon {
      color: #B0832D;
      font-size: 1.25rem; }
  .dashboard__info {
    display: flex;
    flex-direction: column;
    gap: 0.75rem; }
  .dashboard__layout {
    align-items: start;
    display: grid;
    gap: 2.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 22rem); }
  .dashboard__primary {
    display: flex;
    flex-direction: column;
    gap: 0.75rem; }
  .dashboard__secondary {
    display: flex;
    flex-direction: column;
    gap: 0.75rem; }
  .dashboard__settings {
    position: relative;
    z-index: 1; }
    .dashboard__settings-button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #B0832D;
      display: flex;
      font-size: 0.8125rem;
      gap: 1rem;
      height: 2.5rem;
      justify-content: center;
      min-width: 2rem;
      padding: 0;
      position: relative;
      transition: font-size 0s 0.25s, color 0.25s;
      z-index: 1; }
      .dashboard__settings-button .icon {
        font-size: 1.125rem; }
      .dashboard__settings-button:hover {
        color: #B0832D; }
    .dashboard__settings-collapse {
      background: #fff;
      border-radius: 0.5rem;
      box-shadow: none;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      max-height: 0;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: 0;
      transition: all 0.25s;
      width: 12.1875rem; }
      .dashboard__settings-collapse-content {
        display: flex;
        flex-direction: column;
        gap: 0.5rem; }
      .dashboard__settings-collapse select {
        align-self: stretch;
        background: #fff;
        border: 1px solid rgba(94, 86, 61, 0.25);
        border-bottom-width: 2px;
        border-radius: 0.375rem;
        color: rgba(18, 40, 70, 0.7);
        font-size: 0.875rem;
        min-height: 3rem;
        padding: 0 0.75rem;
        width: 100%; }
    .dashboard__settings-heading {
      align-items: center;
      border-top: 1px solid #E7EBF0;
      color: rgba(18, 40, 70, 0.5);
      display: flex;
      font-size: 0.75rem;
      min-height: 2.5rem;
      padding: 0.5rem 2rem 0 0.875rem; }
      .dashboard__settings-heading:first-child {
        border-top: 0; }
    .dashboard__settings-item {
      display: flex;
      font-size: 0.75rem;
      gap: 0.5rem;
      padding: 0 0.875rem; }
      .dashboard__settings-item .icon {
        font-size: 1.125rem;
        line-height: 1; }
      .dashboard__settings-item:is(a):hover {
        color: #B0832D; }
    .dashboard__settings-overlay {
      background: rgba(0, 0, 0, 0.15);
      left: 0;
      position: fixed;
      right: 0;
      top: 0; }
    .dashboard__settings.active {
      z-index: 20; }
    .dashboard__settings.active .dashboard__settings-button {
      color: rgba(18, 40, 70, 0.5);
      font-size: 0;
      gap: 0;
      transition: color 0.25s; }
      .dashboard__settings.active .dashboard__settings-button .icon::after {
        content: none; }
      .dashboard__settings.active .dashboard__settings-button .icon::before {
        content: ""; }
      .dashboard__settings.active .dashboard__settings-button:hover {
        color: #B0832D; }
    .dashboard__settings.active .dashboard__settings-collapse {
      box-shadow: 0 0.5rem 1rem 0.5rem rgba(94, 86, 61, 0.2);
      max-height: 30rem;
      padding-bottom: 0.75rem; }
    .dashboard__settings.active .dashboard__settings-overlay {
      bottom: 0; }
  .dashboard__tiles {
    display: flex;
    flex-direction: column;
    gap: 0.75rem; }
  @media (max-width: 1599px) {
    .dashboard__grid {
      grid-template-columns: none; }
    .dashboard__info {
      align-items: start;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
      order: 2; } }
@media (max-width: 1399px) {
  .dashboard__container {
    padding-left: 0; }
  .dashboard__layout {
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 18rem); } }
@media (max-width: 1199px) {
  .dashboard__tiles {
    align-items: start;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); }
  .dashboard__layout {
    grid-template-columns: minmax(0, 1fr); } }
@media (max-height: 50rem) {
  .dashboard {
    overflow: visible; } }

.form-control:focus {
  border-color: rgba(18, 40, 70, 0.15);
  box-shadow: none;
  outline: 0; }
.form__check, .form__radio {
  position: relative; }
  .form__check > input, .form__radio > input {
    display: none; }
    .form__check > input:checked + label::after, .form__radio > input:checked + label::after {
      opacity: 1; }
    .form__check > input:checked + label::before, .form__radio > input:checked + label::before {
      background: #B0832D;
      border-color: #B0832D; }
    .form__check > input:disabled + label, .form__radio > input:disabled + label {
      cursor: default;
      opacity: 0.25; }
    .form__check > input[type="radio"]:checked + label, .form__radio > input[type="radio"]:checked + label {
      color: #122846; }
      .form__check > input[type="radio"]:checked + label::before, .form__radio > input[type="radio"]:checked + label::before {
        background: #fff;
        border-color: rgba(18, 40, 70, 0.3); }
    .form__check > input[type="radio"] + label, .form__radio > input[type="radio"] + label {
      font-weight: 500; }
      .form__check > input[type="radio"] + label::after, .form__radio > input[type="radio"] + label::after {
        background: #B0832D;
        border: 0;
        border-radius: 50%;
        content: "";
        height: 0.75rem;
        left: 0.3125rem;
        top: 0.3125rem;
        width: 0.75rem; }
      .form__check > input[type="radio"] + label::before, .form__radio > input[type="radio"] + label::before {
        border-radius: 50%; }
  .form__check > label, .form__radio > label {
    display: block;
    flex-grow: 1;
    font-size: 0.9375rem;
    line-height: 1.33;
    min-height: 1.375rem;
    padding-left: 2rem;
    position: relative;
    text-transform: none; }
    .form__check > label a, .form__radio > label a {
      text-decoration: underline; }
      .form__check > label a:hover, .form__radio > label a:hover {
        text-decoration: none; }
    .form__check > label::after, .form__radio > label::after {
      border-bottom: 2px solid;
      border-right: 2px solid;
      color: #fff;
      content: "";
      height: 0.625rem;
      left: 0.5rem;
      opacity: 0;
      position: absolute;
      top: 0.25rem;
      transform: rotate(45deg);
      transition: all 0.25s;
      width: 0.375rem; }
    .form__check > label::before, .form__radio > label::before {
      background: #fff;
      border: 1px solid rgba(148, 110, 38, 0.4);
      border-radius: 0.25rem;
      content: "";
      height: 1.375rem;
      left: 0;
      position: absolute;
      top: 0;
      transition: all 0.25s;
      width: 1.375rem; }
.form__footer {
  display: flex;
  flex-direction: column;
  gap: 1.375rem 1.875rem;
  padding-top: 0.75rem; }
  .form__footer .btn, .form__footer .button {
    min-height: 3rem; }
  .form__footer--row {
    flex-direction: row;
    flex-wrap: wrap; }
.form__footer .form__check, .form__footer .form__radio {
  align-self: center; }
  .form__footer .form__check > label, .form__footer .form__radio > label {
    color: #B0832D;
    text-decoration: underline; }
.form__grid {
  align-items: end;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-group, .form__group {
  align-items: start;
  display: grid;
  gap: 0.625rem;
  margin-bottom: 0.875rem;
  position: relative; }
  .form-group .select2-container--default .select2-search--inline, .form__group .select2-container--default .select2-search--inline {
    display: flex;
    order: -1; }
    .form-group .select2-container--default .select2-search--inline .select2-search__field, .form__group .select2-container--default .select2-search--inline .select2-search__field {
      font: 0.875rem 'Brown', Arial;
      margin: 0;
      min-height: 2rem;
      padding: 0.25rem 0.375rem;
      position: relative; }
  .form-group .select2-container--default .select2-selection--multiple, .form__group .select2-container--default .select2-selection--multiple {
    border: 1px solid rgba(94, 86, 61, 0.25);
    border-bottom-width: 2px;
    border-radius: 0.25rem; }
    .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice, .form__group .select2-container--default .select2-selection--multiple .select2-selection__choice {
      align-items: center;
      background: rgba(176, 131, 45, 0.15);
      border: 1px solid rgba(176, 131, 45, 0.3);
      border-radius: 0.25rem;
      display: flex;
      font: 0.75rem 'Brown', Arial;
      gap: 0.5rem;
      margin: 0;
      min-height: 2.5rem;
      padding: 0.5rem 0.625rem;
      white-space: normal; }
      .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .form__group .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        align-items: center;
        border: 1px solid;
        border-radius: 50%;
        color: #B0832D;
        display: flex;
        flex-shrink: 0;
        font-size: 1rem;
        height: 1.125rem;
        justify-content: center;
        line-height: 1;
        order: 2;
        margin-left: auto;
        width: 1.125rem; }
    .form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered, .form__group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      padding: 0.25rem;
      position: relative; }
  .form-group .select2-container--default .select2-selection--single, .form__group .select2-container--default .select2-selection--single {
    align-items: center;
    border: 1px solid rgba(94, 86, 61, 0.25);
    border-bottom-width: 2px;
    border-radius: 0.375rem;
    display: flex;
    height: 3rem; }
    .form-group .select2-container--default .select2-selection--single .select2-selection__arrow, .form__group .select2-container--default .select2-selection--single .select2-selection__arrow {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center;
      width: 2rem; }
      .form-group .select2-container--default .select2-selection--single .select2-selection__arrow::before, .form__group .select2-container--default .select2-selection--single .select2-selection__arrow::before {
        color: #B0832D;
        content: "";
        font: 1.125rem 'icomoon'; }
      .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b, .form__group .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none; }
    .form-group .select2-container--default .select2-selection--single .select2-selection__rendered, .form__group .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #122846;
      font-size: 0.875rem;
      padding-left: 0.75rem;
      padding-right: 2rem;
      width: 100%; }
.form-group .select2-label.select2-selection--single, .form__group .select2-label.select2-selection--single {
  background: rgba(255, 255, 255, 0.75);
  border: 0;
  display: flex;
  height: auto;
  justify-content: flex-end; }
  .form-group .select2-label.select2-selection--single .select2-selection__rendered, .form__group .select2-label.select2-selection--single .select2-selection__rendered {
    border-radius: 0.25rem;
    border: 1px solid;
    color: inherit;
    display: block;
    font-size: 12px;
    line-height: 1;
    padding: 0.1875rem 0.5rem;
    text-overflow: ellipsis; }
  .form-group .select2-label.select2-selection--single .select2-selection__arrow, .form__group .select2-label.select2-selection--single .select2-selection__arrow {
    display: none; }
.form-group.hidden, .form__group.hidden {
  display: none; }
.form-group > div:empty, .form__group > div:empty {
  display: none; }
.form-group > input, .form__group > input {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(94, 86, 61, 0.25);
  border-radius: 0.375rem;
  display: flex;
  flex-grow: 1;
  font: 0.875rem 'Brown', Arial;
  min-height: 3rem;
  padding: 0.5rem 0.75rem;
  width: 100%; }
  .form-group > input:is(:-webkit-autofill, :autofill), .form__group > input:is(:-webkit-autofill, :autofill) {
    background-color: rgba(176, 131, 45, 0.5) !important;
    border-color: #B0832D; }
  .form-group > input:read-only, .form__group > input:read-only {
    background: rgba(231, 235, 240, 0.33);
    color: rgba(18, 40, 70, 0.3); }
.form-group > label, .form__group > label {
  color: rgba(94, 86, 61, 0.5);
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase; }
.form-group textarea, .form__group textarea {
  align-items: center;
  border: 1px solid rgba(94, 86, 61, 0.25);
  border-radius: 0.375rem;
  display: flex;
  font: 0.875rem 'Brown', Arial;
  padding: 0.5rem 0.75rem;
  width: 100%; }
  .form-group--invalid input, .form-group--invalid select, .form-group--invalid .select2-container .select2-selection, .form__group--invalid input, .form__group--invalid select, .form__group--invalid .select2-container .select2-selection {
    border-color: #f15b62; }
.form__igroup {
  background: #fff;
  border: 1px solid rgba(18, 40, 70, 0.15);
  border-radius: 0.375rem;
  color: #122846;
  display: flex;
  flex-grow: 1;
  min-height: 3rem;
  position: relative;
  width: 100%; }
  .form__igroup-btn {
    align-items: center;
    color: #B0832D;
    display: flex;
    font-size: 0.75rem;
    font-weight: 400;
    justify-content: center;
    text-align: center;
    text-transform: none;
    width: 2.5rem; }
    .form__igroup-btn .icon {
      color: #B0832D;
      font-size: 1rem; }
  .form__igroup input {
    border: 0;
    border-radius: 0.25rem;
    flex-grow: 1;
    font: 0.8125rem 'Brown', Arial;
    padding: 0.5rem 0.625rem;
    width: 100%; }
    .form__igroup input:read-only + label {
      background: rgba(231, 235, 240, 0.33); }
  .form__igroup label {
    align-items: center;
    border-left: 1px solid rgba(18, 40, 70, 0.15);
    display: flex;
    font-size: 0.75rem;
    font-weight: 400;
    justify-content: center;
    text-align: center;
    text-transform: none;
    width: 2.5rem; }
    .form__igroup label .icon {
      color: #B0832D;
      font-size: 1rem; }
  .form__igroup .form-control {
    background: transparent;
    height: auto; }
.form__invalid {
  color: #f15b62;
  font-size: 0.75rem;
  line-height: 1;
  position: absolute;
  right: 0.5rem;
  text-align: right;
  top: 100%; }
.form__row {
  align-items: start;
  display: grid;
  gap: 0 1.125rem;
  grid-template-columns: repeat(2, 1fr); }
  .form__row--2-1 {
    grid-template-columns: 2fr 1fr; }
.form__sortable-handle {
  cursor: move;
  margin-right: 0.5rem; }
  .form__sortable-handle::before {
    color: rgba(118, 130, 143, 0.5);
    content: "";
    font: 1rem 'icomoon'; }
.form__switch {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  line-height: 1.5;
  position: relative; }
  .form__switch input {
    display: none; }
    .form__switch input:checked + label {
      color: #122846; }
      .form__switch input:checked + label::after {
        left: 10px;
        opacity: 0.8; }
      .form__switch input:checked + label::before {
        background: #64BE72; }
    .form__switch input[readonly] + label::after {
      color: rgba(118, 130, 143, 0.7);
      content: "?";
      font-size: 0.5rem; }
    .form__switch input[readonly] + label::before {
      background: rgba(118, 130, 143, 0.3); }
  .form__switch label {
    align-items: flex-start;
    color: rgba(18, 40, 70, 0.6);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    gap: 0.125rem;
    min-height: 20px;
    padding-left: 30px;
    position: relative; }
    .form__switch label::after {
      align-items: center;
      background: #fff;
      border-radius: 50%;
      box-shadow: 0 4px 8px 0 rgba(176, 131, 45, 0.3);
      content: "";
      display: flex;
      height: 10px;
      justify-content: center;
      left: 1px;
      position: absolute;
      top: 5px;
      width: 10px;
      transition: all 0.25s; }
    .form__switch label::before {
      background: #ead4ab;
      border-radius: 10px;
      content: "";
      height: 12px;
      left: 0;
      position: absolute;
      top: 4px;
      width: 22px;
      transition: all 0.25s; }
  .form__switch--lg input:checked + label::after {
    left: 18px; }
  .form__switch--lg label {
    padding-left: 42px; }
    .form__switch--lg label::after {
      height: 16px;
      left: 2px;
      top: 2px;
      width: 16px; }
    .form__switch--lg label::before {
      height: 20px;
      top: 0;
      width: 36px; }
.form__unit {
  background: #fff;
  border: 1px solid rgba(18, 40, 70, 0.15);
  border-radius: 0.375rem;
  color: #122846;
  display: flex;
  flex-grow: 1;
  min-height: 3rem;
  position: relative;
  width: 100%; }
  .form__unit-box {
    align-items: center;
    color: #B0832D;
    display: flex;
    font-size: 0.75rem;
    font-weight: 400;
    justify-content: center;
    text-align: center;
    text-transform: none;
    width: 2.5rem; }
    .form__unit-box .icon {
      color: #B0832D;
      font-size: 1rem; }
  .form__unit input {
    border: 0;
    border-radius: 0.25rem;
    flex-grow: 1;
    font: 0.8125rem 'Brown', Arial;
    padding: 0.5rem 0.625rem;
    width: 100%; }
    .form__unit input:read-only + label {
      background: rgba(231, 235, 240, 0.33); }
  .form__unit label {
    align-items: center;
    border-left: 1px solid rgba(18, 40, 70, 0.15);
    display: flex;
    font-size: 0.75rem;
    font-weight: 400;
    justify-content: center;
    text-align: center;
    text-transform: none;
    width: 2.5rem; }
    .form__unit label .icon {
      color: #B0832D;
      font-size: 1rem; }
  .form__unit .form-control {
    background: transparent;
    height: auto; }
@media (max-width: 1199px) {
  .form__row--2-1 {
    grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
  .form__row {
    grid-template-columns: none; }
    .form__row--2-1 {
      grid-template-columns: 1fr 1fr; } }
@media (max-width: 575px) {
  .form__row--2-1 {
    grid-template-columns: none; } }

.datepicker select {
  background: #fff;
  border: 1px solid rgba(94, 86, 61, 0.25);
  border-radius: 0.375rem; }
.datepicker-dropdown {
  box-shadow: none; }
.datepicker-top-left, .datepicker-top-right, .datepicker-bottom-left::before, .datepicker-bottom-right::before {
  border-top-color: #B0832D; }
.datepicker-top-left::before, .datepicker-top-right::before, .datepicker-bottom-left, .datepicker-bottom-right {
  border-bottom-color: #B0832D; }
.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  background: #B0832D;
  color: #fff; }
.datepicker-panel > ul > li:hover {
  background-color: rgba(176, 131, 45, 0.2); }

.daterangepicker {
  border-radius: 0.5rem; }
  .daterangepicker.show-calendar .drp-buttons {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between; }
  .daterangepicker .drp-buttons .btn {
    margin: 0; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    background: #fff;
    border: 1px solid rgba(94, 86, 61, 0.25);
    border-radius: 0.25rem;
    padding: 0 0.25rem; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background: #B0832D;
    color: #fff; }

.select2-label-dropdown.select2-dropdown {
  background: #fff;
  border-radius: 0.5rem;
  border: 0;
  box-shadow: 0 0.5rem 1rem 0.5rem rgba(94, 86, 61, 0.2);
  transform: translateX(-100%);
  width: 11.25rem !important; }
  .select2-label-dropdown.select2-dropdown .select2-results > .select2-results__options {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }
  .select2-label-dropdown.select2-dropdown .select2-results__option, .select2-label-dropdown.select2-dropdown .select2-results__option .select2__colorized {
    align-items: center;
    display: flex;
    font-size: 13px;
    gap: 0.5rem; }
    .select2-label-dropdown.select2-dropdown .select2-results__option .icon, .select2-label-dropdown.select2-dropdown .select2-results__option .select2__colorized .icon {
      font-size: 15px; }
    .select2-label-dropdown.select2-dropdown .select2-results__option[aria-selected="true"], .select2-label-dropdown.select2-dropdown .select2-results__option .select2__colorized[aria-selected="true"] {
      background: transparent; }
    .select2-label-dropdown.select2-dropdown .select2-results__option--highlighted[aria-selected], .select2-label-dropdown.select2-dropdown .select2-results__option .select2__colorized--highlighted[aria-selected] {
      background: transparent;
      color: #122846; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #B0832D; }
  .select2-container--default .select2-results__option--highlighted[aria-selected] .text-muted {
    color: #fff !important;
    opacity: 0.6; }
.select2-dropdown {
  border-color: rgba(18, 40, 70, 0.15);
  border-radius: 0.375rem; }
  .select2-dropdown-results__option--highlighted[aria-selected] {
    background-color: #B0832D; }
.select2-results__option {
  font-size: 0.875rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
  .select2-results__option.select2-results__message {
    color: rgba(18, 40, 70, 0.5);
    font-size: 0.6875rem; }
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: rgba(18, 40, 70, 0.15);
  border-radius: 0.25rem;
  font-size: 0.875rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.kanban {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1.25rem;
  overflow: hidden; }
  .kanban__board {
    display: flex;
    flex-grow: 1;
    gap: 1.25rem;
    overflow-x: auto;
    padding-bottom: 1rem;
    scrollbar-color: rgba(176, 131, 45, 0.5) rgba(176, 131, 45, 0.08); }
    .kanban__board::-webkit-scrollbar {
      background: rgba(176, 131, 45, 0.08);
      height: 0.5rem;
      width: 0.5rem; }
    .kanban__board::-webkit-scrollbar-thumb {
      background-color: rgba(176, 131, 45, 0.5); }
    .kanban__board-nav {
      background: rgba(148, 110, 38, 0.15);
      border-radius: 0.5rem;
      display: flex;
      flex-shrink: 0;
      justify-content: space-between;
      padding: 0.3125rem;
      width: 4rem; }
      .kanban__board-nav-button {
        align-items: center;
        background: linear-gradient(180deg, #B0832D, rgba(176, 131, 45, 0.8));
        border-radius: 0.3125rem;
        box-shadow: 0 0.5rem 1rem 0 rgba(176, 131, 45, 0.2);
        color: rgba(255, 255, 255, 0.6);
        display: flex;
        flex-direction: column;
        font-size: 0.8125rem;
        justify-content: space-between;
        padding: 0.75rem 0;
        position: relative; }
        .kanban__board-nav-button::after {
          content: "";
          font: 1rem 'icomoon'; }
        .kanban__board-nav-button::before {
          content: "";
          font: 1rem 'icomoon'; }
      .kanban__board-nav-item {
        background: rgba(148, 110, 38, 0.15) repeating-linear-gradient(-16.26deg, transparent 0, transparent 0.625rem, rgba(231, 235, 240, 0.6) 0.625rem, rgba(231, 235, 240, 0.6) 0.8125rem);
        border-radius: 0.5rem;
        display: grid;
        gap: 0.375rem;
        grid-template-rows: repeat(2, 1fr);
        flex-shrink: 0;
        width: 1.5rem; }
      .kanban__board-nav-item:first-child .kanban__board-nav-button {
        grid-row-start: 2;
        transform: rotate(180deg); }
      .kanban__board-nav-inner {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%) rotate(-90deg);
        white-space: nowrap; }
    .kanban__board-page {
      display: flex;
      gap: 0.625rem;
      flex-shrink: 0;
      height: 100%;
      overflow: hidden; }
    .kanban__board-separator {
      background: rgba(148, 110, 38, 0.15) repeating-linear-gradient(-16.26deg, transparent 0, transparent 0.625rem, rgba(231, 235, 240, 0.6) 0.625rem, rgba(231, 235, 240, 0.6) 0.8125rem);
      border-radius: 0.5rem;
      flex-shrink: 0;
      width: 1.5rem; }
  .kanban__card {
    position: relative;
    margin-bottom: 0.125rem; }
    .kanban__card-inner {
      align-items: flex-start;
      background: #fff;
      border-radius: 0.375rem;
      display: flex;
      flex-direction: column;
      gap: 0.375rem;
      padding: 0.875rem 1rem; }
    .kanban__card-name {
      font-size: 0.875rem;
      font-weight: 700;
      padding-right: 1.25rem; }
    .kanban__card--inactive .kanban__card-inner {
      background: rgba(176, 131, 45, 0.15);
      border: 1px solid rgba(176, 131, 45, 0.05); }
    .kanban__card--inactive .kanban__card-name {
      opacity: 0.5; }
  .kanban__card .kanban__settings {
    top: 0.375rem; }
  .kanban__card .kanban__settings-button {
    color: rgba(18, 40, 70, 0.3);
    font-size: 1.125rem; }
  .kanban__card .kanban__settings-collapse {
    width: 11rem; }
  .kanban__card .kanban__settings-heading {
    border-bottom: 1px solid #E7EBF0;
    padding-bottom: 0.5rem; }
  .kanban__column {
    background: rgba(148, 110, 38, 0.15);
    border-radius: 0.625rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem 0.75rem;
    position: relative;
    width: 17rem; }
    .kanban__column .button {
      min-height: 2.625rem; }
    .kanban__column-body {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      gap: 0.125rem;
      overflow-y: auto;
      scrollbar-width: none; }
      .kanban__column-body::-webkit-scrollbar {
        display: none; }
    .kanban__column-footer {
      display: flex;
      flex-direction: column;
      gap: 0.375rem; }
    .kanban__column-title {
      font-size: 0.875rem;
      font-weight: 700;
      padding-left: 0.875rem;
      padding-right: 1.5rem; }
  .kanban__contact {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem; }
    .kanban__contact-item {
      color: rgba(18, 40, 70, 0.5);
      font-size: 0.75rem;
      padding-left: 1.5rem;
      position: relative; }
      .kanban__contact-item .icon {
        font-size: 1.125rem;
        left: 0;
        opacity: 0.8;
        position: absolute; }
        .kanban__contact-item .icon-user {
          color: #B0832D; }
  .kanban__expected {
    align-items: center;
    background: rgba(100, 190, 114, 0.2);
    border-radius: 0.5rem;
    display: flex;
    font-size: 0.75rem;
    font-weight: 300;
    gap: 1rem;
    min-height: 2.625rem;
    padding: 0.5rem 0.75rem; }
    .kanban__expected-number {
      color: #64BE72;
      font-size: 0.875rem;
      font-weight: 700;
      line-height: 1; }
  .kanban__label {
    align-items: center;
    background: rgba(176, 131, 45, 0.2);
    border-radius: 0.25rem;
    border: 1px solid rgba(176, 131, 45, 0.6);
    color: #B0832D;
    display: flex;
    font-size: 12px;
    height: 1.25rem;
    line-height: 1;
    padding: 0 0.5rem; }
  .kanban__labels {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
  .kanban__modal {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 90svh;
    max-height: 34rem;
    overflow: hidden; }
    .kanban__modal-buttons {
      display: flex;
      gap: 0.5rem; }
    .kanban__modal-category {
      align-items: center;
      background: rgba(148, 110, 38, 0.1);
      border-radius: 12px;
      color: rgba(94, 86, 61, 0.5);
      display: flex;
      font-size: 0.75rem;
      font-weight: 700;
      gap: 0.75rem;
      margin: 2rem -0.625rem 0;
      padding: 0.625rem;
      text-transform: uppercase;
      white-space: nowrap; }
      .kanban__modal-category .button {
        border-color: rgba(94, 86, 61, 0.25);
        box-shadow: none;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis; }
        .kanban__modal-category .button .icon {
          color: #B0832D;
          font-size: 1.125em; }
      .kanban__modal-category-actual {
        align-items: center;
        background: rgba(94, 86, 61, 0.05);
        border: 1px solid rgba(94, 86, 61, 0.3);
        border-radius: 0.375rem;
        color: rgba(94, 86, 61, 0.7);
        display: flex;
        font-size: 0.8125rem;
        font-weight: 400;
        margin-right: auto;
        padding: 0.875rem 0.625rem;
        text-transform: none; }
      .kanban__modal-category select {
        align-self: stretch;
        background: #fff;
        border: 1px solid rgba(94, 86, 61, 0.25);
        border-bottom-width: 2px;
        border-radius: 0.375rem;
        font-size: 0.875rem;
        max-width: 10rem;
        min-height: 2.5rem;
        padding: 0 0.75rem; }
    .kanban__modal-column {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      overflow: hidden;
      padding: 2.5rem;
      position: relative; }
      .kanban__modal-column + .kanban__modal-column {
        background: rgba(148, 110, 38, 0.1);
        border-left: 1px solid rgba(176, 131, 45, 0.8); }
    .kanban__modal-column:has(.kanban__modal-icon) {
      padding-left: 6.5rem; }
    .kanban__modal-collapse {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      margin-bottom: 1rem; }
      .kanban__modal-collapse-more {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        max-height: 0;
        overflow: hidden;
        transition: all 0.25s; }
      .kanban__modal-collapse-toggler {
        align-items: center;
        background: transparent;
        border: 0;
        color: #B0832D;
        display: flex;
        font-size: 0.8125rem;
        order: 2;
        padding: 0 0 0 1.75rem;
        position: relative;
        text-decoration: underline; }
        .kanban__modal-collapse-toggler::before {
          bottom: 0;
          content: "";
          font: 1rem/1 'icomoon';
          left: 0;
          position: absolute;
          transition: all 0.25s; }
      .kanban__modal-collapse.active .kanban__modal-collapse-more {
        max-height: 20rem; }
      .kanban__modal-collapse.active .kanban__modal-collapse-toggler-text:first-child {
        display: none; }
      .kanban__modal-collapse.active .kanban__modal-collapse-toggler::before {
        transform: rotate(180deg); }
      .kanban__modal-collapse:not(.active) .kanban__modal-collapse-toggler-text:last-child {
        display: none; }
    .kanban__modal-contact {
      align-items: center;
      display: flex;
      padding-left: 1.75rem;
      position: relative; }
      .kanban__modal-contact .icon {
        color: #B0832D;
        font-size: 1.125rem;
        left: 0;
        position: absolute;
        top: 0.25rem; }
    .kanban__modal-data {
      display: grid;
      gap: 1rem;
      grid-template-columns: repeat(2, 1fr);
      padding: 0.5rem 0; }
      .kanban__modal-data-item {
        display: flex;
        flex-direction: column; }
        .kanban__modal-data-item--highlight {
          background: rgba(100, 190, 114, 0.2);
          border-radius: 0.75rem;
          color: #64BE72;
          font-weight: 700;
          margin: -0.5rem -0.75rem;
          padding: 0.5rem 0.75rem; }
    .kanban__modal-header {
      display: flex;
      gap: 1rem;
      justify-content: space-between;
      padding: 0.5rem 0; }
    .kanban__modal-heading {
      color: rgba(94, 86, 61, 0.5);
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase; }
    .kanban__modal-icon {
      align-items: center;
      background: rgba(148, 110, 38, 0.15);
      border-radius: 0.5rem;
      color: #B0832D;
      display: flex;
      font-size: 0.75em;
      height: 2em;
      justify-content: center;
      left: 2.5rem;
      line-height: inherit;
      position: absolute;
      top: 2.5rem;
      width: 2em; }
    .kanban__modal-info {
      align-items: center;
      color: #76828F;
      display: flex;
      font-size: 0.75rem;
      font-weight: 400;
      gap: 0.5rem;
      padding-top: 0.25rem; }
    .kanban__modal-input {
      align-self: stretch;
      display: flex;
      flex-direction: column;
      gap: 0.625rem;
      padding-left: 2rem; }
      .kanban__modal-input-field {
        align-items: center;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(94, 86, 61, 0.25);
        border-radius: 0.375rem;
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr 8.75rem;
        padding-right: 0.75rem; }
      .kanban__modal-input input {
        background: transparent;
        border: 0;
        flex-grow: 1;
        font-size: 0.875rem;
        padding: 0.875rem 0.75rem; }
    .kanban__modal-new {
      align-items: start;
      display: grid;
      padding-left: 2rem; }
      .kanban__modal-new-cell {
        grid-column-start: 1;
        grid-row-start: 1;
        transform-origin: 0 0;
        transition: all 0.25s; }
        .kanban__modal-new-cell:first-child {
          max-height: 0;
          transform: scale(0); }
      .kanban__modal-new.add .kanban__modal-new-cell:first-child {
        max-height: none;
        transform: scale(1); }
      .kanban__modal-new.add .kanban__modal-new-cell:last-child {
        max-height: 0;
        transform: scale(0); }
    .kanban__modal-notes {
      align-items: flex-start;
      border-bottom: 1px solid rgba(148, 110, 38, 0.15);
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      margin-bottom: 0.75rem;
      padding-bottom: 1.5rem;
      padding-top: 0.5rem; }
      .kanban__modal-notes:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0; }
    .kanban__modal-par {
      padding-left: 2rem;
      padding-top: 0.25rem;
      position: relative; }
      .kanban__modal-par .icon {
        color: rgba(176, 131, 45, 0.7);
        display: flex;
        font-size: 1.375rem;
        height: 1.5rem;
        line-height: 1;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
        width: 1.5rem; }
      .kanban__modal-par p {
        font-size: 0.9375rem;
        font-weight: 300;
        line-height: 1.2; }
    .kanban__modal-scroll {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      margin-left: -1rem;
      margin-right: -2rem;
      max-height: 100%;
      overflow: auto;
      padding-left: 1rem;
      padding-right: 2rem;
      position: relative; }
      .kanban__modal-scroll::-webkit-scrollbar {
        background: transparent;
        height: 5px;
        width: 5px; }
        .kanban__modal-scroll::-webkit-scrollbar-thumb {
          background-clip: padding-box;
          background-color: rgba(176, 131, 45, 0.7);
          border-radius: 3px; }
    .kanban__modal-task {
      border-radius: 0.375rem;
      cursor: pointer;
      padding: 0.375rem;
      position: relative;
      transition: all 0.25s; }
      .kanban__modal-task::after {
        content: "";
        font: 1rem 'icomoon';
        opacity: 0;
        position: absolute;
        right: 0.5rem;
        top: 0.5rem;
        transition: all 0.25s; }
      .kanban__modal-task .button {
        display: none; }
      .kanban__modal-task .form__check {
        left: 0.375rem;
        position: absolute;
        top: 0.375rem; }
        .kanban__modal-task .form__check input:checked + label::after {
          color: rgba(176, 131, 45, 0.5); }
        .kanban__modal-task .form__check input:checked + label::before {
          background: #fff;
          border-color: rgba(148, 110, 38, 0.4); }
      .kanban__modal-task:has(.form__check) {
        padding-left: 2.375rem; }
      .kanban__modal-task:hover {
        background: rgba(176, 131, 45, 0.1); }
        .kanban__modal-task:hover::after {
          opacity: 0.25; }
      .kanban__modal-task-body {
        display: flex;
        flex-direction: column;
        transition: all 0.25s; }
      .kanban__modal-task-delete {
        background: transparent;
        border: 0;
        color: #B0832D;
        display: none;
        padding: 0 0.75rem; }
        .kanban__modal-task-delete:hover {
          color: #f15b62; }
      .kanban__modal-task-info {
        align-items: center;
        color: #76828F;
        display: flex;
        font-size: 0.75rem;
        font-weight: 400;
        gap: 0.375rem;
        padding-top: 0.25rem; }
        .kanban__modal-task-info > .icon {
          color: #B0832D;
          display: none;
          margin-left: 0.625rem; }
      .kanban__modal-task-name {
        background: transparent;
        border: 0;
        border-radius: 0.375rem;
        cursor: pointer;
        font-size: 0.9375rem;
        padding: 0 1.5rem 0 0; }
      .kanban__modal-task.edit {
        background: rgba(176, 131, 45, 0.1); }
        .kanban__modal-task.edit::after {
          opacity: 0; }
        .kanban__modal-task.edit .button {
          display: flex; }
      .kanban__modal-task.done .kanban__modal-task-body {
        opacity: 0.5; }
      .kanban__modal-task.done .kanban__modal-task-name {
        text-decoration: line-through; }
      .kanban__modal-task.edit {
        cursor: default; }
      .kanban__modal-task.edit .kanban__modal-task-body .icon {
        display: flex; }
      .kanban__modal-task.edit .kanban__modal-task-delete {
        display: flex; }
      .kanban__modal-task.edit .kanban__modal-task-name {
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(94, 86, 61, 0.25);
        cursor: text;
        margin-bottom: 0.5rem;
        padding: 0.75rem; }
      .kanban__modal-task.edit .kanban__modal-task-cancel {
        display: block; }
    .kanban__modal-tasks {
      border-bottom: 1px solid rgba(148, 110, 38, 0.15);
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-bottom: 0.25rem;
      padding-bottom: 1rem; }
    .kanban__modal-title {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      font: 700 2rem/1.2 'Brown', Arial;
      margin-bottom: 1rem; }
      .kanban__modal-title-small {
        font-size: 1em;
        font-weight: 300; }
  .kanban__nav {
    background: rgba(148, 110, 38, 0.15);
    border-radius: 0.625rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.375rem; }
    .kanban__nav-item {
      background: rgba(148, 110, 38, 0.15);
      border-radius: 0.375rem;
      color: #B0832D;
      display: flex;
      flex-direction: column;
      font-size: 0.8125rem;
      justify-content: center;
      line-height: 1;
      min-height: 3rem;
      padding: 0.5rem 1rem 0.5rem 3.375rem;
      position: relative; }
      .kanban__nav-item .icon {
        align-items: center;
        background: linear-gradient(90deg, rgba(176, 131, 45, 0.75), #B0832D);
        border-radius: 0.5rem;
        color: rgba(255, 255, 255, 0.6);
        display: flex;
        font-size: 1.125rem;
        height: 2.25rem;
        justify-content: center;
        left: 0.375rem;
        position: absolute;
        width: 2.25rem; }
      .kanban__nav-item:hover {
        background: rgba(148, 110, 38, 0.25); }
      .kanban__nav-item.active {
        background: rgba(100, 190, 114, 0.5);
        color: inherit; }
        .kanban__nav-item.active .icon {
          background: #fff;
          color: #64BE72; }
        .kanban__nav-item.active:hover {
          background: rgba(100, 190, 114, 0.75);
          color: inherit; }
      .kanban__nav-item:first-child .icon {
        transform: scaleX(-1); }
      .kanban__nav-item:last-child {
        padding-left: 1rem;
        padding-right: 3.375rem; }
        .kanban__nav-item:last-child .icon {
          left: auto;
          right: 0.375rem; }
      .kanban__nav-item:not(.kanban__nav-item.active) .icon {
        color: rgba(255, 255, 255, 0.7); }
        .kanban__nav-item:not(.kanban__nav-item.active) .icon::after {
          content: none; }
        .kanban__nav-item:not(.kanban__nav-item.active) .icon::before {
          content: "";
          opacity: 1; }
    .kanban__nav-title {
      color: #122846;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1; }
  .kanban__settings {
    position: absolute;
    right: 0.5rem;
    top: 1rem;
    z-index: 1; }
    .kanban__settings-button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #B0832D;
      display: flex;
      font-size: 1.5rem;
      height: 2rem;
      justify-content: center;
      padding: 0;
      position: relative;
      width: 2rem;
      z-index: 1; }
      .kanban__settings-button:hover {
        color: #B0832D; }
    .kanban__settings-collapse {
      background: #fff;
      border-radius: 0.5rem;
      box-shadow: none;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      max-height: 0;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: -0.1875rem;
      transition: all 0.25s;
      width: 12.1875rem; }
      .kanban__settings-collapse select {
        align-self: stretch;
        background: #fff;
        border: 1px solid rgba(94, 86, 61, 0.25);
        border-bottom-width: 2px;
        border-radius: 0.375rem;
        color: rgba(18, 40, 70, 0.7);
        font-size: 0.875rem;
        min-height: 3rem;
        padding: 0 0.75rem;
        width: 100%; }
    .kanban__settings-heading {
      align-items: center;
      border-top: 1px solid #E7EBF0;
      color: rgba(18, 40, 70, 0.5);
      display: flex;
      font-size: 0.75rem;
      margin-top: 1rem;
      min-height: 2.5rem;
      padding: 0.5rem 2rem 0 0.875rem; }
      .kanban__settings-heading:first-child {
        border-top: 0;
        margin-top: 0; }
    .kanban__settings-item {
      display: flex;
      font-size: 0.75rem;
      gap: 0.5rem;
      padding: 0 0.875rem; }
      .kanban__settings-item .icon {
        font-size: 1.125rem;
        line-height: 1; }
      .kanban__settings-item:is(a):hover {
        color: #B0832D; }
    .kanban__settings-overlay {
      background: rgba(0, 0, 0, 0.15);
      left: 0;
      position: fixed;
      right: 0;
      top: 0; }
    .kanban__settings.active {
      z-index: 11; }
    .kanban__settings.active .kanban__settings-button {
      color: rgba(18, 40, 70, 0.5); }
      .kanban__settings.active .kanban__settings-button .icon::before {
        content: ""; }
      .kanban__settings.active .kanban__settings-button:hover {
        color: #B0832D; }
    .kanban__settings.active .kanban__settings-collapse {
      box-shadow: 0 0.5rem 1rem 0.5rem rgba(94, 86, 61, 0.2);
      max-height: 30rem;
      padding-bottom: 0.75rem; }
    .kanban__settings.active .kanban__settings-overlay {
      bottom: 0; }
  @media (max-height: 800px) {
    .kanban {
      flex-shrink: 0; }
      .kanban__column {
        max-height: calc(100svh - 8rem); } }
    @media (max-height: 800px) and (max-width: 767px) {
      .kanban__column {
        max-height: calc(100svh - 11rem); } }

.layout {
  display: grid;
  gap: 0 2.5rem;
  grid-template-columns: auto 1fr;
  height: 100vh;
  position: relative;
  width: 100vw; }
  .layout__grid {
    align-items: start;
    display: grid;
    gap: 3rem 1.375rem;
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .layout__grid--column-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .layout__grid-column {
      display: flex;
      flex-direction: column;
      gap: 1.375rem; }
    .layout__grid--column-center {
      grid-template-columns: minmax(0, 28.5rem);
      justify-content: center; }
  .layout__primary {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 3rem;
    padding-top: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
    overflow-y: auto; }
  @media (min-width: calc(991px + 1px)) {
    .layout.mini .layout__toggler {
      left: 4.125rem; }
      .layout.mini .layout__toggler .icon {
        transform: scaleX(-1); } }
  @media (min-width: calc(991px + 1px)) and (min-height: 50rem) {
    .layout__primary {
      overflow: hidden; } }
@media (max-width: 991px) {
  .layout {
    align-content: start;
    grid-template-columns: none; }
    .layout.show {
      height: 100vh;
      overflow: hidden; }
    .layout__primary {
      gap: 1rem;
      padding-left: 1rem;
      padding-right: 1rem; } }

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

.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: 991px) {
  .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(991px + 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: 991px) {
  .show .sidepanel {
    height: 100vh; } }

.topbar {
  position: relative;
  z-index: 2; }
  .topbar__container {
    display: flex;
    gap: 1rem 2rem;
    position: relative;
    z-index: 1; }
  .topbar__actions {
    display: flex;
    flex-shrink: 0;
    gap: 1.5rem; }
  .topbar__add {
    background: rgba(176, 131, 45, 0.2);
    border-radius: 0.625rem;
    display: flex;
    gap: 0.25rem;
    padding: 0.375rem; }
    .topbar__add-item {
      align-items: center;
      background: #fff linear-gradient(224deg, #B0832D, rgba(176, 131, 45, 0.85));
      border: 0;
      border-radius: 0.5rem;
      color: #fff;
      display: flex;
      font-size: 1.125rem;
      height: 2rem;
      justify-content: center;
      width: 2rem; }
      .topbar__add-item:hover {
        background-color: #B0832D;
        color: #fff; }
  .topbar__karma {
    background: rgba(176, 131, 45, 0.2);
    border-radius: 0.625rem;
    display: flex;
    flex-shrink: 0;
    font-size: 0.6875rem;
    line-height: 1.2;
    padding: 0.375rem;
    text-align: center; }
    .topbar__karma-inner {
      background: #fff;
      border-radius: 0.5rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 0.625rem; }
    .topbar__karma-score {
      font-size: 0.75rem; }
  .topbar__overlay {
    background: rgba(0, 0, 0, 0.75);
    bottom: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.25s; }
    .topbar__profile .dropdown-menu {
      background: transparent;
      border: 0;
      padding: 0; }
    .topbar__profile .form-group > input {
      font-size: 0.75rem;
      min-height: 2rem;
      padding-bottom: 0.25rem;
      padding-top: 0.25rem; }
    .topbar__profile.show .topbar__profile-toggler::before {
      transform: rotate(180deg); }
    .topbar__profile > .topbar__profile-account {
      width: 10rem; }
    .topbar__profile-account {
      align-items: center;
      display: flex;
      gap: 0.75rem;
      position: relative;
      width: 100%; }
      .topbar__profile-account-info {
        overflow: hidden; }
    .topbar__profile-dropdown {
      background: #fff;
      border-radius: 0.375rem;
      box-shadow: 0 0.5rem 1rem 0.5rem rgba(94, 86, 61, 0.2);
      display: flex;
      flex-direction: column;
      width: 16rem; }
    .topbar__profile-header {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      padding: 1rem; }
    .topbar__profile-heading {
      color: rgba(18, 40, 70, 0.5);
      font-size: 0.75rem; }
    .topbar__profile-list {
      background: rgba(148, 110, 38, 0.05);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      padding: 1rem; }
    .topbar__profile-name {
      font-size: 0.8125rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .topbar__profile-number {
      color: rgba(18, 40, 70, 0.5);
      font-size: 0.75rem;
      line-height: 1; }
    .topbar__profile-photo {
      align-items: center;
      background: #B0832D;
      border-radius: 0.5rem;
      color: #fff;
      display: flex;
      flex-shrink: 0;
      height: 2rem;
      justify-content: center;
      overflow: hidden;
      width: 2rem; }
      .topbar__profile-photo img {
        height: 100%;
        object-fit: cover;
        width: 100%; }
    .topbar__profile-search {
      background: rgba(148, 110, 38, 0.15);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      padding: 1rem 1rem 0; }
    .topbar__profile-toggler {
      align-items: center;
      background: transparent;
      border: 0;
      display: flex;
      flex-shrink: 0;
      gap: 0.75rem;
      padding: 0 1.5rem 0 0;
      position: relative;
      width: 10rem; }
      .topbar__profile-toggler::before {
        align-items: center;
        bottom: 0;
        color: #B0832D;
        content: "";
        display: flex;
        font: 1.125rem 'icomoon';
        justify-content: flex-end;
        position: absolute;
        right: 0;
        top: 0;
        transition: transform 0.3s ease;
        width: 1rem; }
      .topbar__profile-toggler:hover {
        color: #B0832D; }
  .topbar__search {
    background: #fff;
    border-radius: 0.625rem;
    box-shadow: 0 0.5rem 1.25rem 0 rgba(176, 131, 45, 0.2);
    display: flex;
    flex-grow: 1;
    height: 2.75rem;
    position: relative;
    width: 100%; }
    .topbar__search::before {
      align-items: center;
      bottom: 0;
      color: rgba(18, 40, 70, 0.4);
      content: "";
      display: flex;
      font: 1rem 'icomoon';
      left: 0.875rem;
      position: absolute;
      top: 0; }
    .topbar__search button {
      align-items: center;
      background: transparent;
      border: 0;
      color: rgba(18, 40, 70, 0.4);
      display: flex;
      padding: 0 0.875rem; }
    .topbar__search input {
      background: transparent;
      border: 0;
      color: inherit;
      flex-grow: 1;
      font-size: 0.8125rem;
      padding: 0 1rem 0 2.75rem;
      position: relative; }
      .topbar__search input::placeholder {
        color: rgba(18, 40, 70, 0.5);
        opacity: 1; }
  .topbar__notifications {
    align-items: center;
    background: rgba(176, 131, 45, 0.75);
    border: 0;
    border-radius: 0.625rem;
    color: #fff;
    display: flex;
    font-size: 1.125rem;
    height: 2rem;
    justify-content: center;
    position: relative;
    width: 2rem; }
    .topbar__notifications--sm {
      display: none; }
    .topbar__notifications:hover {
      background: #B0832D; }
  .topbar__user {
    align-items: center;
    background: rgba(148, 110, 38, 0.2);
    border-radius: 0.625rem;
    display: flex;
    flex-shrink: 0;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem 0.375rem 0.375rem; }
    .topbar__user-settings {
      position: relative; }
      .topbar__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; }
        .topbar__user-settings-button:hover {
          color: #64BE72; }
    .topbar__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; }
      .topbar__user-signout:hover {
        color: #f15b62; }
  .topbar__toggler {
    align-items: center;
    background: #fff linear-gradient(224deg, #B0832D, rgba(176, 131, 45, 0.85));
    border: 0;
    border-radius: 0.5rem;
    color: #fff;
    display: none;
    font-size: 1.125rem;
    height: 2rem;
    justify-content: center;
    position: relative;
    width: 2rem; }
  .topbar__view {
    align-items: center;
    display: flex;
    flex-shrink: 0; }
  @media (max-width: 1399px) {
    .topbar__container {
      flex-wrap: wrap; }
    .topbar__actions {
      gap: 1rem;
      justify-content: flex-end;
      order: -1;
      width: 100%; }
    .topbar__search {
      margin-left: 0;
      margin-right: auto;
      max-width: 30rem; }
    .topbar__view {
      order: 2; } }
@media (max-width: 991px) {
  .topbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    position: absolute;
    right: 1rem;
    top: 1.25rem;
    z-index: 1; }
    .topbar.active {
      z-index: 11; }
    .topbar.active .topbar__container {
      max-height: 15rem;
      padding-top: 1rem;
      padding-bottom: 1rem; }
    .topbar.active .topbar__overlay {
      bottom: 0; }
    .topbar__container {
      background: #fff;
      border-radius: 0.5rem;
      box-shadow: 0 0.25rem 0.5rem 0 rgba(176, 131, 45, 0.3);
      flex-direction: column;
      gap: 1rem;
      max-height: 0;
      overflow: hidden;
      padding: 0 1rem;
      transition: all 0.25s;
      width: 100%; }
    .topbar__notifications--sm {
      display: flex; }
    .topbar__search {
      max-width: 26.5rem; }
    .topbar__toggler {
      display: flex; }
    .topbar__user {
      display: none; } }
@media (max-width: 399px) {
  .topbar__actions {
    gap: 0.5rem; }
  .topbar__add {
    padding: 0.25rem; }
  .topbar__container {
    width: calc(100vw - 2rem); }
  .topbar__karma {
    padding: 0.25rem; }
    .topbar__karma-heading {
      display: none; }
    .topbar__karma-inner {
      padding: 0 0.5rem; }
    .topbar__karma-score {
      display: flex;
      flex-direction: column; }
    .topbar__karma-slash {
      display: none; } }

.w-birthdays {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem -0.5rem rgba(94, 86, 61, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem; }
  .w-birthdays hr {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .w-birthdays--bg {
    background: rgba(176, 131, 45, 0.15);
    box-shadow: none; }
    .w-birthdays--bg .form__switch label::before {
      background: rgba(118, 130, 143, 0.2); }
  .w-birthdays__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
    .w-birthdays__controls .btn, .w-birthdays__controls .button {
      font-weight: 400; }
  .w-birthdays__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
  .w-birthdays__link {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: 0.8125rem;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: underline; }
    .w-birthdays__link:hover {
      text-decoration: none; }
    .w-birthdays__link:has(.icon) {
      padding-left: 1.875rem; }
      .w-birthdays__link:has(.icon) .icon {
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0.125rem;
        transition: transform 0.3s; }
    .w-birthdays__link-text:last-child {
      display: none; }
    .w-birthdays__link.collapsed .icon {
      transform: rotate(180deg); }
    .w-birthdays__link.collapsed .w-birthdays__link-text {
      display: none; }
      .w-birthdays__link.collapsed .w-birthdays__link-text:last-child {
        display: inline; }
  .w-birthdays__subtitle {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .w-birthdays__title {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.625rem; }
    .w-birthdays__title .icon {
      color: #B0832D;
      font-size: 1.125rem; }
    .w-birthdays__title--light {
      font-size: 0.75rem;
      font-weight: 300; }
  .w-birthdays__age {
    background: rgba(176, 131, 45, 0.2);
    border-radius: 0.25rem;
    color: #B0832D;
    font-size: 0.6875rem;
    padding: 0 0.25rem;
    white-space: nowrap; }
  .w-birthdays__info {
    color: rgba(118, 130, 143, 0.8);
    font-size: 0.75rem;
    margin-top: auto; }
  .w-birthdays__item {
    border-bottom: 1px solid rgba(176, 131, 45, 0.15);
    display: grid;
    font-size: 0.75rem;
    grid-template-columns: 5rem 1fr;
    gap: 0.5rem;
    padding: 0.5625rem 0; }
    .w-birthdays__item:first-child {
      padding-top: 0; }
    .w-birthdays__item .icon {
      font-size: 1.125rem; }
  .w-birthdays__name {
    font-size: 0.8125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .w-birthdays__row {
    align-items: center;
    display: flex;
    gap: 0.25rem;
    overflow: hidden; }
  .w-birthdays__more {
    display: none; }
  .w-birthdays.full .w-birthdays__more {
    display: flex; }
  .w-birthdays.full .w-birthdays__less {
    display: none; }

.w-calendar {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem -0.5rem rgba(94, 86, 61, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem; }
  .w-calendar hr {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .w-calendar--bg {
    background: rgba(176, 131, 45, 0.15);
    box-shadow: none; }
    .w-calendar--bg .form__switch label::before {
      background: rgba(118, 130, 143, 0.2); }
  .w-calendar__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
    .w-calendar__controls .btn, .w-calendar__controls .button {
      font-weight: 400; }
  .w-calendar__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
  .w-calendar__link {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: 0.8125rem;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: underline; }
    .w-calendar__link:hover {
      text-decoration: none; }
    .w-calendar__link:has(.icon) {
      padding-left: 1.875rem; }
      .w-calendar__link:has(.icon) .icon {
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0.125rem;
        transition: transform 0.3s; }
    .w-calendar__link-text:last-child {
      display: none; }
    .w-calendar__link.collapsed .icon {
      transform: rotate(180deg); }
    .w-calendar__link.collapsed .w-calendar__link-text {
      display: none; }
      .w-calendar__link.collapsed .w-calendar__link-text:last-child {
        display: inline; }
  .w-calendar__subtitle {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .w-calendar__title {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.625rem; }
    .w-calendar__title .icon {
      color: #B0832D;
      font-size: 1.125rem; }
    .w-calendar__title--light {
      font-size: 0.75rem;
      font-weight: 300; }
  .w-calendar__body {
    color: rgba(18, 40, 70, 0.6);
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    font-size: 0.75rem;
    text-align: center; }
  .w-calendar__day {
    border-right: 1px solid rgba(43, 43, 43, 0.15);
    height: 2rem;
    overflow: hidden;
    padding: 0.125rem;
    position: relative;
    z-index: 0; }
    .w-calendar__day:nth-child(7) ~ .w-calendar__day {
      border-top: 1px solid rgba(43, 43, 43, 0.15);
      height: 3rem; }
    .w-calendar__day:nth-child(7n) {
      border-right: 0; }
    .w-calendar__day-link {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1; }
  .w-calendar__events {
    display: flex;
    flex-direction: column;
    height: 2.7rem;
    overflow: hidden;
    padding-top: 0.75rem; }
    .w-calendar__events-dense {
      display: grid;
      grid-template-columns: auto auto auto auto;
      gap: 1px;
      padding-top: 0.8rem; }
  .w-calendar__event {
    background: #B0832D;
    border-radius: 0.25rem;
    color: #fff;
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: -0.1em;
    margin-top: auto;
    overflow: hidden;
    padding: 0 0.1875rem 0.0625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 2; }
    .w-calendar__event--blue {
      background: #2EA6FC; }
    .w-calendar__event--green {
      background: #64BE72; }
  .w-calendar__events-dense .w-calendar__event {
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0;
    border-radius: 0.5rem; }
  @media (max-width: 1199px) {
    .w-calendar__day {
      height: 2.5rem; } }

.w-cashflow {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem -0.5rem rgba(94, 86, 61, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem; }
  .w-cashflow hr {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .w-cashflow--bg {
    background: rgba(176, 131, 45, 0.15);
    box-shadow: none; }
    .w-cashflow--bg .form__switch label::before {
      background: rgba(118, 130, 143, 0.2); }
  .w-cashflow__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
    .w-cashflow__controls .btn, .w-cashflow__controls .button {
      font-weight: 400; }
  .w-cashflow__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
  .w-cashflow__link {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: 0.8125rem;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: underline; }
    .w-cashflow__link:hover {
      text-decoration: none; }
    .w-cashflow__link:has(.icon) {
      padding-left: 1.875rem; }
      .w-cashflow__link:has(.icon) .icon {
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0.125rem;
        transition: transform 0.3s; }
    .w-cashflow__link-text:last-child {
      display: none; }
    .w-cashflow__link.collapsed .icon {
      transform: rotate(180deg); }
    .w-cashflow__link.collapsed .w-cashflow__link-text {
      display: none; }
      .w-cashflow__link.collapsed .w-cashflow__link-text:last-child {
        display: inline; }
  .w-cashflow__subtitle {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .w-cashflow__title {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.625rem; }
    .w-cashflow__title .icon {
      color: #B0832D;
      font-size: 1.125rem; }
    .w-cashflow__title--light {
      font-size: 0.75rem;
      font-weight: 300; }
  .w-cashflow__chart {
    height: 100px;
    position: relative; }
    .w-cashflow__chart canvas {
      display: block;
      height: 100% !important;
      width: 100% !important; }
  .w-cashflow__grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
  .w-cashflow__heading {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.5rem; }
    .w-cashflow__heading .setdate {
      font-size: 0.8125rem; }
  .w-cashflow__item {
    color: #76828F;
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    font-weight: 300;
    gap: 0.5rem; }
    .w-cashflow__item strong {
      color: #122846;
      display: block;
      font-weight: 400; }
  .w-cashflow__value {
    color: #B0832D;
    font-size: 0.875rem;
    font-weight: 700; }

.w-goals {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem -0.5rem rgba(94, 86, 61, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem; }
  .w-goals hr {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .w-goals--bg {
    background: rgba(176, 131, 45, 0.15);
    box-shadow: none; }
    .w-goals--bg .form__switch label::before {
      background: rgba(118, 130, 143, 0.2); }
  .w-goals__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
    .w-goals__controls .btn, .w-goals__controls .button {
      font-weight: 400; }
  .w-goals__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
  .w-goals__link {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: 0.8125rem;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: underline; }
    .w-goals__link:hover {
      text-decoration: none; }
    .w-goals__link:has(.icon) {
      padding-left: 1.875rem; }
      .w-goals__link:has(.icon) .icon {
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0.125rem;
        transition: transform 0.3s; }
    .w-goals__link-text:last-child {
      display: none; }
    .w-goals__link.collapsed .icon {
      transform: rotate(180deg); }
    .w-goals__link.collapsed .w-goals__link-text {
      display: none; }
      .w-goals__link.collapsed .w-goals__link-text:last-child {
        display: inline; }
  .w-goals__subtitle {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .w-goals__title {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.625rem; }
    .w-goals__title .icon {
      color: #B0832D;
      font-size: 1.125rem; }
    .w-goals__title--light {
      font-size: 0.75rem;
      font-weight: 300; }
  .w-goals .carousel {
    display: flex;
    flex-direction: column-reverse;
    flex-grow: 1; }
    .w-goals .carousel-control-next, .w-goals .carousel-control-prev {
      background: transparent;
      border: 0;
      bottom: 0.125rem;
      color: #B0832D;
      font-size: 1rem;
      height: 1rem;
      opacity: 1;
      top: auto;
      width: 1rem; }
      .w-goals .carousel-control-next:hover, .w-goals .carousel-control-prev:hover {
        color: #122846; }
    .w-goals .carousel-indicators {
      align-items: flex-end;
      bottom: auto;
      gap: 0.25rem;
      height: 2rem;
      margin-left: 2rem;
      margin-right: 2rem;
      padding-bottom: 0.5rem;
      position: relative; }
      .w-goals .carousel-indicators li {
        background: rgba(176, 131, 45, 0.5);
        border-radius: 50%;
        height: 0.375rem;
        margin: 0;
        width: 0.375rem; }
        .w-goals .carousel-indicators li.active {
          background: #B0832D; }
  .w-goals strong {
    color: #122846; }
  .w-goals__color {
    border-radius: 0.125rem;
    display: inline-block;
    flex-shrink: 0;
    height: 0.5rem;
    margin-left: 0.75rem;
    margin-right: 0.5rem;
    margin-top: 0.25rem;
    width: 0.5rem; }
    .w-goals__color:first-child {
      margin-left: 0; }
  .w-goals__empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    gap: 1rem;
    text-align: center; }
  .w-goals__item {
    color: #76828F;
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    gap: 0.5rem; }
  .w-goals__progress {
    align-items: center;
    background: rgba(176, 131, 45, 0.15);
    border-radius: 0.5rem;
    display: flex;
    height: 1.5rem;
    padding: 0.25rem; }
    .w-goals__progress-value {
      background: rgba(176, 131, 45, 0.25);
      border-radius: 0.25rem;
      display: flex;
      flex-direction: column;
      height: 1rem;
      overflow: hidden;
      position: relative;
      width: 100%; }
      .w-goals__progress-value::before {
        background: #B0832D;
        content: "";
        height: 100%; }
      .w-goals__progress-value--green {
        background: rgba(100, 190, 114, 0.25); }
        .w-goals__progress-value--green::before {
          background: #64BE72; }
      .w-goals__progress-value--green-red {
        background: rgba(241, 91, 98, 0.6); }
        .w-goals__progress-value--green-red::before {
          background: #64BE72; }
      .w-goals__progress-value--red {
        background: rgba(241, 91, 98, 0.25); }
        .w-goals__progress-value--red::before {
          background: #f15b62; }
  .w-goals__row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: space-between; }
  .w-goals__heading {
    color: #122846;
    font-size: 0.9375rem;
    font-weight: 700; }

.w-messages {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem -0.5rem rgba(94, 86, 61, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem; }
  .w-messages hr {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .w-messages--bg {
    background: rgba(176, 131, 45, 0.15);
    box-shadow: none; }
    .w-messages--bg .form__switch label::before {
      background: rgba(118, 130, 143, 0.2); }
  .w-messages__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
    .w-messages__controls .btn, .w-messages__controls .button {
      font-weight: 400; }
  .w-messages__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
  .w-messages__link {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: 0.8125rem;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: underline; }
    .w-messages__link:hover {
      text-decoration: none; }
    .w-messages__link:has(.icon) {
      padding-left: 1.875rem; }
      .w-messages__link:has(.icon) .icon {
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0.125rem;
        transition: transform 0.3s; }
    .w-messages__link-text:last-child {
      display: none; }
    .w-messages__link.collapsed .icon {
      transform: rotate(180deg); }
    .w-messages__link.collapsed .w-messages__link-text {
      display: none; }
      .w-messages__link.collapsed .w-messages__link-text:last-child {
        display: inline; }
  .w-messages__subtitle {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .w-messages__title {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.625rem; }
    .w-messages__title .icon {
      color: #B0832D;
      font-size: 1.125rem; }
    .w-messages__title--light {
      font-size: 0.75rem;
      font-weight: 300; }
  .w-messages {
    padding-bottom: 0; }
  .w-messages__body {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-right: -1.25rem;
    max-height: 14rem;
    overflow: auto;
    padding-bottom: 1rem;
    padding-right: 1.25rem; }
  .w-messages__date {
    color: #76828F;
    font-size: 0.75rem;
    font-weight: 400; }
  .w-messages__footer {
    border-top: 1px solid rgba(176, 131, 45, 0.15);
    display: flex;
    gap: 0.75rem;
    margin-top: 0.25rem;
    padding-top: 0.625rem; }
  .w-messages__heading {
    font-size: 0.875rem;
    font-weight: 700; }
  .w-messages__item {
    background: #fff;
    border-radius: 0.625rem;
    box-shadow: 0 1.25rem 2.5rem -0.5rem rgba(176, 131, 45, 0.3);
    display: flex;
    flex-direction: column;
    font-size: 0.8125rem;
    font-weight: 300;
    gap: 0.5rem;
    padding: 1.25rem; }
  .w-messages__reaction {
    align-items: center;
    color: #76828F;
    display: flex;
    font-weight: 400;
    gap: 0.25rem; }
    .w-messages__reaction .icon {
      font-size: 0.875rem;
      margin-top: 0.125rem; }

.w-news {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem -0.5rem rgba(94, 86, 61, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem; }
  .w-news hr {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .w-news--bg {
    background: rgba(176, 131, 45, 0.15);
    box-shadow: none; }
    .w-news--bg .form__switch label::before {
      background: rgba(118, 130, 143, 0.2); }
  .w-news__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
    .w-news__controls .btn, .w-news__controls .button {
      font-weight: 400; }
  .w-news__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
  .w-news__link {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: 0.8125rem;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: underline; }
    .w-news__link:hover {
      text-decoration: none; }
    .w-news__link:has(.icon) {
      padding-left: 1.875rem; }
      .w-news__link:has(.icon) .icon {
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0.125rem;
        transition: transform 0.3s; }
    .w-news__link-text:last-child {
      display: none; }
    .w-news__link.collapsed .icon {
      transform: rotate(180deg); }
    .w-news__link.collapsed .w-news__link-text {
      display: none; }
      .w-news__link.collapsed .w-news__link-text:last-child {
        display: inline; }
  .w-news__subtitle {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .w-news__title {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.625rem; }
    .w-news__title .icon {
      color: #B0832D;
      font-size: 1.125rem; }
    .w-news__title--light {
      font-size: 0.75rem;
      font-weight: 300; }
  .w-news {
    overflow: hidden; }
  .w-news__body {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.25rem), calc(100% - 1.5rem) calc(100% - 1.25rem), calc(100% - 1.5rem) 100%, 1.5rem 100%, 1.5rem calc(100% - 1.25rem), 0 calc(100% - 1.25rem));
    overflow: hidden;
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  .w-news__item {
    background: #fff;
    border-radius: 0.625rem;
    box-shadow: 0 0.5rem 1rem -0.5rem rgba(176, 131, 45, 0.3);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    font-size: 0.8125rem;
    font-weight: 300;
    overflow: hidden;
    position: relative;
    width: calc((100% - 2.125rem) / 2); }
    .w-news__item-image {
      display: flex; }
      .w-news__item-image img {
        height: 100%;
        object-fit: cover;
        width: 100%; }
    .w-news__item-text {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      padding: 1rem; }
    .w-news__item-title {
      font-size: 0.875rem;
      font-weight: 700; }
  .w-news__label {
    background: rgba(176, 131, 45, 0.9);
    border-radius: 0.25rem;
    color: #fff;
    font-size: 0.6875rem;
    left: 0.5rem;
    padding: 0.375rem 0.5rem;
    position: absolute;
    top: 0.5rem; }
  .w-news__corner {
    align-items: flex-end;
    aspect-ratio: 1;
    background: #B0832D;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 0.5rem 10%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%) rotate(45deg); }
  .w-news__more {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: inherit;
    text-decoration: underline; }
    .w-news__more:hover {
      text-decoration: none; }
  .w-news__scroll {
    display: flex;
    gap: 0.625rem;
    overflow-x: auto;
    padding-bottom: 1.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  @media (max-width: 399px) {
    .w-news__item {
      width: calc(100% - 1.5rem); } }

.w-notes {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem -0.5rem rgba(94, 86, 61, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem; }
  .w-notes hr {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .w-notes--bg {
    background: rgba(176, 131, 45, 0.15);
    box-shadow: none; }
    .w-notes--bg .form__switch label::before {
      background: rgba(118, 130, 143, 0.2); }
  .w-notes__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
    .w-notes__controls .btn, .w-notes__controls .button {
      font-weight: 400; }
  .w-notes__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
  .w-notes__link {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: 0.8125rem;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: underline; }
    .w-notes__link:hover {
      text-decoration: none; }
    .w-notes__link:has(.icon) {
      padding-left: 1.875rem; }
      .w-notes__link:has(.icon) .icon {
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0.125rem;
        transition: transform 0.3s; }
    .w-notes__link-text:last-child {
      display: none; }
    .w-notes__link.collapsed .icon {
      transform: rotate(180deg); }
    .w-notes__link.collapsed .w-notes__link-text {
      display: none; }
      .w-notes__link.collapsed .w-notes__link-text:last-child {
        display: inline; }
  .w-notes__subtitle {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .w-notes__title {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.625rem; }
    .w-notes__title .icon {
      color: #B0832D;
      font-size: 1.125rem; }
    .w-notes__title--light {
      font-size: 0.75rem;
      font-weight: 300; }
  .w-notes .form-group, .w-notes .form__group {
    margin-bottom: 0; }
  .w-notes div:empty {
    display: none; }
  .w-notes input {
    background: transparent;
    border: 0;
    color: #76828F;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0;
    width: 4.5rem; }
  .w-notes__collapse {
    align-self: stretch; }
    .w-notes__collapse--footer {
      border-top: 1px solid rgba(148, 110, 38, 0.15);
      padding-top: 1.125rem; }
    .w-notes__collapse--footer .w-notes__collapse-buttons {
      align-items: center;
      grid-template-columns: 1fr auto; }
      .w-notes__collapse--footer .w-notes__collapse-buttons .button {
        grid-column-start: 2;
        grid-row-start: 1; }
    .w-notes__collapse-buttons {
      display: grid;
      gap: 1rem;
      margin-top: 0.625rem; }
      .w-notes__collapse-buttons .button {
        grid-column-start: 1;
        grid-row-start: 2;
        justify-self: start; }
        .w-notes__collapse-buttons .button.collapsed {
          z-index: 2; }
    .w-notes__collapse-content {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      padding-top: 0.25rem; }
  .w-notes__collapse:has(.collapsed) .w-notes__info {
    display: none; }
  .w-notes__date {
    color: #76828F;
    font-size: 0.75rem;
    font-weight: 400; }
  .w-notes__file {
    align-items: flex-start;
    color: #76828F;
    display: flex;
    font-size: 0.75rem;
    gap: 1rem;
    padding-left: 2rem;
    position: relative; }
    .w-notes__file > .icon {
      color: #B0832D;
      font-size: 1.375rem;
      left: 0;
      position: absolute; }
    .w-notes__file-controls {
      margin-left: auto;
      display: flex;
      gap: 0.125rem; }
      .w-notes__file-controls button {
        background: transparent;
        border: 0;
        padding: 0; }
      .w-notes__file-controls-item {
        align-items: center;
        border-radius: 0.25rem;
        color: #B0832D;
        display: flex;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem; }
        .w-notes__file-controls-item:hover {
          background: rgba(176, 131, 45, 0.2); }
    .w-notes__file-info {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      overflow: hidden; }
    .w-notes__file-name {
      color: #122846;
      font-size: 0.875rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .w-notes__footer {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-left: 1.875rem; }
  .w-notes__item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
    padding-top: 0.25rem;
    position: relative; }
    .w-notes__item:has(> .icon) {
      padding-left: 2rem; }
    .w-notes__item > .icon {
      color: #B0832D;
      display: flex;
      font-size: 1.375rem;
      left: 0;
      position: absolute;
      top: 0; }
    .w-notes__item p {
      font-size: 0.875rem;
      font-weight: 300; }
  .w-notes__info {
    align-items: center;
    color: #76828F;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.75rem;
    font-weight: 400;
    gap: 0.25rem 0.5rem;
    padding-top: 0.25rem; }
  .w-notes__input {
    align-items: center;
    align-self: stretch;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(94, 86, 61, 0.25);
    border-radius: 0.375rem;
    display: flex;
    gap: 0.5rem;
    position: relative; }
    .w-notes__input textarea {
      background: transparent;
      border: 0;
      flex-grow: 1;
      font-size: 0.875rem;
      min-height: 2.625rem;
      padding: 0.875rem 0.75rem; }
    .w-notes__input .form-group {
      margin: 0 0.75rem 0 0; }
    .w-notes__input div:empty {
      display: none; }
  .w-notes__label {
    align-items: center;
    background: rgba(176, 131, 45, 0.2);
    border-radius: 0.25rem;
    border: 1px solid rgba(176, 131, 45, 0.6);
    color: #B0832D;
    display: flex;
    font-size: 0.75rem;
    font-weight: 400;
    height: 1.25rem;
    line-height: 1;
    padding: 0 0.375rem; }
  .w-notes__task {
    position: relative;
    transition: all 0.25s; }
    .w-notes__task .form__check {
      left: 0;
      position: absolute;
      top: 0.75rem;
      z-index: 10; }
    .w-notes__task:not(.w-notes__task.edit):has(.form__check) .w-notes__task-body {
      padding-left: 2.5rem; }
    .w-notes__task:not(.w-notes__task.edit) .w-notes__task-body:has(> .icon) {
      padding-left: 2.5rem; }
    .w-notes__task-body {
      border-radius: 0.5rem;
      display: flex;
      flex-direction: column;
      gap: 0.375rem;
      margin: 0 -0.5rem;
      padding: 0.75rem;
      position: relative;
      transition: all 0.25s; }
      .w-notes__task-body::after {
        bottom: 0;
        content: "";
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0; }
      .w-notes__task-body::before {
        content: "";
        font: 1rem 'icomoon';
        opacity: 0;
        position: absolute;
        right: 0.5rem;
        top: 0.5rem;
        transition: all 0.25s; }
      .w-notes__task-body > .icon {
        color: #B0832D;
        display: flex;
        font-size: 1.375rem;
        left: 0.5rem;
        position: absolute;
        top: 0.5rem; }
      .w-notes__task-body:hover {
        background: rgba(176, 131, 45, 0.1); }
        .w-notes__task-body:hover::before {
          opacity: 0.25; }
    .w-notes__task:not(.w-notes__task.edit) .w-notes__task-body:has(.w-notes__task-status) {
      padding-left: 3rem; }
    .w-notes__task-buttons {
      display: none;
      gap: 0.5rem;
      margin-right: auto; }
    .w-notes__task-delete {
      background: transparent;
      border: 0;
      color: #B0832D;
      display: none;
      font-size: 1rem;
      padding: 0; }
      .w-notes__task-delete:hover {
        color: #f15b62; }
    .w-notes__task-icon {
      color: rgba(176, 131, 45, 0.7);
      display: flex;
      font-size: 1.375rem;
      height: 1.5rem;
      line-height: 1;
      justify-content: center;
      left: 0.375rem;
      position: absolute;
      top: 0.375rem;
      width: 1.5rem;
      z-index: 1; }
    .w-notes__task-name {
      background: transparent;
      border: 0;
      border-radius: 0.375rem;
      font-size: 0.9375rem;
      height: auto;
      padding: 0 1.5rem 0 0; }
    .w-notes__task-note {
      background: transparent;
      border: 0;
      border-radius: 0.375rem;
      font-size: 0.9375rem;
      font-weight: 300;
      line-height: 1.2;
      min-height: 1.5rem;
      overflow: hidden;
      padding: 0 1.5rem 0 0;
      resize: none; }
    .w-notes__task-status {
      align-items: center;
      background: linear-gradient(180deg, rgba(176, 131, 45, 0.5), rgba(176, 131, 45, 0.3));
      border-radius: 0.5rem;
      color: #fff;
      display: flex;
      font: 1rem;
      height: 1.75rem;
      justify-content: center;
      left: 0.5rem;
      opacity: 1;
      position: absolute;
      top: 0.5rem;
      transition: opacity 0.25s;
      width: 1.75rem; }
      .w-notes__task-status:has(.icon-check) {
        background: linear-gradient(180deg, rgba(100, 190, 114, 0.5), rgba(100, 190, 114, 0.3));
        font-size: 1.5rem; }
    .w-notes__task.done .w-notes__task-note {
      text-decoration: line-through; }
    .w-notes__task.edit .form__check {
      left: 0.75rem; }
    .w-notes__task.edit .w-notes__task-buttons {
      display: flex; }
    .w-notes__task.edit .w-notes__task-body {
      background: rgba(176, 131, 45, 0.1); }
      .w-notes__task.edit .w-notes__task-body::after, .w-notes__task.edit .w-notes__task-body::before {
        content: none; }
      .w-notes__task.edit .w-notes__task-body .icon {
        display: flex; }
    .w-notes__task.edit .w-notes__task-cancel {
      display: block; }
    .w-notes__task.edit .w-notes__task-delete {
      display: block; }
    .w-notes__task.edit .w-notes__task-noedit {
      display: none; }
    .w-notes__task.edit .w-notes__task-name {
      background: rgba(255, 255, 255, 0.95);
      border: 1px solid rgba(94, 86, 61, 0.25);
      margin-bottom: 0.5rem;
      padding: 0.625rem 0.75rem; }
    .w-notes__task.edit .w-notes__task-note {
      background: #fff;
      border: 1px solid rgba(94, 86, 61, 0.25);
      margin-bottom: 0.5rem;
      min-height: 5rem;
      padding: 0.5rem 0.75rem;
      resize: both; }
    .w-notes__task.edit .w-notes__task-status {
      opacity: 0; }
  .w-notes__task.done:not(.edit) .w-notes__info {
    opacity: 0.5; }
  @media (max-width: 1399px) {
    .w-notes__footer {
      padding-left: 0; } }

.w-person {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem -0.5rem rgba(94, 86, 61, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem; }
  .w-person hr {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .w-person--bg {
    background: rgba(176, 131, 45, 0.15);
    box-shadow: none; }
    .w-person--bg .form__switch label::before {
      background: rgba(118, 130, 143, 0.2); }
  .w-person__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
    .w-person__controls .btn, .w-person__controls .button {
      font-weight: 400; }
  .w-person__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
  .w-person__link {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: 0.8125rem;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: underline; }
    .w-person__link:hover {
      text-decoration: none; }
    .w-person__link:has(.icon) {
      padding-left: 1.875rem; }
      .w-person__link:has(.icon) .icon {
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0.125rem;
        transition: transform 0.3s; }
    .w-person__link-text:last-child {
      display: none; }
    .w-person__link.collapsed .icon {
      transform: rotate(180deg); }
    .w-person__link.collapsed .w-person__link-text {
      display: none; }
      .w-person__link.collapsed .w-person__link-text:last-child {
        display: inline; }
  .w-person__subtitle {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .w-person__title {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.625rem; }
    .w-person__title .icon {
      color: #B0832D;
      font-size: 1.125rem; }
    .w-person__title--light {
      font-size: 0.75rem;
      font-weight: 300; }
  .w-person {
    font-size: 0.9375rem;
    font-weight: 300;
    padding-bottom: 1.5rem;
    padding-top: 1.25rem; }
  .w-person__contacts {
    display: flex;
    flex-direction: column;
    font-size: 0.9375rem;
    gap: 0.625rem;
    line-height: 1.5;
    padding-left: 1.875rem; }
    .w-person__contacts .icon {
      align-items: center;
      background: rgba(176, 131, 45, 0.2);
      border-radius: 0.5rem;
      color: #B0832D;
      display: flex;
      height: 1.75rem;
      justify-content: center;
      left: 0;
      position: absolute;
      width: 1.75rem; }
    .w-person__contacts-item {
      align-items: center;
      display: flex;
      min-height: 1.75rem;
      padding-left: 2.375rem;
      padding-right: 1.5rem;
      position: relative; }
      .w-person__contacts-item::after {
        align-items: center;
        color: #B0832D;
        content: "";
        display: flex;
        font: 1rem 'icomoon';
        justify-content: center;
        position: absolute;
        right: 0; }
    .w-person__contacts-text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .w-person__edit {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    .w-person__edit:hover .w-person__edit-toggler {
      opacity: 0.25; }
      .w-person__edit:hover .w-person__edit-toggler:hover {
        color: #B0832D;
        opacity: 1; }
    .w-person__edit:not(.edit) button[type="submit"] {
      display: none; }
      .w-person__edit:not(.edit) .form__switch input[readonly]:checked + label::before {
        background: #64BE72;
        content: ""; }
        .w-person__edit:not(.edit) .form__switch input[readonly] + label::after {
          content: none; }
        .w-person__edit:not(.edit) .form__switch input[readonly] + label::before {
          align-items: center;
          background: rgba(118, 130, 143, 0.25);
          border-radius: 50%;
          color: #fff;
          content: "";
          display: flex;
          font: 1.25rem 'icomoon';
          height: 1.25rem;
          justify-content: center;
          top: 0;
          width: 1.25rem; }
    .w-person__edit div:empty {
      display: none; }
      .w-person__edit .form__group {
        margin-bottom: 0; }
        .w-person__edit .form__group input[readonly] {
          background: transparent;
          border: 0;
          color: #122846;
          font-size: 0.9375rem;
          font-weight: 300;
          min-height: auto;
          padding: 0; }
      .w-person__edit .form__switch {
        font-size: 0.875rem;
        font-weight: 700; }
        .w-person__edit .form__switch label {
          color: #122846; }
    .w-person__edit-contact {
      min-height: 1.75rem;
      position: relative; }
      .w-person__edit-contact .icon {
        align-items: center;
        background: rgba(176, 131, 45, 0.2);
        border-radius: 0.5rem;
        color: #B0832D;
        display: none;
        height: 1.75rem;
        justify-content: center;
        left: 0;
        position: absolute;
        top: -0.25rem;
        width: 1.75rem; }
    .w-person__edit.edit .w-person__edit-text {
      display: none; }
    .w-person__edit-text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .w-person__edit-toggler {
      background: transparent;
      border: 0;
      margin-left: auto;
      opacity: 0;
      padding: 0; }
    .w-person__edit:not(.edit) .w-person__edit-contact {
      padding-left: 2.375rem; }
      .w-person__edit:not(.edit) .w-person__edit-contact input, .w-person__edit:not(.edit) .w-person__edit-contact label {
        display: none; }
      .w-person__edit:not(.edit) .w-person__edit-contact .icon {
        display: flex; }
  .w-person__list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-left: 1.875rem; }
    .w-person__list .form-group, .w-person__list .form__group {
      gap: 0.375rem; }
  .w-person__modules {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.25rem; }
    .w-person__modules-info {
      color: #76828F;
      font-size: 0.75rem;
      font-weight: 400; }
  @media (hover: none), (any-hover: none), (pointer: coarse) {
    .w-person__edit-toggler {
      opacity: 0.25; } }

.w-promo {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem -0.5rem rgba(94, 86, 61, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem; }
  .w-promo hr {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .w-promo--bg {
    background: rgba(176, 131, 45, 0.15);
    box-shadow: none; }
    .w-promo--bg .form__switch label::before {
      background: rgba(118, 130, 143, 0.2); }
  .w-promo__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
    .w-promo__controls .btn, .w-promo__controls .button {
      font-weight: 400; }
  .w-promo__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
  .w-promo__link {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: 0.8125rem;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: underline; }
    .w-promo__link:hover {
      text-decoration: none; }
    .w-promo__link:has(.icon) {
      padding-left: 1.875rem; }
      .w-promo__link:has(.icon) .icon {
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0.125rem;
        transition: transform 0.3s; }
    .w-promo__link-text:last-child {
      display: none; }
    .w-promo__link.collapsed .icon {
      transform: rotate(180deg); }
    .w-promo__link.collapsed .w-promo__link-text {
      display: none; }
      .w-promo__link.collapsed .w-promo__link-text:last-child {
        display: inline; }
  .w-promo__subtitle {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .w-promo__title {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.625rem; }
    .w-promo__title .icon {
      color: #B0832D;
      font-size: 1.125rem; }
    .w-promo__title--light {
      font-size: 0.75rem;
      font-weight: 300; }
  .w-promo {
    padding-top: 1.5rem; }
  .w-promo .carousel {
    flex-grow: 1;
    padding-bottom: 3rem; }
    .w-promo .carousel-control-next, .w-promo .carousel-control-prev {
      background: transparent;
      border: 0;
      bottom: 0.625rem;
      color: #B0832D;
      font-size: 1rem;
      height: 1rem;
      opacity: 1;
      top: auto;
      width: 1rem; }
      .w-promo .carousel-control-next:hover, .w-promo .carousel-control-prev:hover {
        color: #122846; }
    .w-promo .carousel-indicators {
      bottom: 1rem;
      gap: 0.25rem;
      margin-left: 2rem;
      margin-right: 2rem; }
      .w-promo .carousel-indicators li {
        background: rgba(176, 131, 45, 0.5);
        border-radius: 50%;
        height: 0.375rem;
        margin: 0;
        width: 0.375rem; }
        .w-promo .carousel-indicators li.active {
          background: #B0832D; }
  .w-promo__item {
    display: flex;
    justify-content: center; }

.w-tasks {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem -0.5rem rgba(94, 86, 61, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem; }
  .w-tasks hr {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .w-tasks--bg {
    background: rgba(176, 131, 45, 0.15);
    box-shadow: none; }
    .w-tasks--bg .form__switch label::before {
      background: rgba(118, 130, 143, 0.2); }
  .w-tasks__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
    .w-tasks__controls .btn, .w-tasks__controls .button {
      font-weight: 400; }
  .w-tasks__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
  .w-tasks__link {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: 0.8125rem;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: underline; }
    .w-tasks__link:hover {
      text-decoration: none; }
    .w-tasks__link:has(.icon) {
      padding-left: 1.875rem; }
      .w-tasks__link:has(.icon) .icon {
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0.125rem;
        transition: transform 0.3s; }
    .w-tasks__link-text:last-child {
      display: none; }
    .w-tasks__link.collapsed .icon {
      transform: rotate(180deg); }
    .w-tasks__link.collapsed .w-tasks__link-text {
      display: none; }
      .w-tasks__link.collapsed .w-tasks__link-text:last-child {
        display: inline; }
  .w-tasks__subtitle {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .w-tasks__title {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.625rem; }
    .w-tasks__title .icon {
      color: #B0832D;
      font-size: 1.125rem; }
    .w-tasks__title--light {
      font-size: 0.75rem;
      font-weight: 300; }
  .w-tasks {
    padding-bottom: 0; }
  .w-tasks .form__check {
    left: 0.375rem;
    position: absolute;
    top: 0.625rem;
    z-index: 1; }
  .w-tasks__body {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-right: -1.25rem;
    max-height: 24rem;
    overflow: auto;
    padding-bottom: 1rem;
    padding-right: 1.25rem; }
  .w-tasks__footer {
    display: flex;
    gap: 1rem;
    padding-left: 1.875rem; }
  .w-tasks__info {
    align-items: center;
    color: #76828F;
    display: flex;
    font-size: 0.75rem;
    font-weight: 400;
    gap: 0.5rem;
    padding-top: 0.25rem; }
    .w-tasks__info-item {
      align-items: center;
      display: flex;
      gap: 0.125rem;
      position: relative; }
    .w-tasks__info-label {
      align-items: center;
      background: rgba(176, 131, 45, 0.2);
      border-radius: 0.25rem;
      border: 1px solid rgba(176, 131, 45, 0.6);
      color: #B0832D;
      display: flex;
      font-size: 0.75rem;
      height: 1.25rem;
      line-height: 1;
      padding: 0 0.5rem; }
  .w-tasks__item {
    border-radius: 0.375rem;
    border-top: 1px solid rgba(176, 131, 45, 0.15);
    display: flex;
    flex-direction: column;
    padding: 0.375rem;
    padding: 0.75rem 0 0.75rem 2.375rem;
    position: relative; }
    .w-tasks__item:first-child {
      border-top: 0; }
  .w-tasks__item.done .w-tasks__info {
    opacity: 0.5; }
  .w-tasks__item.done .w-tasks__name {
    text-decoration: line-through; }
  .w-tasks__name {
    font-size: 0.875rem; }
  @media (max-width: 1399px) {
    .w-tasks__footer {
      padding-left: 0; } }

.w-total {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem -0.5rem rgba(94, 86, 61, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem; }
  .w-total hr {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem); }
  .w-total--bg {
    background: rgba(176, 131, 45, 0.15);
    box-shadow: none; }
    .w-total--bg .form__switch label::before {
      background: rgba(118, 130, 143, 0.2); }
  .w-total__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem; }
    .w-total__controls .btn, .w-total__controls .button {
      font-weight: 400; }
  .w-total__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
  .w-total__link {
    background: transparent;
    border: 0;
    color: #B0832D;
    font-size: 0.8125rem;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: underline; }
    .w-total__link:hover {
      text-decoration: none; }
    .w-total__link:has(.icon) {
      padding-left: 1.875rem; }
      .w-total__link:has(.icon) .icon {
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0.125rem;
        transition: transform 0.3s; }
    .w-total__link-text:last-child {
      display: none; }
    .w-total__link.collapsed .icon {
      transform: rotate(180deg); }
    .w-total__link.collapsed .w-total__link-text {
      display: none; }
      .w-total__link.collapsed .w-total__link-text:last-child {
        display: inline; }
  .w-total__subtitle {
    color: rgba(94, 86, 61, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase; }
  .w-total__title {
    align-items: center;
    display: flex;
    font-size: 0.9375rem;
    font-weight: 700;
    gap: 0.625rem; }
    .w-total__title .icon {
      color: #B0832D;
      font-size: 1.125rem; }
    .w-total__title--light {
      font-size: 0.75rem;
      font-weight: 300; }
  .w-total .carousel {
    display: flex;
    flex-direction: column-reverse;
    flex-grow: 1; }
    .w-total .carousel-control-next, .w-total .carousel-control-prev {
      background: transparent;
      border: 0;
      bottom: 0.125rem;
      color: #B0832D;
      font-size: 1rem;
      height: 1rem;
      opacity: 1;
      top: auto;
      width: 1rem; }
      .w-total .carousel-control-next:hover, .w-total .carousel-control-prev:hover {
        color: #122846; }
    .w-total .carousel-indicators {
      align-items: flex-end;
      bottom: auto;
      gap: 0.25rem;
      margin-left: 2rem;
      margin-right: 2rem;
      padding-bottom: 0.5rem;
      position: relative; }
      .w-total .carousel-indicators li {
        background: rgba(176, 131, 45, 0.5);
        border-radius: 50%;
        height: 0.375rem;
        margin: 0;
        width: 0.375rem; }
        .w-total .carousel-indicators li.active {
          background: #B0832D; }
  .w-total--bg .w-total__table {
    max-height: none; }
    .w-total--bg .w-total__table table {
      border-collapse: separate;
      border-spacing: 0 0.125rem; }
    .w-total--bg .w-total__table td {
      background: #fff;
      border: 0;
      height: 3.75rem; }
      .w-total--bg .w-total__table td:first-child {
        border-radius: 0.625rem 0 0 0.625rem;
        padding-left: 1.25rem; }
      .w-total--bg .w-total__table td:last-child {
        border-radius: 0 0.625rem 0.625rem 0;
        padding-right: 0.25rem; }
    .w-total--bg .w-total__table thead th {
      background: transparent;
      box-shadow: none;
      color: rgba(94, 86, 61, 0.5);
      font-weight: 700;
      position: static;
      text-transform: uppercase; }
  .w-total__chart {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    position: relative; }
    .w-total__chart-label {
      display: flex;
      flex-direction: column; }
      .w-total__chart-label + .w-total__chart-label {
        border-top: 1px solid #E7EBF0;
        padding-top: 0.75rem; }
    .w-total__chart-text {
      align-items: center;
      background: #fff;
      border-radius: 50%;
      bottom: 1.25rem;
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      justify-content: center;
      left: 1.25rem;
      padding: 1rem;
      pointer-events: none;
      position: absolute;
      right: 1.25rem;
      text-align: center;
      top: 1.25rem;
      z-index: 1; }
    .w-total__chart-value {
      font-size: 1rem;
      font-weight: 700; }
    .w-total__chart .chartjs-tooltip {
      background: rgba(18, 40, 70, 0.8);
      border-radius: 0.25rem;
      color: #fff;
      font-size: 0.75rem;
      opacity: 0;
      padding: 0.375rem 0.625rem;
      pointer-events: none;
      position: absolute;
      transition: opacity 0.1s;
      white-space: nowrap;
      z-index: 10; }
      .w-total__chart .chartjs-tooltip__title {
        font-weight: 700;
        margin-bottom: 0.125rem; }
      .w-total__chart .chartjs-tooltip__body {
        align-items: center;
        display: flex;
        gap: 0.375rem; }
        .w-total__chart .chartjs-tooltip__body span {
          border-radius: 0.125rem;
          flex-shrink: 0;
          height: 0.5rem;
          width: 0.5rem; }
  .w-total__contract {
    display: flex;
    flex-direction: column;
    font-size: 0.8125rem;
    font-weight: 300;
    gap: 0.25rem;
    justify-content: center;
    min-height: 3rem;
    padding-left: 3.75rem;
    position: relative; }
    .w-total__contract-icon {
      align-items: center;
      background: rgba(100, 190, 114, 0.15);
      border-radius: 0.5rem;
      color: #64BE72;
      display: flex;
      font-size: 1.25rem;
      height: 3rem;
      justify-content: center;
      left: 0;
      position: absolute;
      top: 0;
      width: 3rem; }
    .w-total__contract-name {
      color: #122846;
      font-size: 0.9375rem;
      font-weight: 700; }
  .w-total__datas {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3125rem; }
    .w-total__datas-label {
      color: rgba(94, 86, 61, 0.5);
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase; }
    .w-total__datas-item {
      background: rgba(176, 131, 45, 0.15);
      border-radius: 0.625rem;
      display: flex;
      flex: 1 0 0;
      flex-direction: column;
      font-size: 0.9375rem;
      font-weight: 300;
      gap: 0.5rem;
      padding: 1rem 1.125rem; }
  .w-total__date {
    color: #76828F;
    font-size: 0.75rem;
    font-weight: 400; }
  .w-total__disposition {
    display: grid;
    gap: 0.125rem;
    height: 1.875rem; }
    .w-total__disposition-item {
      background: #B0832D; }
  .w-total__grid {
    align-items: start;
    display: grid;
    gap: 1.5rem 1.75rem;
    grid-template-columns: 12.5rem 1fr; }
  .w-total__legend {
    display: grid;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.2; }
    .w-total__legend--columns {
      gap: 0 1.25rem;
      grid-template-columns: repeat(2, 1fr); }
    .w-total__legend-color {
      border-radius: 0.125rem;
      flex-shrink: 0;
      height: 0.5rem;
      margin-top: 0.25rem;
      width: 0.5rem; }
    .w-total__legend-item {
      display: grid;
      grid-template-columns: 1fr auto auto; }
    .w-total__legend-td {
      align-items: center;
      border-bottom: 1px solid #E7EBF0;
      display: flex;
      gap: 0.375rem;
      min-height: 2.75rem;
      padding: 0.625rem 0 0.625rem 0.75rem; }
      .w-total__legend-td:nth-child(3n+1) {
        padding-left: 0; }
    .w-total__legend-th {
      align-items: center;
      border-bottom: 1px solid #E7EBF0;
      color: #76828F;
      display: flex;
      padding: 0.625rem 0 0.625rem 0.75rem; }
      .w-total__legend-th:first-child {
        padding-left: 0; }
  .w-total__milestone {
    align-items: center;
    display: grid;
    grid-template-columns: 17px 25px 25px 25px 17px;
    justify-items: center;
    position: relative; }
    .w-total__milestone-item {
      align-items: center;
      background: #64BE72;
      border-radius: 50%;
      color: #fff;
      display: flex;
      flex: 1 0 0;
      font-size: 10px;
      height: 9px;
      justify-content: center;
      position: relative;
      width: 9px; }
      .w-total__milestone-item::after {
        background: #64BE72;
        bottom: 0;
        content: "";
        height: 1px;
        left: 100%;
        margin: auto;
        position: absolute;
        top: 0;
        width: 16px; }
      .w-total__milestone-item:first-child {
        justify-self: start; }
      .w-total__milestone-item:last-child {
        justify-self: end; }
        .w-total__milestone-item:last-child::after {
          content: none; }
      .w-total__milestone-item.icon {
        height: 19px;
        width: 19px; }
        .w-total__milestone-item.icon::after {
          background: #E7EBF0;
          width: 11px; }
      .w-total__milestone-item.icon ~ .w-total__milestone-item {
        background: #E7EBF0; }
        .w-total__milestone-item.icon ~ .w-total__milestone-item::after {
          background: #E7EBF0; }
  .w-total__name {
    color: #B0832D;
    display: inline-block;
    font-weight: 400; }
  .w-total__row {
    align-items: center;
    color: #76828F;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    gap: 0.5em;
    justify-content: space-between; }
  .w-total__summary {
    display: flex;
    font-size: 0.75rem;
    gap: 0.5rem 1rem;
    justify-content: space-between; }
    .w-total__summary strong {
      font-size: 2rem;
      line-height: 1.2; }
    .w-total__summary-item {
      display: flex;
      flex-direction: column; }
      .w-total__summary-item + .w-total__summary-item {
        text-align: right; }
  .w-total__table {
    color: #76828F;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 1.2;
    margin-right: -1.25rem;
    max-height: 18rem;
    overflow-y: auto;
    padding-right: 1.25rem; }
    .w-total__table strong {
      color: #122846;
      font-weight: 400; }
    .w-total__table table {
      border-collapse: collapse;
      width: 100%; }
    .w-total__table td {
      border-bottom: 1px solid #E7EBF0;
      padding: 0.5rem;
      vertical-align: middle; }
      .w-total__table td:first-child {
        padding-left: 0; }
      .w-total__table td:last-child {
        padding-right: 0; }
    .w-total__table thead th {
      background: #fff;
      box-shadow: inset 0 -1px 0 0 #E7EBF0;
      color: #76828F;
      font-size: 0.75rem;
      padding: 0.75rem 0.5rem;
      position: sticky;
      top: 0;
      z-index: 2; }
      .w-total__table thead th:first-child {
        padding-left: 0; }
      .w-total__table thead th:last-child {
        padding-right: 0; }
    .w-total__table-link {
      align-items: center;
      color: #B0832D;
      display: flex;
      font-size: 1rem;
      justify-content: center;
      line-height: 1; }
      .w-total__table-link:hover {
        color: #122846; }
  @media (max-width: 1399px) {
    .w-total__contract {
      padding-left: 2.5rem; }
      .w-total__contract-icon {
        font-size: 1rem;
        height: 2rem;
        width: 2rem; }
      .w-total__contract-name {
        font-size: 0.875rem; }
    .w-total__name {
      max-width: 8rem; } }
@media (max-width: 767px) {
  .w-total__legend-td {
    min-height: 0; } }
@media (max-width: 575px) {
  .w-total--bg .w-total__table {
    max-height: none; }
    .w-total--bg .w-total__table td {
      border: 0;
      height: auto; }
      .w-total--bg .w-total__table td:first-child {
        border-radius: 0;
        padding-left: 10rem; }
      .w-total--bg .w-total__table td:last-child {
        border-radius: 0;
        padding-right: 1rem; }
    .w-total--bg .w-total__table tr {
      background: #fff;
      border: 0;
      border-radius: 0.625rem;
      margin-bottom: 0.125rem;
      padding-left: 1rem;
      padding-right: 1rem; }
    .w-total--bg .w-total__table thead th {
      background: transparent;
      box-shadow: none;
      color: rgba(94, 86, 61, 0.5);
      font-weight: 700;
      position: static;
      text-transform: uppercase; }
  .w-total__grid {
    grid-template-columns: none; }
  .w-total__legend {
    grid-template-columns: none; }
    .w-total__legend-item + .w-total__legend-item .w-total__legend-th {
      display: none; }
  .w-total__name {
    max-width: 100%; }
  .w-total__summary strong {
    font-size: 1.5rem; }
    .w-total__table thead {
      display: none; }
    .w-total__table td {
      border-bottom: 0;
      display: block;
      gap: 1rem;
      min-height: 0.85rem;
      padding: 0;
      position: relative; }
      .w-total__table td[data-label] {
        padding-left: 10rem; }
        .w-total__table td[data-label]:first-child {
          padding-left: 10rem; }
        .w-total__table td[data-label]::before {
          content: attr(data-label) ":";
          color: #76828F;
          display: block;
          font-size: 0.75rem;
          font-weight: 300;
          left: 0;
          position: absolute;
          width: 9.5rem; }
      .w-total__table td:first-child {
        padding-right: 1rem; }
    .w-total__table tr {
      border-bottom: 1px solid #E7EBF0;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      padding: 1rem 0;
      position: relative; }
    .w-total__table td:has(.w-total__table-link) {
      display: flex;
      position: absolute;
      right: 0;
      top: 1rem;
      width: 1rem; } }
@media (max-width: 399px) {
  .w-total__table td[data-label] {
    padding-left: 6rem; }
    .w-total__table td[data-label]::before {
      width: 5.5rem; }
  .w-total--bg .w-total__table td[data-label]:first-child {
    padding-left: 6rem; } }

.bg-black {
  background-color: #000; }

.bg-blue {
  background-color: #2EA6FC; }

.bg-gray {
  background-color: #76828F; }

.bg-green {
  background-color: #64BE72; }

.bg-orange {
  background-color: #F19F5C; }

.bg-pink {
  background-color: #BE648C; }

.bg-primary {
  background-color: #B0832D; }

.bg-red {
  background-color: #f15b62; }

.bg-silver {
  background-color: #9E9E9E; }

.bg-secondary {
  background-color: #122846; }

.bg-white {
  background-color: #fff; }

/* text-color */
.color-black {
  color: #000; }

.color-blue {
  color: #2EA6FC; }

.color-gray {
  color: #76828F; }

.color-green {
  color: #64BE72; }

.color-orange {
  color: #F19F5C; }

.color-primary {
  color: #B0832D; }

.color-red {
  color: #f15b62; }

.color-silver {
  color: #9E9E9E; }

.color-secondary {
  color: #122846; }

.color-white {
  color: #fff; }

/* text-color-opacity */
.color-opacity-10 {
  color: rgba(18, 40, 70, 0.1); }
.color-opacity-20 {
  color: rgba(18, 40, 70, 0.2); }
.color-opacity-30 {
  color: rgba(18, 40, 70, 0.3); }
.color-opacity-40 {
  color: rgba(18, 40, 70, 0.4); }
.color-opacity-50 {
  color: rgba(18, 40, 70, 0.5); }
.color-opacity-60 {
  color: rgba(18, 40, 70, 0.6); }
.color-opacity-70 {
  color: rgba(18, 40, 70, 0.7); }
.color-opacity-80 {
  color: rgba(18, 40, 70, 0.8); }
.color-opacity-90 {
  color: rgba(18, 40, 70, 0.9); }

.display-block {
  display: block; }

.display-flex {
  display: flex; }

.display-grid {
  display: grid; }

.display-inline {
  display: inline; }

.display-inline-block {
  display: inline-block; }

.display-inline-flex {
  display: inline-flex; }

.display-inline-grid {
  display: inline-grid; }

.display-none {
  display: none; }

/* labels */
.label-blue {
  background: rgba(46, 166, 252, 0.14);
  border-color: rgba(46, 166, 252, 0.6) !important;
  color: #2EA6FC !important; }

.label-brown {
  background: rgba(94, 86, 61, 0.05);
  border-color: rgba(94, 86, 61, 0.3) !important;
  color: rgba(94, 86, 61, 0.7) !important; }

.label-gray {
  background: rgba(118, 130, 143, 0.05);
  border-color: rgba(118, 130, 143, 0.2) !important;
  color: rgba(118, 130, 143, 0.6) !important; }

.label-green {
  background: rgba(100, 190, 114, 0.14);
  border-color: rgba(100, 190, 114, 0.6) !important;
  color: #64BE72 !important; }

.label-orange {
  background: rgba(241, 159, 92, 0.14);
  border-color: rgba(241, 159, 92, 0.6) !important;
  color: #F19F5C !important; }

.label-pink {
  background: rgba(190, 100, 140, 0.14);
  border-color: rgba(190, 100, 140, 0.6) !important;
  color: #BE648C !important; }

.label-primary {
  background: rgba(176, 131, 45, 0.2);
  border-color: rgba(176, 131, 45, 0.6) !important;
  color: #B0832D !important; }

.label-red {
  background: rgba(241, 91, 98, 0.14);
  border-color: rgba(241, 91, 98, 0.3) !important;
  color: #f15b62 !important; }

.label-silver {
  background: rgba(158, 158, 158, 0.2);
  border-color: rgba(158, 158, 158, 0.6) !important;
  color: #9E9E9E !important; }

.label-smoke {
  background: rgba(102, 143, 178, 0.2);
  border-color: rgba(102, 143, 178, 0.6) !important;
  color: #668FB2 !important; }

.opacity-25 {
  opacity: 0.25 !important; }

.opacity-50 {
  opacity: 0.5 !important; }

.opacity-75 {
  opacity: 0.75 !important; }

/* font-weight */
.fw-30 {
  font-weight: 300; }
.fw-40 {
  font-weight: 400; }
.fw-50 {
  font-weight: 500; }
.fw-60 {
  font-weight: 600; }
.fw-70 {
  font-weight: 700; }
.fw-80 {
  font-weight: 800; }
.fw-90 {
  font-weight: 900; }

.nowrap {
  white-space: nowrap; }

.position-relative {
  position: relative; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-right {
  text-align: right; }

/* Padding */
.pad-0 {
  padding: 0rem; }
.padb-0 {
  padding-bottom: 0rem; }
.padl-0 {
  padding-left: 0rem; }
.padr-0 {
  padding-right: 0rem; }
.padt-0 {
  padding-top: 0rem; }
.padx-0 {
  padding-left: 0rem;
  padding-right: 0rem; }
.pady-0 {
  padding-bottom: 0rem;
  padding-top: 0rem; }
@media (max-width: 991px) {
  .pad-0-mob {
    padding: 0rem; } }
@media (max-width: 991px) {
  .padx-0-mob {
    padding-left: 0rem;
    padding-right: 0rem; } }
@media (max-width: 991px) {
  .pady-0-mob {
    padding-top: 0rem;
    padding-bottom: 0rem; } }
@media (max-width: 991px) {
  .padb-0-mob {
    padding-bottom: 0rem; } }
@media (max-width: 991px) {
  .padt-0-mob {
    padding-top: 0rem; } }
@media (max-width: 991px) {
  .padl-0-mob {
    padding-left: 0rem; } }
@media (max-width: 991px) {
  .padr-0-mob {
    padding-right: 0rem; } }
.pad-1 {
  padding: 0.5rem; }
.padb-1 {
  padding-bottom: 0.5rem; }
.padl-1 {
  padding-left: 0.5rem; }
.padr-1 {
  padding-right: 0.5rem; }
.padt-1 {
  padding-top: 0.5rem; }
.padx-1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
.pady-1 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem; }
@media (max-width: 991px) {
  .pad-1-mob {
    padding: 0.5rem; } }
@media (max-width: 991px) {
  .padx-1-mob {
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }
@media (max-width: 991px) {
  .pady-1-mob {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; } }
@media (max-width: 991px) {
  .padb-1-mob {
    padding-bottom: 0.5rem; } }
@media (max-width: 991px) {
  .padt-1-mob {
    padding-top: 0.5rem; } }
@media (max-width: 991px) {
  .padl-1-mob {
    padding-left: 0.5rem; } }
@media (max-width: 991px) {
  .padr-1-mob {
    padding-right: 0.5rem; } }
.pad-2 {
  padding: 1rem; }
.padb-2 {
  padding-bottom: 1rem; }
.padl-2 {
  padding-left: 1rem; }
.padr-2 {
  padding-right: 1rem; }
.padt-2 {
  padding-top: 1rem; }
.padx-2 {
  padding-left: 1rem;
  padding-right: 1rem; }
.pady-2 {
  padding-bottom: 1rem;
  padding-top: 1rem; }
@media (max-width: 991px) {
  .pad-2-mob {
    padding: 1rem; } }
@media (max-width: 991px) {
  .padx-2-mob {
    padding-left: 1rem;
    padding-right: 1rem; } }
@media (max-width: 991px) {
  .pady-2-mob {
    padding-top: 1rem;
    padding-bottom: 1rem; } }
@media (max-width: 991px) {
  .padb-2-mob {
    padding-bottom: 1rem; } }
@media (max-width: 991px) {
  .padt-2-mob {
    padding-top: 1rem; } }
@media (max-width: 991px) {
  .padl-2-mob {
    padding-left: 1rem; } }
@media (max-width: 991px) {
  .padr-2-mob {
    padding-right: 1rem; } }
.pad-3 {
  padding: 1.5rem; }
.padb-3 {
  padding-bottom: 1.5rem; }
.padl-3 {
  padding-left: 1.5rem; }
.padr-3 {
  padding-right: 1.5rem; }
.padt-3 {
  padding-top: 1.5rem; }
.padx-3 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
.pady-3 {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem; }
@media (max-width: 991px) {
  .pad-3-mob {
    padding: 1.5rem; } }
@media (max-width: 991px) {
  .padx-3-mob {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }
@media (max-width: 991px) {
  .pady-3-mob {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; } }
@media (max-width: 991px) {
  .padb-3-mob {
    padding-bottom: 1.5rem; } }
@media (max-width: 991px) {
  .padt-3-mob {
    padding-top: 1.5rem; } }
@media (max-width: 991px) {
  .padl-3-mob {
    padding-left: 1.5rem; } }
@media (max-width: 991px) {
  .padr-3-mob {
    padding-right: 1.5rem; } }
.pad-4 {
  padding: 2rem; }
.padb-4 {
  padding-bottom: 2rem; }
.padl-4 {
  padding-left: 2rem; }
.padr-4 {
  padding-right: 2rem; }
.padt-4 {
  padding-top: 2rem; }
.padx-4 {
  padding-left: 2rem;
  padding-right: 2rem; }
.pady-4 {
  padding-bottom: 2rem;
  padding-top: 2rem; }
@media (max-width: 991px) {
  .pad-4-mob {
    padding: 2rem; } }
@media (max-width: 991px) {
  .padx-4-mob {
    padding-left: 2rem;
    padding-right: 2rem; } }
@media (max-width: 991px) {
  .pady-4-mob {
    padding-top: 2rem;
    padding-bottom: 2rem; } }
@media (max-width: 991px) {
  .padb-4-mob {
    padding-bottom: 2rem; } }
@media (max-width: 991px) {
  .padt-4-mob {
    padding-top: 2rem; } }
@media (max-width: 991px) {
  .padl-4-mob {
    padding-left: 2rem; } }
@media (max-width: 991px) {
  .padr-4-mob {
    padding-right: 2rem; } }
.pad-5 {
  padding: 2.5rem; }
.padb-5 {
  padding-bottom: 2.5rem; }
.padl-5 {
  padding-left: 2.5rem; }
.padr-5 {
  padding-right: 2.5rem; }
.padt-5 {
  padding-top: 2.5rem; }
.padx-5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }
.pady-5 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem; }
@media (max-width: 991px) {
  .pad-5-mob {
    padding: 2.5rem; } }
@media (max-width: 991px) {
  .padx-5-mob {
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }
@media (max-width: 991px) {
  .pady-5-mob {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; } }
@media (max-width: 991px) {
  .padb-5-mob {
    padding-bottom: 2.5rem; } }
@media (max-width: 991px) {
  .padt-5-mob {
    padding-top: 2.5rem; } }
@media (max-width: 991px) {
  .padl-5-mob {
    padding-left: 2.5rem; } }
@media (max-width: 991px) {
  .padr-5-mob {
    padding-right: 2.5rem; } }
.pad-6 {
  padding: 3rem; }
.padb-6 {
  padding-bottom: 3rem; }
.padl-6 {
  padding-left: 3rem; }
.padr-6 {
  padding-right: 3rem; }
.padt-6 {
  padding-top: 3rem; }
.padx-6 {
  padding-left: 3rem;
  padding-right: 3rem; }
.pady-6 {
  padding-bottom: 3rem;
  padding-top: 3rem; }
@media (max-width: 991px) {
  .pad-6-mob {
    padding: 3rem; } }
@media (max-width: 991px) {
  .padx-6-mob {
    padding-left: 3rem;
    padding-right: 3rem; } }
@media (max-width: 991px) {
  .pady-6-mob {
    padding-top: 3rem;
    padding-bottom: 3rem; } }
@media (max-width: 991px) {
  .padb-6-mob {
    padding-bottom: 3rem; } }
@media (max-width: 991px) {
  .padt-6-mob {
    padding-top: 3rem; } }
@media (max-width: 991px) {
  .padl-6-mob {
    padding-left: 3rem; } }
@media (max-width: 991px) {
  .padr-6-mob {
    padding-right: 3rem; } }
.pad-7 {
  padding: 3.5rem; }
.padb-7 {
  padding-bottom: 3.5rem; }
.padl-7 {
  padding-left: 3.5rem; }
.padr-7 {
  padding-right: 3.5rem; }
.padt-7 {
  padding-top: 3.5rem; }
.padx-7 {
  padding-left: 3.5rem;
  padding-right: 3.5rem; }
.pady-7 {
  padding-bottom: 3.5rem;
  padding-top: 3.5rem; }
@media (max-width: 991px) {
  .pad-7-mob {
    padding: 3.5rem; } }
@media (max-width: 991px) {
  .padx-7-mob {
    padding-left: 3.5rem;
    padding-right: 3.5rem; } }
@media (max-width: 991px) {
  .pady-7-mob {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; } }
@media (max-width: 991px) {
  .padb-7-mob {
    padding-bottom: 3.5rem; } }
@media (max-width: 991px) {
  .padt-7-mob {
    padding-top: 3.5rem; } }
@media (max-width: 991px) {
  .padl-7-mob {
    padding-left: 3.5rem; } }
@media (max-width: 991px) {
  .padr-7-mob {
    padding-right: 3.5rem; } }
.pad-8 {
  padding: 4rem; }
.padb-8 {
  padding-bottom: 4rem; }
.padl-8 {
  padding-left: 4rem; }
.padr-8 {
  padding-right: 4rem; }
.padt-8 {
  padding-top: 4rem; }
.padx-8 {
  padding-left: 4rem;
  padding-right: 4rem; }
.pady-8 {
  padding-bottom: 4rem;
  padding-top: 4rem; }
@media (max-width: 991px) {
  .pad-8-mob {
    padding: 4rem; } }
@media (max-width: 991px) {
  .padx-8-mob {
    padding-left: 4rem;
    padding-right: 4rem; } }
@media (max-width: 991px) {
  .pady-8-mob {
    padding-top: 4rem;
    padding-bottom: 4rem; } }
@media (max-width: 991px) {
  .padb-8-mob {
    padding-bottom: 4rem; } }
@media (max-width: 991px) {
  .padt-8-mob {
    padding-top: 4rem; } }
@media (max-width: 991px) {
  .padl-8-mob {
    padding-left: 4rem; } }
@media (max-width: 991px) {
  .padr-8-mob {
    padding-right: 4rem; } }
.pad-9 {
  padding: 4.5rem; }
.padb-9 {
  padding-bottom: 4.5rem; }
.padl-9 {
  padding-left: 4.5rem; }
.padr-9 {
  padding-right: 4.5rem; }
.padt-9 {
  padding-top: 4.5rem; }
.padx-9 {
  padding-left: 4.5rem;
  padding-right: 4.5rem; }
.pady-9 {
  padding-bottom: 4.5rem;
  padding-top: 4.5rem; }
@media (max-width: 991px) {
  .pad-9-mob {
    padding: 4.5rem; } }
@media (max-width: 991px) {
  .padx-9-mob {
    padding-left: 4.5rem;
    padding-right: 4.5rem; } }
@media (max-width: 991px) {
  .pady-9-mob {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem; } }
@media (max-width: 991px) {
  .padb-9-mob {
    padding-bottom: 4.5rem; } }
@media (max-width: 991px) {
  .padt-9-mob {
    padding-top: 4.5rem; } }
@media (max-width: 991px) {
  .padl-9-mob {
    padding-left: 4.5rem; } }
@media (max-width: 991px) {
  .padr-9-mob {
    padding-right: 4.5rem; } }
.pad-10 {
  padding: 5rem; }
.padb-10 {
  padding-bottom: 5rem; }
.padl-10 {
  padding-left: 5rem; }
.padr-10 {
  padding-right: 5rem; }
.padt-10 {
  padding-top: 5rem; }
.padx-10 {
  padding-left: 5rem;
  padding-right: 5rem; }
.pady-10 {
  padding-bottom: 5rem;
  padding-top: 5rem; }
@media (max-width: 991px) {
  .pad-10-mob {
    padding: 5rem; } }
@media (max-width: 991px) {
  .padx-10-mob {
    padding-left: 5rem;
    padding-right: 5rem; } }
@media (max-width: 991px) {
  .pady-10-mob {
    padding-top: 5rem;
    padding-bottom: 5rem; } }
@media (max-width: 991px) {
  .padb-10-mob {
    padding-bottom: 5rem; } }
@media (max-width: 991px) {
  .padt-10-mob {
    padding-top: 5rem; } }
@media (max-width: 991px) {
  .padl-10-mob {
    padding-left: 5rem; } }
@media (max-width: 991px) {
  .padr-10-mob {
    padding-right: 5rem; } }

/* Margin */
.mar-0 {
  margin: 0rem; }
.marb-0 {
  margin-bottom: 0rem; }
.marl-0 {
  margin-left: 0rem; }
.marr-0 {
  margin-right: 0rem; }
.mart-0 {
  margin-top: 0rem; }
.marx-0 {
  margin-left: 0rem;
  margin-right: 0rem; }
.mary-0 {
  margin-bottom: 0rem;
  margin-top: 0rem; }
.mar-1 {
  margin: 0.5rem; }
.marb-1 {
  margin-bottom: 0.5rem; }
.marl-1 {
  margin-left: 0.5rem; }
.marr-1 {
  margin-right: 0.5rem; }
.mart-1 {
  margin-top: 0.5rem; }
.marx-1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }
.mary-1 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem; }
.mar-2 {
  margin: 1rem; }
.marb-2 {
  margin-bottom: 1rem; }
.marl-2 {
  margin-left: 1rem; }
.marr-2 {
  margin-right: 1rem; }
.mart-2 {
  margin-top: 1rem; }
.marx-2 {
  margin-left: 1rem;
  margin-right: 1rem; }
.mary-2 {
  margin-bottom: 1rem;
  margin-top: 1rem; }
.mar-3 {
  margin: 1.5rem; }
.marb-3 {
  margin-bottom: 1.5rem; }
.marl-3 {
  margin-left: 1.5rem; }
.marr-3 {
  margin-right: 1.5rem; }
.mart-3 {
  margin-top: 1.5rem; }
.marx-3 {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }
.mary-3 {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem; }
.mar-4 {
  margin: 2rem; }
.marb-4 {
  margin-bottom: 2rem; }
.marl-4 {
  margin-left: 2rem; }
.marr-4 {
  margin-right: 2rem; }
.mart-4 {
  margin-top: 2rem; }
.marx-4 {
  margin-left: 2rem;
  margin-right: 2rem; }
.mary-4 {
  margin-bottom: 2rem;
  margin-top: 2rem; }
.mar-5 {
  margin: 2.5rem; }
.marb-5 {
  margin-bottom: 2.5rem; }
.marl-5 {
  margin-left: 2.5rem; }
.marr-5 {
  margin-right: 2.5rem; }
.mart-5 {
  margin-top: 2.5rem; }
.marx-5 {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }
.mary-5 {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem; }
.mar-6 {
  margin: 3rem; }
.marb-6 {
  margin-bottom: 3rem; }
.marl-6 {
  margin-left: 3rem; }
.marr-6 {
  margin-right: 3rem; }
.mart-6 {
  margin-top: 3rem; }
.marx-6 {
  margin-left: 3rem;
  margin-right: 3rem; }
.mary-6 {
  margin-bottom: 3rem;
  margin-top: 3rem; }
.mar-7 {
  margin: 3.5rem; }
.marb-7 {
  margin-bottom: 3.5rem; }
.marl-7 {
  margin-left: 3.5rem; }
.marr-7 {
  margin-right: 3.5rem; }
.mart-7 {
  margin-top: 3.5rem; }
.marx-7 {
  margin-left: 3.5rem;
  margin-right: 3.5rem; }
.mary-7 {
  margin-bottom: 3.5rem;
  margin-top: 3.5rem; }
.mar-8 {
  margin: 4rem; }
.marb-8 {
  margin-bottom: 4rem; }
.marl-8 {
  margin-left: 4rem; }
.marr-8 {
  margin-right: 4rem; }
.mart-8 {
  margin-top: 4rem; }
.marx-8 {
  margin-left: 4rem;
  margin-right: 4rem; }
.mary-8 {
  margin-bottom: 4rem;
  margin-top: 4rem; }
.mar-9 {
  margin: 4.5rem; }
.marb-9 {
  margin-bottom: 4.5rem; }
.marl-9 {
  margin-left: 4.5rem; }
.marr-9 {
  margin-right: 4.5rem; }
.mart-9 {
  margin-top: 4.5rem; }
.marx-9 {
  margin-left: 4.5rem;
  margin-right: 4.5rem; }
.mary-9 {
  margin-bottom: 4.5rem;
  margin-top: 4.5rem; }
.mar-10 {
  margin: 5rem; }
.marb-10 {
  margin-bottom: 5rem; }
.marl-10 {
  margin-left: 5rem; }
.marr-10 {
  margin-right: 5rem; }
.mart-10 {
  margin-top: 5rem; }
.marx-10 {
  margin-left: 5rem;
  margin-right: 5rem; }
.mary-10 {
  margin-bottom: 5rem;
  margin-top: 5rem; }
.mar-1-minus {
  margin: -0.5rem; }
.marb-1-minus {
  margin-bottom: -0.5rem; }
.marl-1-minus {
  margin-left: -0.5rem; }
.marr-1-minus {
  margin-right: -0.5rem; }
.mart-1-minus {
  margin-top: -0.5rem; }
.marx-1-minus {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
.mary-1-minus {
  margin-bottom: -0.5rem;
  margin-top: -0.5rem; }
@media (max-width: 991px) {
  .mart-1-mob-minus {
    margin-top: -0.5rem; } }
@media (max-width: 991px) {
  .marr-1-mob-minus {
    margin-right: -0.5rem; } }
@media (max-width: 991px) {
  .marb-1-mob-minus {
    margin-bottom: -0.5rem; } }
@media (max-width: 991px) {
  .marl-1-mob-minus {
    margin-left: -0.5rem; } }
.mar-2-minus {
  margin: -1rem; }
.marb-2-minus {
  margin-bottom: -1rem; }
.marl-2-minus {
  margin-left: -1rem; }
.marr-2-minus {
  margin-right: -1rem; }
.mart-2-minus {
  margin-top: -1rem; }
.marx-2-minus {
  margin-left: -1rem;
  margin-right: -1rem; }
.mary-2-minus {
  margin-bottom: -1rem;
  margin-top: -1rem; }
@media (max-width: 991px) {
  .mart-2-mob-minus {
    margin-top: -1rem; } }
@media (max-width: 991px) {
  .marr-2-mob-minus {
    margin-right: -1rem; } }
@media (max-width: 991px) {
  .marb-2-mob-minus {
    margin-bottom: -1rem; } }
@media (max-width: 991px) {
  .marl-2-mob-minus {
    margin-left: -1rem; } }
.mar-3-minus {
  margin: -1.5rem; }
.marb-3-minus {
  margin-bottom: -1.5rem; }
.marl-3-minus {
  margin-left: -1.5rem; }
.marr-3-minus {
  margin-right: -1.5rem; }
.mart-3-minus {
  margin-top: -1.5rem; }
.marx-3-minus {
  margin-left: -1.5rem;
  margin-right: -1.5rem; }
.mary-3-minus {
  margin-bottom: -1.5rem;
  margin-top: -1.5rem; }
@media (max-width: 991px) {
  .mart-3-mob-minus {
    margin-top: -1.5rem; } }
@media (max-width: 991px) {
  .marr-3-mob-minus {
    margin-right: -1.5rem; } }
@media (max-width: 991px) {
  .marb-3-mob-minus {
    margin-bottom: -1.5rem; } }
@media (max-width: 991px) {
  .marl-3-mob-minus {
    margin-left: -1.5rem; } }
.mar-4-minus {
  margin: -2rem; }
.marb-4-minus {
  margin-bottom: -2rem; }
.marl-4-minus {
  margin-left: -2rem; }
.marr-4-minus {
  margin-right: -2rem; }
.mart-4-minus {
  margin-top: -2rem; }
.marx-4-minus {
  margin-left: -2rem;
  margin-right: -2rem; }
.mary-4-minus {
  margin-bottom: -2rem;
  margin-top: -2rem; }
@media (max-width: 991px) {
  .mart-4-mob-minus {
    margin-top: -2rem; } }
@media (max-width: 991px) {
  .marr-4-mob-minus {
    margin-right: -2rem; } }
@media (max-width: 991px) {
  .marb-4-mob-minus {
    margin-bottom: -2rem; } }
@media (max-width: 991px) {
  .marl-4-mob-minus {
    margin-left: -2rem; } }
.mar-5-minus {
  margin: -2.5rem; }
.marb-5-minus {
  margin-bottom: -2.5rem; }
.marl-5-minus {
  margin-left: -2.5rem; }
.marr-5-minus {
  margin-right: -2.5rem; }
.mart-5-minus {
  margin-top: -2.5rem; }
.marx-5-minus {
  margin-left: -2.5rem;
  margin-right: -2.5rem; }
.mary-5-minus {
  margin-bottom: -2.5rem;
  margin-top: -2.5rem; }
@media (max-width: 991px) {
  .mart-5-mob-minus {
    margin-top: -2.5rem; } }
@media (max-width: 991px) {
  .marr-5-mob-minus {
    margin-right: -2.5rem; } }
@media (max-width: 991px) {
  .marb-5-mob-minus {
    margin-bottom: -2.5rem; } }
@media (max-width: 991px) {
  .marl-5-mob-minus {
    margin-left: -2.5rem; } }
.mar-6-minus {
  margin: -3rem; }
.marb-6-minus {
  margin-bottom: -3rem; }
.marl-6-minus {
  margin-left: -3rem; }
.marr-6-minus {
  margin-right: -3rem; }
.mart-6-minus {
  margin-top: -3rem; }
.marx-6-minus {
  margin-left: -3rem;
  margin-right: -3rem; }
.mary-6-minus {
  margin-bottom: -3rem;
  margin-top: -3rem; }
@media (max-width: 991px) {
  .mart-6-mob-minus {
    margin-top: -3rem; } }
@media (max-width: 991px) {
  .marr-6-mob-minus {
    margin-right: -3rem; } }
@media (max-width: 991px) {
  .marb-6-mob-minus {
    margin-bottom: -3rem; } }
@media (max-width: 991px) {
  .marl-6-mob-minus {
    margin-left: -3rem; } }
.mar-7-minus {
  margin: -3.5rem; }
.marb-7-minus {
  margin-bottom: -3.5rem; }
.marl-7-minus {
  margin-left: -3.5rem; }
.marr-7-minus {
  margin-right: -3.5rem; }
.mart-7-minus {
  margin-top: -3.5rem; }
.marx-7-minus {
  margin-left: -3.5rem;
  margin-right: -3.5rem; }
.mary-7-minus {
  margin-bottom: -3.5rem;
  margin-top: -3.5rem; }
@media (max-width: 991px) {
  .mart-7-mob-minus {
    margin-top: -3.5rem; } }
@media (max-width: 991px) {
  .marr-7-mob-minus {
    margin-right: -3.5rem; } }
@media (max-width: 991px) {
  .marb-7-mob-minus {
    margin-bottom: -3.5rem; } }
@media (max-width: 991px) {
  .marl-7-mob-minus {
    margin-left: -3.5rem; } }
.mar-8-minus {
  margin: -4rem; }
.marb-8-minus {
  margin-bottom: -4rem; }
.marl-8-minus {
  margin-left: -4rem; }
.marr-8-minus {
  margin-right: -4rem; }
.mart-8-minus {
  margin-top: -4rem; }
.marx-8-minus {
  margin-left: -4rem;
  margin-right: -4rem; }
.mary-8-minus {
  margin-bottom: -4rem;
  margin-top: -4rem; }
@media (max-width: 991px) {
  .mart-8-mob-minus {
    margin-top: -4rem; } }
@media (max-width: 991px) {
  .marr-8-mob-minus {
    margin-right: -4rem; } }
@media (max-width: 991px) {
  .marb-8-mob-minus {
    margin-bottom: -4rem; } }
@media (max-width: 991px) {
  .marl-8-mob-minus {
    margin-left: -4rem; } }
.mar-9-minus {
  margin: -4.5rem; }
.marb-9-minus {
  margin-bottom: -4.5rem; }
.marl-9-minus {
  margin-left: -4.5rem; }
.marr-9-minus {
  margin-right: -4.5rem; }
.mart-9-minus {
  margin-top: -4.5rem; }
.marx-9-minus {
  margin-left: -4.5rem;
  margin-right: -4.5rem; }
.mary-9-minus {
  margin-bottom: -4.5rem;
  margin-top: -4.5rem; }
@media (max-width: 991px) {
  .mart-9-mob-minus {
    margin-top: -4.5rem; } }
@media (max-width: 991px) {
  .marr-9-mob-minus {
    margin-right: -4.5rem; } }
@media (max-width: 991px) {
  .marb-9-mob-minus {
    margin-bottom: -4.5rem; } }
@media (max-width: 991px) {
  .marl-9-mob-minus {
    margin-left: -4.5rem; } }
.mar-10-minus {
  margin: -5rem; }
.marb-10-minus {
  margin-bottom: -5rem; }
.marl-10-minus {
  margin-left: -5rem; }
.marr-10-minus {
  margin-right: -5rem; }
.mart-10-minus {
  margin-top: -5rem; }
.marx-10-minus {
  margin-left: -5rem;
  margin-right: -5rem; }
.mary-10-minus {
  margin-bottom: -5rem;
  margin-top: -5rem; }
@media (max-width: 991px) {
  .mart-10-mob-minus {
    margin-top: -5rem; } }
@media (max-width: 991px) {
  .marr-10-mob-minus {
    margin-right: -5rem; } }
@media (max-width: 991px) {
  .marb-10-mob-minus {
    margin-bottom: -5rem; } }
@media (max-width: 991px) {
  .marl-10-mob-minus {
    margin-left: -5rem; } }
@media (max-width: 991px) {
  .mar-0-mob {
    margin: 0rem; } }
@media (max-width: 991px) {
  .marx-0-mob {
    margin-left: 0rem;
    margin-right: 0rem; } }
@media (max-width: 991px) {
  .mary-0-mob {
    margin-top: 0rem;
    margin-bottom: 0rem; } }
@media (max-width: 991px) {
  .marb-0-mob {
    margin-bottom: 0rem; } }
@media (max-width: 991px) {
  .mart-0-mob {
    margin-top: 0rem; } }
@media (max-width: 991px) {
  .marl-0-mob {
    margin-left: 0rem; } }
@media (max-width: 991px) {
  .marr-0-mob {
    margin-right: 0rem; } }
@media (max-width: 991px) {
  .mar-1-mob {
    margin: 0.5rem; } }
@media (max-width: 991px) {
  .marx-1-mob {
    margin-left: 0.5rem;
    margin-right: 0.5rem; } }
@media (max-width: 991px) {
  .mary-1-mob {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; } }
@media (max-width: 991px) {
  .marb-1-mob {
    margin-bottom: 0.5rem; } }
@media (max-width: 991px) {
  .mart-1-mob {
    margin-top: 0.5rem; } }
@media (max-width: 991px) {
  .marl-1-mob {
    margin-left: 0.5rem; } }
@media (max-width: 991px) {
  .marr-1-mob {
    margin-right: 0.5rem; } }
@media (max-width: 991px) {
  .mar-2-mob {
    margin: 1rem; } }
@media (max-width: 991px) {
  .marx-2-mob {
    margin-left: 1rem;
    margin-right: 1rem; } }
@media (max-width: 991px) {
  .mary-2-mob {
    margin-top: 1rem;
    margin-bottom: 1rem; } }
@media (max-width: 991px) {
  .marb-2-mob {
    margin-bottom: 1rem; } }
@media (max-width: 991px) {
  .mart-2-mob {
    margin-top: 1rem; } }
@media (max-width: 991px) {
  .marl-2-mob {
    margin-left: 1rem; } }
@media (max-width: 991px) {
  .marr-2-mob {
    margin-right: 1rem; } }
@media (max-width: 991px) {
  .mar-3-mob {
    margin: 1.5rem; } }
@media (max-width: 991px) {
  .marx-3-mob {
    margin-left: 1.5rem;
    margin-right: 1.5rem; } }
@media (max-width: 991px) {
  .mary-3-mob {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; } }
@media (max-width: 991px) {
  .marb-3-mob {
    margin-bottom: 1.5rem; } }
@media (max-width: 991px) {
  .mart-3-mob {
    margin-top: 1.5rem; } }
@media (max-width: 991px) {
  .marl-3-mob {
    margin-left: 1.5rem; } }
@media (max-width: 991px) {
  .marr-3-mob {
    margin-right: 1.5rem; } }
@media (max-width: 991px) {
  .mar-4-mob {
    margin: 2rem; } }
@media (max-width: 991px) {
  .marx-4-mob {
    margin-left: 2rem;
    margin-right: 2rem; } }
@media (max-width: 991px) {
  .mary-4-mob {
    margin-top: 2rem;
    margin-bottom: 2rem; } }
@media (max-width: 991px) {
  .marb-4-mob {
    margin-bottom: 2rem; } }
@media (max-width: 991px) {
  .mart-4-mob {
    margin-top: 2rem; } }
@media (max-width: 991px) {
  .marl-4-mob {
    margin-left: 2rem; } }
@media (max-width: 991px) {
  .marr-4-mob {
    margin-right: 2rem; } }
@media (max-width: 991px) {
  .mar-5-mob {
    margin: 2.5rem; } }
@media (max-width: 991px) {
  .marx-5-mob {
    margin-left: 2.5rem;
    margin-right: 2.5rem; } }
@media (max-width: 991px) {
  .mary-5-mob {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; } }
@media (max-width: 991px) {
  .marb-5-mob {
    margin-bottom: 2.5rem; } }
@media (max-width: 991px) {
  .mart-5-mob {
    margin-top: 2.5rem; } }
@media (max-width: 991px) {
  .marl-5-mob {
    margin-left: 2.5rem; } }
@media (max-width: 991px) {
  .marr-5-mob {
    margin-right: 2.5rem; } }
@media (max-width: 991px) {
  .mar-6-mob {
    margin: 3rem; } }
@media (max-width: 991px) {
  .marx-6-mob {
    margin-left: 3rem;
    margin-right: 3rem; } }
@media (max-width: 991px) {
  .mary-6-mob {
    margin-top: 3rem;
    margin-bottom: 3rem; } }
@media (max-width: 991px) {
  .marb-6-mob {
    margin-bottom: 3rem; } }
@media (max-width: 991px) {
  .mart-6-mob {
    margin-top: 3rem; } }
@media (max-width: 991px) {
  .marl-6-mob {
    margin-left: 3rem; } }
@media (max-width: 991px) {
  .marr-6-mob {
    margin-right: 3rem; } }
@media (max-width: 991px) {
  .mar-7-mob {
    margin: 3.5rem; } }
@media (max-width: 991px) {
  .marx-7-mob {
    margin-left: 3.5rem;
    margin-right: 3.5rem; } }
@media (max-width: 991px) {
  .mary-7-mob {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem; } }
@media (max-width: 991px) {
  .marb-7-mob {
    margin-bottom: 3.5rem; } }
@media (max-width: 991px) {
  .mart-7-mob {
    margin-top: 3.5rem; } }
@media (max-width: 991px) {
  .marl-7-mob {
    margin-left: 3.5rem; } }
@media (max-width: 991px) {
  .marr-7-mob {
    margin-right: 3.5rem; } }
@media (max-width: 991px) {
  .mar-8-mob {
    margin: 4rem; } }
@media (max-width: 991px) {
  .marx-8-mob {
    margin-left: 4rem;
    margin-right: 4rem; } }
@media (max-width: 991px) {
  .mary-8-mob {
    margin-top: 4rem;
    margin-bottom: 4rem; } }
@media (max-width: 991px) {
  .marb-8-mob {
    margin-bottom: 4rem; } }
@media (max-width: 991px) {
  .mart-8-mob {
    margin-top: 4rem; } }
@media (max-width: 991px) {
  .marl-8-mob {
    margin-left: 4rem; } }
@media (max-width: 991px) {
  .marr-8-mob {
    margin-right: 4rem; } }
@media (max-width: 991px) {
  .mar-9-mob {
    margin: 4.5rem; } }
@media (max-width: 991px) {
  .marx-9-mob {
    margin-left: 4.5rem;
    margin-right: 4.5rem; } }
@media (max-width: 991px) {
  .mary-9-mob {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem; } }
@media (max-width: 991px) {
  .marb-9-mob {
    margin-bottom: 4.5rem; } }
@media (max-width: 991px) {
  .mart-9-mob {
    margin-top: 4.5rem; } }
@media (max-width: 991px) {
  .marl-9-mob {
    margin-left: 4.5rem; } }
@media (max-width: 991px) {
  .marr-9-mob {
    margin-right: 4.5rem; } }
@media (max-width: 991px) {
  .mar-10-mob {
    margin: 5rem; } }
@media (max-width: 991px) {
  .marx-10-mob {
    margin-left: 5rem;
    margin-right: 5rem; } }
@media (max-width: 991px) {
  .mary-10-mob {
    margin-top: 5rem;
    margin-bottom: 5rem; } }
@media (max-width: 991px) {
  .marb-10-mob {
    margin-bottom: 5rem; } }
@media (max-width: 991px) {
  .mart-10-mob {
    margin-top: 5rem; } }
@media (max-width: 991px) {
  .marl-10-mob {
    margin-left: 5rem; } }
@media (max-width: 991px) {
  .marr-10-mob {
    margin-right: 5rem; } }

.mar-auto {
  margin: auto; }

.marb-auto {
  margin-bottom: auto; }

.marl-auto {
  margin-left: auto; }

.marr-auto {
  margin-right: auto; }

.mart-auto {
  margin-top: auto; }

.marx-auto {
  margin-left: auto;
  margin-right: auto; }

.mary-auto {
  margin-top: auto;
  margin-bottom: auto; }