@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-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-hierarchy::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-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-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-team::after {
  content: ""; }

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

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

.icon-duo-tuning::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; }

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

*::-webkit-scrollbar {
  background: rgba(176, 131, 45, 0.08);
  height: 0.25rem;
  width: 0.25rem; }
  *::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: rgba(176, 131, 45, 0.5);
    border-radius: 0.125rem; }

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

.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: #F15C64;
    border-color: #F15C64;
    box-shadow: 0 0.5rem 1.25rem 0 rgba(241, 92, 100, 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-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.hide, .button.hide {
    transform: scale(0); }
  @media (max-width: 1199px) {
    .btn, .button {
      padding-left: 1rem;
      padding-right: 1rem; } }
@media (max-width: 575px) {
  .btn, .button {
    min-height: 2.625rem; } }

.detail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 90svh;
  max-height: 34rem;
  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__scroll::-webkit-scrollbar {
      background: transparent;
      height: 5px;
      width: 5px; }
      .detail__scroll::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: rgba(176, 131, 45, 0.7);
        border-radius: 3px; }
  .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: #F15C64; }
    .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; } }

.header {
  display: flex;
  flex-direction: column;
  font-size: 1.125rem;
  font-weight: 300;
  gap: 0.75rem;
  padding-left: 3.35em;
  position: relative; }
  .header h1 {
    font: 700 2.375rem/1.2 'Brown', Arial; }
  .header__icon {
    color: #B0832D;
    font-size: 1em;
    left: 0;
    line-height: inherit;
    position: absolute;
    top: 0.1em; }
  @media (max-width: 1399px) {
    .header {
      font-size: 1rem; }
      .header h1 {
        font-size: 2rem; } }
@media (max-width: 767px) {
  .header {
    padding-left: 3em;
    padding-right: 3em; }
    .header h1 {
      font-size: 1.75rem; }
    .header p {
      display: none; } }

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

/*
.modal { align-items: center; bottom: 0; display: none; justify-content: center; justify-items: center; left: 0; position: fixed; right: 0; top: 0; z-index: 11; 
	&__body { background: $col-white; border-radius: 0.75rem; color: $col-sec; display: flex; flex-direction: column; gap: 0.625rem; justify-content: center; max-height: 90vh; max-width: 70rem; position: relative; width: 90vw; 
    &:has(&-overflow) { padding-bottom: 3.75rem; padding-top: 3.75rem; }
    &-overflow { display: flex; flex-direction: column; gap: 1rem; max-height: 100%; overflow: auto; padding: 0 3rem; }
    &--bg { background: $col-pri-200 url("/img/bg.png"); }
    &--md { max-width: 50.5rem; }
    &--sm { max-width: 45rem; }
    &--xs { max-width: 27.5rem; }
	}
	&__close { align-items: center; background: transparent; border: 0; color: rgba($col-sec,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;
		&:hover { color: $col-pri; }
	}
	&__overlay { background: rgba($col-black,0.75); bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
  &.show { display: grid; }
	@media (max-width: $screen-md) {
		&__body-overflow { padding-left: 2rem; padding-right: 2rem; }
    &__body:has(&__body-overflow) { padding-bottom: 2.75rem; padding-top: 2.75rem; }
	}
  @media (max-width: $screen-xs) { 
    &__body-overflow { padding-left: 1rem; padding-right: 1rem; }
  }
}
*/
.modal-body {
  background: #fff;
  border-radius: 0.75rem;
  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--bg {
    background: #f3e7d0 url("/img/bg.png"); }
  .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__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-content {
  background: #fff;
  border: none;
  border-radius: 0.75rem; }

.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-lose { display: flex; flex-direction: column; font-size: 1.5rem; font-weight: 300; gap: 0.5rem; padding: 3rem 1.25rem; text-align: center; 
  &__buttons { display: flex; gap: 0.625rem; justify-content: center; padding-top: 1rem; }
  &__title { font-size: 1.75rem; font-weight: 700; }
  @media (max-width: $screen-md) { font-size: 1.25rem; padding-bottom: 2rem; padding-top: 2.75rem;
    &__title { font-size: 1.5rem; }
  }
  @media (max-width: $screen-xs) { font-size: 1rem; padding-bottom: 1.5rem; padding-left: 1rem; padding-right: 1rem;
    &__title { font-size: 1.25rem; }
  }
}
*/
.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;
    overflow: hidden;
    padding-bottom: 3rem;
    padding-top: 1.25rem;
    padding-right: 1.25rem;
    position: relative; }
  @media (min-width: 768px) {
    .layout.mini .layout__toggler {
      left: 4.125rem; }
      .layout.mini .layout__toggler .icon {
        transform: scaleX(-1); } }
@media (max-width: 767px) {
  .layout {
    align-content: start;
    grid-template-columns: none; }
    .layout.show {
      height: 100vh;
      overflow: hidden; }
    .layout__primary {
      padding-left: 1rem;
      padding-right: 1rem; } }
@media (max-height: 800px) {
  .layout__primary {
    overflow-y: visible;
    padding-bottom: 1.25rem; } }

.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;
      transition: all 0.25s;
      width: 1.375rem; }
.form__footer {
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
  padding-top: 0.75rem; }
  .form__footer .button {
    min-height: 3rem; }
.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.hidden, .form__group.hidden {
    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: #F15C64; }
.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: #F15C64;
  font-size: 0.75rem;
  line-height: 1;
  position: absolute;
  right: 0.5rem;
  text-align: right;
  top: 100%; }
.form__row {
  display: grid;
  gap: 0 1.125rem;
  grid-template-columns: repeat(2, 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;
  position: relative; }
  .form__switch input {
    display: none; }
    .form__switch input:checked + label {
      color: #122846; }
      .form__switch input:checked + label::after {
        left: 18px;
        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: center;
    color: rgba(18, 40, 70, 0.6);
    cursor: pointer;
    display: flex;
    font-size: 13px;
    min-height: 20px;
    padding-left: 42px;
    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: 16px;
      justify-content: center;
      left: 2px;
      position: absolute;
      top: 2px;
      width: 16px;
      transition: all 0.25s; }
    .form__switch label::before {
      background: #ead4ab;
      border-radius: 10px;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 0;
      width: 36px;
      transition: all 0.25s; }
  .form__switch--sm input:checked + label::after {
    left: 10px; }
  .form__switch--sm label {
    padding-left: 30px; }
    .form__switch--sm label::after {
      height: 10px;
      width: 10px;
      top: 5px;
      left: 1px; }
    .form__switch--sm label::before {
      height: 12px;
      width: 22px;
      top: 4px; }
.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: 767px) {
  .form__row {
    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 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; }

.form-group .select2-label.select2-selection--single {
  background: transparent;
  border: 0;
  display: flex;
  height: auto;
  justify-content: flex-end; }
  .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 {
    display: none; }
.form-group .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; }
  .form-group .select2-label-dropdown.select2-dropdown .select2-results > .select2-results__options {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }
  .form-group .select2-label-dropdown.select2-dropdown .select2-results__option, .form-group .select2-label-dropdown.select2-dropdown .select2-results__option .select2__colorized {
    align-items: center;
    display: flex;
    font-size: 13px;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem; }
    .form-group .select2-label-dropdown.select2-dropdown .select2-results__option .icon, .form-group .select2-label-dropdown.select2-dropdown .select2-results__option .select2__colorized .icon {
      font-size: 15px; }
    .form-group .select2-label-dropdown.select2-dropdown .select2-results__option[aria-selected="true"], .form-group .select2-label-dropdown.select2-dropdown .select2-results__option .select2__colorized[aria-selected="true"] {
      background: transparent; }
    .form-group .select2-label-dropdown.select2-dropdown .select2-results__option--highlighted[aria-selected], .form-group .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-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;
    scroll-behavior: smooth;
    scrollbar-width: none; }
    .kanban__board::-webkit-scrollbar {
      display: none; }
    .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__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__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__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__label--blue {
      background: rgba(46, 166, 252, 0.14);
      border-color: rgba(46, 166, 252, 0.6);
      color: #2EA6FC; }
    .kanban__label--brown {
      background: rgba(94, 86, 61, 0.05);
      border-color: rgba(94, 86, 61, 0.3);
      color: rgba(94, 86, 61, 0.7); }
    .kanban__label--green {
      background: rgba(100, 190, 114, 0.14);
      border-color: rgba(100, 190, 114, 0.6);
      color: #64BE72; }
    .kanban__label--orange {
      background: rgba(241, 159, 92, 0.14);
      border-color: rgba(241, 159, 92, 0.6);
      color: #F19F5C; }
    .kanban__label--pink {
      background: rgba(190, 100, 140, 0.14);
      border-color: rgba(190, 100, 140, 0.6);
      color: #BE648C; }
    .kanban__label--red {
      background: rgba(241, 92, 100, 0.14);
      border-color: rgba(241, 92, 100, 0.6);
      color: #F15C64; }
  .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: #F15C64; }
      .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;
      min-height: 2.5rem;
      padding: 0.5rem 2rem 0 0.875rem; }
      .kanban__settings-heading:first-child {
        border-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); } }

.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__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__content::-webkit-scrollbar {
      background-color: transparent;
      width: 0.25rem; }
    .sidepanel__content::-webkit-scrollbar-thumb {
      background: transparent;
      border-radius: 0.125rem;
      transition: all 0.25s; }
    .sidepanel__content:hover::-webkit-scrollbar {
      background: transparent; }
    .sidepanel__content:hover::-webkit-scrollbar-thumb {
      background: #B0832D; }
  .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: 1rem;
        text-align: center;
        transition: all 0.25s;
        width: 1rem; }
      .sidepanel__nav-link.active {
        color: #B0832D; }
      .sidepanel__nav-link.item-badge::after {
        background: #F15C64;
        border-radius: 50%;
        box-shadow: 0 0.125rem 0.5rem 0 rgba(241, 92, 100, 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: #F15C64;
        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: #F15C64; }
  @media (max-height: 900px) and (orientation: landscape) {
    .sidepanel__header {
      gap: 1rem;
      padding-top: 1.25rem; }
    .sidepanel__nav {
      padding-bottom: 0.75rem;
      padding-top: 1rem; }
      .sidepanel__nav-body {
        gap: 0; }
    .sidepanel__toggler {
      top: 4.125rem; } }
@media (max-width: 767px) {
  .sidepanel {
    border-radius: 0 0 0.75rem 0.75rem;
    height: 3.5rem;
    overflow: hidden;
    width: 100%; }
    .sidepanel__commission {
      margin-left: 1rem;
      margin-right: 1rem; }
    .sidepanel__header {
      gap: 1rem;
      padding: 1.125rem 1rem; }
    .sidepanel__home {
      margin-right: 0; }
    .sidepanel__kpi {
      margin-left: 1rem;
      margin-right: 1rem; }
    .sidepanel__logo {
      width: 10rem; }
    .sidepanel__nav {
      padding: 1rem; }
    .sidepanel__toggler {
      background: transparent;
      bottom: calc(100% - 3.5rem);
      font-size: 1rem;
      left: auto;
      margin: auto 0;
      padding: 0;
      position: absolute;
      right: 1rem;
      top: 0; }
      .sidepanel__toggler .icon::before {
        content: ""; }
    .sidepanel__user {
      display: flex; } }
@media (max-width: 399px) {
  .sidepanel__user {
    padding: 0.5rem; } }

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

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

.topbar {
  position: relative; }
  .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__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: inherit;
        opacity: 1; }
  .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-notifications {
      position: relative; }
      .topbar__user-notifications-button {
        align-items: center;
        background: #F15C64;
        border: 0;
        border-radius: 0.625rem;
        color: #fff;
        display: flex;
        font-size: 1.125rem;
        height: 2rem;
        justify-content: center;
        width: 2rem; }
        .topbar__user-notifications-button:hover {
          background: #B0832D; }
    .topbar__user-profile {
      align-items: center;
      display: flex;
      flex-shrink: 0;
      gap: 0.75rem;
      width: 10.3125rem; }
      .topbar__user-profile-name {
        font-size: 0.8125rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .topbar__user-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__user-profile-photo img {
          height: 100%;
          object-fit: cover;
          width: 100%; }
    .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: #F15C64; }
  .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;
    margin-bottom: 0.5rem;
    margin-left: auto;
    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 {
      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: 767px) {
  .topbar {
    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; }
    .topbar__search {
      max-width: 26.5rem; }
    .topbar__toggler {
      display: flex; }
    .topbar__user {
      display: none; } }
@media (max-width: 575px) {
  .topbar {
    flex-direction: column; }
    .topbar__actions {
      gap: 1rem; }
    .topbar__search {
      max-width: none;
      width: 100%; } }
@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; } }

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

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

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

.color-orange {
  color: #F19F5C; }

.color-primary {
  color: #B0832D; }

.color-red {
  color: #F15C64; }

.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-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, 92, 100, 0.14);
  border-color: rgba(241, 92, 100, 0.6) !important;
  color: #F15C64 !important; }

.label-silver {
  background: rgba(158, 158, 158, 0.2);
  border-color: rgba(158, 158, 158, 0.6) !important;
  color: #9E9E9E !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-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; }