.KyYQB {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--app-height, 100vh);
    background: var(--app-background--color);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
    pointer-events: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 1000001;
  }

.Zj8JC {
    display: flex;
    width: 80%;
    height: 95%;
    max-width: 850px;
    max-height: 600px;
    overflow: initial;
  }
  .yYKRp {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: initial;
  }
  .ddIBZ {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 24px;
    font-size: 1.3rem;
    color: #fff;
    background-color: #1892d5;
  }
  .NS96y {
    position: absolute;
    padding: 0;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    color: #c4c4c4;
    z-index: 1000;
  }
  .SVelF {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
  }
  .HgeOd {
    display: none;
  }

.SOTF9 {
    position: absolute;
    inset: 0;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--grey10);
    overflow: auto;
    padding: 10px;
  }
  .pWMVV div[class*="ms-Modal-scrollableContent"] {
      overflow-y: visible;
    }
  .HTDPA {
    padding: 10px;
    color: var(--error--color);
    white-space: pre-wrap;
  }

.tgWWV {
    height: 40px;
    background-color: #ef6c00;
    z-index: 100;
    padding: 6px 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .tgWWV > span {
    color: white;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
  }
  .tgWWV > button {
    margin-left: 15px;
    color: white;
    background-color: #fb8c00;
    border-radius: 4px;
    border-width: 0;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    padding: 4px 14px;
    height: 28px;
    cursor: pointer;
  }

.o2RnU {
    margin: 0 !important;
    padding: 16px 40px 40px !important;
    width: 100% !important;
    max-width: min(100%, 1140px) !important;
  }
  .E4sc_ {
    padding: 0 !important;
    max-width: 100% !important;
  }
  .GMJhl {
    margin: 0 !important;
    max-width: 100% !important;
  }
  .GMJhl div[data-type="datetime"] {
      width: 100%;
      max-width: 100%;
     }
  .xGX2R {
    position: sticky;
    z-index: 1;
  }
  .ROm_s {
    display: block;
    max-width: 100%;
    flex-basis: 100%;
    min-height: 0 !important;
  }
  .O8211:first-child {
      padding-left: 0 !important;
    }
  .O8211:last-child {
      padding-right: 0 !important;
    }


.F7hSc {}

.A1jzU {
    display: flex;
    color: var(--app-font--color);
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-height: 21.6px;
    line-height: 1.4;
    font-weight: 600;
    font-size: 1rem;
    max-width: 100%;
  }
  ._aFmX {
    overflow: hidden;
    font-size: 14px;
    white-space: nowrap;
    max-width: calc(100%);
    text-overflow: ellipsis;
  }
  .K8tHD {
    color: var(--input-rest--required--color);
  }
  .yfPWO {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
  }
  .yfPWO > div {
    display: inline-flex;
    align-items: center;
  }
  .ci9Uy {
    color: var(--app-font--color);
  }

.IPfUL {
    color: var(--accent-rest--color);
    outline: none;
    text-decoration: none;
    transition: color 0.05s linear;
  }
  .IPfUL:active, .IPfUL:hover, .IPfUL:active:hover {
    color: var(--accent-hover--color);
  }
  .M_zGx {
    display: flex;
    align-items: center;
  }
  .M_zGx > svg {
      margin-left: 8px;
    }
  .M_zGx > svg path, .M_zGx > svg line {
        stroke: var(--accent-rest--color);
      }

.b6bCn button[class*="is-expanded"] {
    background-color: #eaeaea;
  }
  .b6bCn .ZjDRl, .b6bCn button {
    border: none;
    background-color: transparent;
    padding: 0 4px;
  }
  .b6bCn .ZjDRl span, .b6bCn button span {
      font-weight: 400;
    }
  .b6bCn .ZjDRl span svg [fill='var(--app-font--color)'], .b6bCn button span svg [fill='var(--app-font--color)'] {
          fill: var(--command-bar-icon--color);
        }
  .b6bCn .ZjDRl span svg [stroke='var(--app-font--color)'], .b6bCn button span svg [stroke='var(--app-font--color)'] {
          stroke: var(--command-bar-icon--color);
        }
  .b6bCn .ZjDRl:hover, .b6bCn button:hover {
      background-color: #eaeaea;
    }
  .b6bCn .ZjDRl:hover span svg [fill='var(--app-font--color)'], .b6bCn button:hover span svg [fill='var(--app-font--color)'] {
            fill: var(--command-bar-icon-hover--color);
          }
  .b6bCn .ZjDRl:hover span svg [stroke='var(--app-font--color)'], .b6bCn button:hover span svg [stroke='var(--app-font--color)'] {
            stroke: var(--command-bar-icon-hover--color);
          }
  .b6bCn .ZjDRl i, .b6bCn button i {
      color: var(--accent-rest--color);
      background-color: transparent !important;
    }
  .hfg26 {
    pointer-events: none;
  }
  .hfg26 i {
      color: var(--app-font--color) !important;
    }
  .pXhGB {
    width: 100%;
  }
  .qcBuO {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .qcBuO svg {
      margin: 0 4px;
     }
  .RNenn {
    width: 100%;
    border: none !important;
    background: transparent !important;
    padding: 0;
  }
  .RNenn span[class*="ms-Button-label"] {
      font-weight: 400 !important;
      text-align: left;
    }
  .RNenn i {
      color: var(--accent-rest--color) !important;
      font-weight: 400 !important;
    }
  .Fw1bw {
    width: 100%;
    overflow: hidden;
    min-height: 44px;
  }
  .Fw1bw div[class*="ms-CommandBar-primaryCommand"] {
    width: 100%;
    overflow: hidden;
    max-width: 100%;
  }
  .Fw1bw > div > div > div {
    background-color: #f4f4f4;
  }
  .Fw1bw a {
    background-color: transparent;
  }
  .Fw1bw a:hover {
    background-color: #eaeaea;
  }
  .E7oQZ {
    display: flex;
    align-items: center;
    min-width: 80px;
    transition: all 0.1s linear;
    padding: 0 4px;
  }
  .E7oQZ > div {
      margin: 0 4px;
      height: 16px;
      line-height: 16px;
    }
  .E7oQZ > button {
      min-width: 0;
    }
  .lbe29 {
    pointer-events: none;
  }
  .ZCJBl {
    padding: 0 !important;
  }
  .wWDKe {
    margin: 0 4px;
  }
  .j53n0 {
    display: flex;
    align-items: center;
    min-width: 80px;
    padding: 0 4px;
  }
  .j53n0 > div {
      height: 16px;
      line-height: 16px;
    }
  .j53n0 > button {
      min-width: 0;
    }
  .r_cQq {
    display: flex;
    align-items: center;
    min-width: 80px;
  }
  .r_cQq > button {
      min-width: 0;
    }
  .r_cQq svg {
      margin: 0 4px;
     }

.ouYeb {
    display: flex;
    width: 100%;
    flex-grow: 1;
    overflow-y: hidden;
    max-height: 100%;
    height: 100%;
    position: relative;
    flex-direction: column;
  }

    .ouYeb > div[role="tablist"] {
      display: flex;
      height: 75px;
      min-height: 75px;
      width: calc(100% - 40px);
      margin: 0 20px;
      padding: 0 20px;
      align-items: center;
      background: #fff;
      border-bottom: 1px solid var(--grey22);
    }

    .ouYeb > div[role="tablist"] button[role="tab"] + button[role="tab"] {
        margin-left: 8px;
      }

    .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] {
        margin-left: 8px;
        margin-right: 0;
        border-radius: 2px;
        height: 60px;
        width: 60px;
        min-width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

    .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] i {
          display: contents;
          line-height: 1.4;
          vertical-align: middle;
          margin: 0;
          padding: 0;
          font-size: 30px;
        }

    .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"][class*="is-expanded"] {
        background-color: var(--grey10);
      }

    .ouYeb > div[role="tablist"] button[role="tab"] {
        cursor: pointer;
        padding: 0 8px;
        max-width: 232px;
        position: relative;
        margin: 0;
        height: 60px;
        background-color: var(--app-background--color);
        transition: all 0.2s linear;
      }

    .ouYeb > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-text"] {
          max-width: 216px;
          width: auto;
          font-size: 18px;
          line-height: 65px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-weight: 400;
          color: var(--app-font--color);
        }

    .ouYeb > div[role="tablist"] button[role="tab"]::before {
          left: 0;
          background-color: transparent;
          right: 0;
          transition: background-color 0.2s linear;
        }

    .ouYeb > div[role="tablist"] button[role="tab"]:hover::before {
          content: "";
          display: block;
          position: absolute;
          height: 2px;
          width: 100%;
          bottom: 0;
          left: 0;
          border-radius: 4px;
          background-color: var(--accent-pressed--color);
        }

    .ouYeb > div[role="tablist"] button[role="tab"]:hover span[class*="ms-Pivot-text"] {
            color: var(--app-font--color);
          }

    .ouYeb > div[role="tablist"] button[role="tab"][aria-selected="true"] {
        background-color: var(--grey10);
      }

    .ouYeb > div[role="tablist"] button[role="tab"][aria-selected="true"] span[class*="ms-Pivot-text"] {
          font-weight: 600;
        }

    .ouYeb > div[role="tablist"] button[role="tab"][aria-selected="true"]::before {
          content: "";
          display: block;
          position: absolute;
          height: 2px;
          width: 100%;
          bottom: 0;
          left: 0;
          background-color: var(--accent-rest--color);
        }

    .ouYeb > div[role="tabpanel"] {
      display: flex;
      flex-grow: 1;
      width: 100%;
      padding: 5px 0;
      position: relative;
      overflow-y: auto;
      flex-direction: column;
    }

    .ouYeb > div[role="tabpanel"] div[role="cards-container"] {
        padding: 20px 0;
        width: 100%;
      }

    .ouYeb > div[role="tabpanel"] div[data-testid="table"] {
        height: 100% !important;
      }

    .ouYeb > div[role="tabpanel"] > div {
        flex-grow: 1;
        height: 100%;
      }

    .ouYeb > div[role="tabpanel"] > div > div:nth-of-type(1), .ouYeb > div[role="tabpanel"] > div > section:nth-of-type(1) {
        width: calc(100% - 80px);
        padding: 0 40px;
      }
  .lINdz {
    overflow-y: visible;
    background: #fff;
    width: 100%;
  }
  .lINdz > div[role="tablist"] {
      height: 32px;
      min-height: 32px;
      border: none;
    }
  .lINdz > div[role="tablist"] button[role="tab"] {
        height: 100%;
        padding: 2px 10px 8px;
      }
  .lINdz > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-text"] {
          font-weight: 400;
          color: #605e5c;
          font-size: 14px;
          line-height: 1.4;
        }
  .lINdz > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-linkContent"] {
          display: flex;
          align-items: center;
        }
  .lINdz > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-count"] {
          font-weight: 700;
          color: #605e5c;
        }
  .lINdz > div[role="tablist"] button[role="tab"]::before {
          height: 1px;
          background: #e0e0e0;
        }
  .lINdz > div[role="tablist"] button[role="tab"]:hover::before {
          background: rgb(98 100 167 / 50%);
          height: 2px;
        }
  .lINdz > div[role="tablist"] button[role="tab"][aria-selected="true"] {
        height: 100%;
        padding: 2px 10px 8px;
        background-color: var(--grey10);
      }
  .lINdz > div[role="tablist"] button[role="tab"][aria-selected="true"] span[class*="ms-Pivot-text"] {
          font-weight: 600;
          font-size: 14px;
          line-height: 1.4;
          text-align: center;
          color: #6264a7;
        }
  .lINdz > div[role="tablist"] button[role="tab"][aria-selected="true"] span[class*="ms-Pivot-count"] {
          color: #6264a7;
        }
  .lINdz > div[role="tablist"] button[role="tab"][aria-selected="true"]::before {
          height: 3px;
          background: #6264a7;
        }
  .lINdz > div[role="tablist"] button[role="tab"] + button[role="tab"] {
        margin-left: 0;
      }
  .lINdz > div[role="tabpanel"] {
      margin-top: 24px;
    }
  .lINdz > div[role="tabpanel"] div[data-testid="table"] {
        height: fit-content !important;
      }
  .ykjBv {
    overflow-y: visible;
    background: ##f5f5f5;
    width: 100%;
  }
  .ykjBv > div[role="tablist"] {
      height: 37px;
      max-height: 37px;
      min-height: 37px;
      padding: 0;
      margin: 24px 20px 0;
      width: 100%;
      background: transparent;
      border: none;
    }
  .ykjBv > div[role="tablist"] button[role="tab"] {
        height: 100%;
        background: transparent !important;
        padding: 0 0 17px;
      }
  .ykjBv > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-text"] {
          font-weight: 400;
          color: #616161;
          font-size: 14px;
          line-height: 1.4;
        }
  .ykjBv > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-linkContent"] {
          display: flex;
          align-items: center;
          justify-content: center;
        }
  .ykjBv > div[role="tablist"] button[role="tab"]::before {
          height: 3px;
          border-radius: 2px 2px 0 0;
          background: transparent;
        }
  .ykjBv > div[role="tablist"] button[role="tab"]:hover::before {
          background: #7ea1d7;
          height: 3px;
        }
  .ykjBv > div[role="tablist"] button[role="tab"][aria-selected="true"] {
        height: 100%;
        padding: 0 0 17px;
        background-color: var(--grey10);
      }
  .ykjBv > div[role="tablist"] button[role="tab"][aria-selected="true"] span[class*="ms-Pivot-text"] {
          background: transparent;
          font-weight: 600;
          font-size: 14px;
          line-height: 1.4;
          text-align: center;
          color: #242424;
        }
  .ykjBv > div[role="tablist"] button[role="tab"][aria-selected="true"]::before {
          height: 3px;
          border-radius: 2px 2px 0 0;
          background: #1b3a6a;
        }
  .ykjBv > div[role="tabpanel"] {
      margin-top: 12px;
      padding: 0;
    }
  .ykjBv > div[role="tabpanel"] div[data-testid="table"] {
        height: fit-content !important;
      }
  .EKyuf > div[role="tabpanel"] {
      max-height: calc(var(--app-height) - 175px);
    }
  .LKTmo > div[role="tablist"] {
      width: 100%;
      margin: 0;
      padding: 0;
    }
  .LKTmo > div[role="tabpanel"] > div > div:nth-child(1), .LKTmo > div[role="tabpanel"] > div > section:nth-child(1) {
        width: 100%;
        padding: 0;
      }
  @media (min-width: 800px) and (max-width: 1024px) {
      .ouYeb > div[role="tablist"] {
        height: 65px;
        min-height: 65px;
      }

        .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] {
          height: 50px;
          width: 50px;
          min-width: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
        }

          .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] i {
            font-size: 25px;
          }

        .ouYeb > div[role="tablist"] button[role="tab"] {
          height: 50px;
        }

          .ouYeb > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-text"] {
            font-size: 16px;
            line-height: 55px;
          }
  }
  @media (max-width: 800px) {
      .ouYeb > div[role="tablist"] {
        height: 47px;
        min-height: 47px;
      }

        .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] {
          height: 37px;
          width: 37px;
          min-width: 37px;
          display: flex;
          align-items: center;
          justify-content: center;
        }

          .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] i {
            font-size: 19px;
          }

        .ouYeb > div[role="tablist"] button[role="tab"] {
          height: 37px;
        }

          .ouYeb > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-text"] {
            font-size: 14px;
            line-height: 40px;
          }
  }

.J_ypS {
    display: flex;
    justify-content: space-between;
  }
  .Oss1Z {
    width: calc(100% - 5px);
  }

.MolQS > div {
  padding-bottom: 0 !important;
}

.VsuOh .ms-TextField-fieldGroup {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  background: transparent;
}

.vs3wy {
  width: 200px;
}

.Ui4lo {
  width: 100%;
}

.GCqQu {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.wqjzr {
  flex: 0 1 auto;
  overflow-y: auto;
  max-height: calc(100vh - 80px);
}

.ms-Panel-scrollableContent:has([data-filter-panel]) {
  overflow: visible !important;
  overflow-y: visible !important;
  display: flex;
  flex-direction: column;
  height: 100% !important;
}

.ms-Panel-content:has([data-filter-panel]) {
    max-height: calc(var(--app-height) - 72px);
    overflow-y: visible !important;
}

.uI23C {
  width: 100%;
}

.kw5_m {
  font-size: 21px;
  font-weight: 100;
}

.SKM_S {
  outline: none;
  width: fit-content;
  height: fit-content;
}

.xezYl {
  margin-bottom: 20px;
}

.XbMU2 {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pe2GM {
  margin: 0.5em 0;
}

.MSdbQ {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s;
}

.Y76u0 {
  max-height: 1000px;
}

.C0p5E {
  margin: 0 -8px;
}

.w854s {
  text-align: right;
}

.et0tY {
  margin-left: 10px;
}

.dyh_q {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  gap: 12px;
}

.lyydW {
  width: calc(50% - 6px);
}

.oTCjz,
.BG8P3 {
  display: grid;
  width: 100%;
  justify-content: space-between;
  grid-template-columns: repeat(2, calc(50% - 6px));
}

.ixSYk {
  width: 100%;
}

.ztx45 {
  width: calc(50% - 6px);
}

.Xb6a7 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  height: 40px;
  border-bottom: 1px solid rgb(0 0 0 / 12%);
  padding-left: 10px;
}

.Xb6a7:hover {
  color: rgb(102 102 102);
  background: rgb(244 244 244);
}

.cmSKH {
  font-size: 20px;
  margin-right: 20px;
  color: rgb(102 102 102);
  padding-top: 4px;
  transition: transform 0.1s linear 0s;
}

.cmSKH.w8oc4 {
  transform: rotate(180deg);
}

.R6Pya {
  padding: 20px 0 0;
  display: flex;
  justify-content: flex-end;
}

.R6Pya button {
  margin-left: 10px;
}

.g6dwF .ms-ComboBox {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

._5HPE {
  border-top: 1px solid rgb(0 0 0 / 12%);
  border-bottom: 1px solid rgb(0 0 0 / 12%);
}

@media (max-width: 450px) {
  .dyh_q > div {
    width: 100%;
  }
}

.z_uPa {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
    overflow: hidden;
    max-height: 40px;
  }
  .nspUG {
    transition: all 0.1s ease-out;
    width: 100%;
  }
  .b0tXM {
      opacity: 0.5;
      pointer-events: none;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }

.nB1gX {
    background-color: var(--app-background--color);
    height: calc(100% - 40px);
    overflow-y: auto;
  }

    .YIymx {
      height: calc(100% - 100px);
    }

    .nB1gX div[class*="app-components-form-field-styles__field"] {
      min-height: 40px !important;
    }
  .Ei1fu {
    padding-bottom: 26px;
    text-align: right;
  }
  .R4pJ_ {
    text-align: right;
  }
  .xpraF {
    overflow-y: auto;
  }
  .J9Jd7 {
    transition: 0.1s ease-out all;
    filter: blur(0);
    opacity: 1;
    height: 100%;
  }
  .YvnXL {
      opacity: 0.5;
      pointer-events: none;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none;
      position: relative;
    }
  .ZELxC {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
  }

.ROxZH {
    margin-left: 10px;
  }
    
    .ROxZH > div {
      height: fit-content;
    }

.Q8r2_ {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .J87Dh {
    padding: 15px;
    width: calc(100% / 5);
  }
  .J87Dh > div {
      height: fit-content;
    }
  .tTtam {
    color: var(--app-font--color);
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 14px;
  }

.KQW_L {
    width: 100%;
    max-width: 500px;
    padding: 10px;
    padding-left: 0;
    box-sizing: border-box;
  }

    .KQW_L span + span {
      margin-left: 5px;
    }

.hlYwN {
    width: 100%;
  }
  .K9zuZ {
    margin: 0 0 10px -20px;
    padding: 24px 24px 14px;
    border-radius: 3px;
    border: 1px solid transparent;
    border-left: 3px solid var(--tasks-card-border--color);
    box-shadow: var(--tasks-card-shadow--color) 0 1.6px 3.6px 0, var(--tasks-card-shadow--color) 0 0.3px 0.9px 0;
    background: var(--tasks-card-background--color);
    max-width: calc(100% - 20px);
  }
  .RyaeA {
    display: flex;
    gap: 10px;
    width: 100%;
    flex-wrap: wrap;
  }
  .K9zuZ:hover {
    margin-bottom: 11px;
    border-top: none;
    box-shadow: var(--tasks-card-shadow--color) 0 6px 14px 0, var(--tasks-card-shadow--color) 0 1px 3px 0;
  }
  .xE1NR {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--app-font--color);
    margin: 0 0 14px;
    word-wrap: break-word;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
  }
  .ujIQ_ {
    line-height: 22px;
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: 400;
    color: var(--app-font--color);
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  .fP13I {
    display: flex;
  }
  .fP13I > button {
      display: inline-block;
      min-width: 80px;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  .Z6iTw {
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: var(--grey50);
    padding: 5px 0 0;
  }
  .kn8M0 {
    display: flex;
    color: var(--app-font--color);
    margin-bottom: 1rem;
    padding: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 14px;
  }
  .YOb7a {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .YOb7a > * + * {
      margin-left: 10px;
    }
  .Y4RWk {
    min-width: 0;
    max-width: 100%;
  }
  .Y4RWk span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  .EIJS5 {
    font-size: 14px !important;
  }
  .zVakY {
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: var(--app-font--color);
    text-decoration: none;
    cursor: pointer;
  }
  .zVakY:hover {
    text-decoration: underline;
  }
  .wCpKO div[data-type="datetime"] {
        width: 100%;
        max-width: 100%;
       }

.EJFSc {
    position: relative;
    height: 100%;
    overflow-x: hidden;
    margin-right: 1px;
    padding-left: 4px;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    transition: left ease-out 0.2s;
    background: var(--app-background--color);
    border-left: 1px solid lightgray;
  }

    .nX5lQ {
      left: 0;
      padding-left: 0;
      margin-right: 0;
      overflow-y: auto;
      overflow-x: hidden;
    }

    .nX5lQ .Uo8ag {
        cursor: default;
        position: absolute;
        border: none;
        right: 0;
        top: 0;
      }

    .Uo8ag {
      cursor: pointer;
      border-left: 1px solid lightgray;
    }

    .NDnPh {
      transform: none;
      padding: 18px;
      cursor: pointer;
    }

    .NYVJ8 {
        transform: rotateZ(180deg);
      }

    .mZzFt {
      width: auto;
      overflow-x: hidden;
    }

    .mZzFt button {
        height: fit-content;
      }

    .mZzFt .ms-Nav-linkText {
        white-space: initial;
        text-align: initial;
        line-height: 24px;
        font-weight: 400;
        color: var(--app-font--color);
      }

    .mZzFt .ms-Nav-chevronButton {
        height: 100%;
        background-color: transparent;
      }

    .mZzFt .ms-Nav-chevronButton > i {
          height: 100%;
          align-items: center;
          display: flex;
        }

    .mZzFt .ms-Nav-compositeLink:hover .ms-Nav-linkText {
        color: #000;
      }

    .mZzFt .is-selected {
        border-left: 2px solid var(--accent-rest--color);
      }

    .mZzFt .is-selected button::after {
          border: none;
          background-color: transparent;
        }

    .mZzFt .is-selected .vdNvV {
          background-color: transparent;
        }
  .jWhlH {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .HJN38 {
    margin-right: 5px;
    position: relative;
    width: 18px;
  }
  .XrX6o {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .XrX6o .HJN38 {
      padding: 18px;
      width: auto;
      height: auto;
      color: var(--app-font--color);
      margin-right: 0;
      transition: 0.2s linear all;
    }
  .XrX6o .HJN38:hover {
        background-color: rgb(175 175 175 / 20%);
      }

.Y0lct {
    flex: 0 1 auto;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    position: relative;
  }
  .UV6ma {
    padding: 20px 40px 80px;
  }
  .ePpiG {
    height: 0;
    pointer-events: none;
    visibility: hidden;
  }
  .Js8r3 {
    cursor: pointer;
    font-size: 32px;
    margin: 0;
    font-weight: 400;
  }
  .DngBx {
    padding: 40px 0 40px 23px;
  }
  ._nRSt {
    position: relative;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  @media (max-width: 800px) {
    ._nRSt {
      overflow: visible;
    }
  }
  .Gmudz {
    height: auto;
  }
  ._nRSt .ms-ResizeGroup {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .daUUi {
    width: 100%;
    height: 100%;
    transition: right 0.3s;
    display: flex;
    position: relative;
    left: 0;
  }
  .wJ0Q8 {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    right: 400px;
    height: 100%;
    min-height: 100%;
    left: 0;
  }
  .biRLd {
    height: calc(var(--app-height) - 94px);
  }
  .GpGZO {
    height: 100%;
  }

div[class*="ms-ScrollablePane"] {
    height: 100%;
  }
  div[data-automationid="DetailsHeader"] {
    padding-top: 0;
  }

.zI5QN {
    display: flex;
    flex-direction: column;
  }

.zI5QN > * + * {
      margin-top: 0.25rem;
    }

.HzGin {
    flex: 0 1 auto;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
  }

.AWPAu {
    width: 10px;
    background: var(--accent-rest--color);
  }

.bythT {
    width: 100%;
  }

.bythT span {
        white-space: nowrap;
        width: 100%;
        max-width: calc(100%);
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
    }

._Uswb {
    width: 100%;
  }

.CNx1N {
    width: 100%;
  }

.CNx1N a {
      cursor: pointer;
      width: 100%;
    }

.CNx1N a textarea {
        cursor: pointer;
        width: 100%;
      }

.CNx1N a:hover > textarea {
        text-decoration: underline;
      }

.usWNh {
    width: 100%;
    height: 100%;
    max-width: 100%;
  }

.usWNh div[role="columnheader"] i {
        color: var(--input-rest--text-value--color);
      }

.H1Ili {
    color: var(--accent-rest--color);
    height: fit-content;
    width: fit-content;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    background: transparent;
  }

.H1Ili:hover {
      color: var(--accent-hover--color);
      text-decoration: underline;
    }

.YEz4_ {
    text-decoration: none;
    cursor: pointer;
    color: var(--app-font--color);
    overflow: hidden;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    display: flex;
  }

.YEz4_ > * + * {
      margin-left: 6px;
    }

.YEz4_ > span {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      max-width: calc(100%);
      text-overflow: ellipsis;
    }

.YEz4_:hover textarea {
      text-decoration: underline;
      cursor: pointer;
    }

.YEz4_:hover > span {
      color: var(--app-font--color);
      text-decoration: underline;
    }

.v4z7C > *:nth-child(1) {
    margin-right: 6px;
  }

.nME87 {
    padding: 0 !important;
    height: 24px !important;
    width: 24px !important;
  }

.nME87 svg [fill='var(--app-font--color)'] {
        fill: var(--accent-rest--color);
      }

.nME87 svg [stroke='var(--app-font--color)'] {
        stroke: var(--accent-rest--color);
      }

.d_Ci5 {
    color: var(--accent-rest--color);
    display: flex;
    align-items: center;
  }

.XO34Z {
    display: grid;
    align-items: center;
    grid-template-columns: max-content auto;
    gap: 5px;
  }

.aR1WY {
    resize: none;
    outline: none;
    width: 100%;
    cursor: default;
    white-space: break-spaces;
    color: inherit;
    border: none;
    background: transparent;
  }

.GOdTm {
    display: block;
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
  }

.APiTM {
    display: block;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
  }

.XNhwr {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }

.XNhwr > * + * {
      margin-top: 4px;
    }

.OvNRi {
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
    font-size: 0.75rem;
  }

.t8rrr {
    position: relative;
    height: 100%;
    max-width: 100%;
    width: 100%;
  }
  .B7k04 {
    height: 100%;
    max-width: 100%;
    width: 100%;
    overflow-y: auto;
  }
  .Dld4z {
    pointer-events: none;
  }
  .idDCc {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(244 244 244 / 50%);
  }
  .UQE8i {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    font-weight: 400;
    text-align: center;
  }
  .pWGgd {
    display: block;
    font-size: 1.5em;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    font-weight: 400;
    text-align: center;
  }
  .Ss40k {
    position: absolute;
    width: 100%;
    top: max(50%, 200px);
    left: 50%;
    transform: translate(-50%, -85%);
  }

.bJstd {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  button.bJstd {
    margin: 7px 0 !important;
  }
  .dhtMP {
    max-width: 100%;
  }
  .NPQJT {
    margin-top: 5px;
  }
  .oi_gi {
    width: 100%;
    height: 2px;
    background-color: #d3d3d3;
  }
  .ENMm6 {
    width: 100%;
    height: 100%;
    min-height: 70px;
  }

.ypm6R {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
  }
  .oU2DD {
    width: 100%;
    text-align: left;
    vertical-align: middle;
    border: 0;
    background-color: initial;
    padding: 0;
    margin: 0;
    position: relative;
    left: 30px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    margin-left: -15px;
    margin-top: 16px;
    display: flex;
    align-items: center;
  }
  .LInfZ {
    margin-left: 36px;
  }
  .YQcxB {
    margin-left: 10px;
    margin-top: 16px;
  }
  .YQcxB .LInfZ {
      margin-left: 19px;
    }
  .oU2DD:focus {
    outline: 0;
  }
  .oOR4T {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
    margin-left: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 60px);
    font-size: 19px;
    color: rgb(51 51 51);
    font-weight: 500;
  }
  .Eus9w {
    display: flex;
    gap: 5px;
    align-items: flex-start;
  }
  .Yk4QJ {
    margin-left: 10px;
  }
  .r6yie {
    display: inline-block;
  }
  .xbl4O {
    padding-left: 15px;
  }

.hnA_i {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .n1w2h {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgb(244 244 244);
    overflow: hidden;
  }
  .xZKgT {
    position: relative;
    padding: 10px;
    width: 20%;
    box-sizing: border-box;
  }
  .xZKgT::after {
    position: absolute;
    content: "";
    top: -100px;
    bottom: -100px;
    right: 0;
    width: 1px;
    background: rgb(244 244 244);
  }
  .wimg8 {
    padding: 0 10px;
    width: 80%;
    white-space: pre-line;
    line-height: 40px;
  }
  .EzG2k {
    padding: 5px 0;
  }
  .X7XBC {
    padding: 10px;
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

.XsMtn {
    width: calc(100% - 50px);
    display: grid;
    grid-template-columns: repeat(auto-fill, 150px);
    padding: 25px;
    gap: 25px;
  }
  .y4u6T {
    width: 150px;
    position: relative;
    overflow: hidden;
    height: 150px;
    background: var(--main-page-actions-background--color) !important;
    border-radius: 20px;
    box-shadow: var(--main-page-actions-shadow--color) 0 1.6px 3.6px 0, var(--main-page-actions-shadow--color) 0 0.3px 0.9px;
  }
  .y4u6T i[data-icon-name="CircleAddition"] {
      display: none;
    }
  .y4u6T i:first-of-type {
      font-size: 50px !important;
      margin: 0 !important;
      position: absolute;
      color: var(--main-page-actions-hover-text--color) !important;
      bottom: 10px;
      right: 20px;
      transition: 0.1s ease-out all;
    }
  .y4u6T:hover i:first-of-type {
      font-size: 60px !important;
      bottom: 20px;
      right: 30px;
    }
  .BnvZ3 {
      position: absolute;
      bottom: unset;
      width: calc(100% - 20px);
      top: 10px;
      left: 10px;
      background: transparent;
      color: var(--main-page-actions-text--color);
      font-weight: 600;
      font-size: 16px;
      text-align: left;
      align-items: flex-start;
      justify-content: flex-start;
      transition: color 0.5s ease-out;
    }
  .y4u6T:hover .BnvZ3 {
      color: var(--main-page-actions-hover-text--color);
      transition: color 0s ease-out;
    }
  @media (max-width: 1024px) {
    .XsMtn {
      grid-template-columns: repeat(auto-fill, 135px);
    }

    .y4u6T {
      width: 135px;
      height: 135px;
    }

      .y4u6T i:first-of-type {
        font-size: 40px !important;
        bottom: 0;
        right: 10px;
      }

      .y4u6T:hover i:first-of-type {
        font-size: 45px !important;
        bottom: 5px;
        right: 15px;
      }
  }
  @media (max-width: 800px) {
    .XsMtn {
      grid-template-columns: repeat(auto-fill, 120px);
    }

    .y4u6T {
      width: 120px;
      height: 120px;
    }

      .y4u6T i:first-of-type {
        font-size: 30px !important;
        bottom: -10px;
        right: 0;
      }

      .y4u6T:hover i:first-of-type {
        font-size: 35px !important;
        bottom: -5px;
        right: 5px;
      }
  }

.Fnc_F {
    display: flex;
    flex-direction: column;
  }
  .DOzso {
    display: grid;
    justify-content: space-between;
    align-items: flex-end;
    grid-template-columns: repeat(2, calc(calc(100% - 40px) / 2 - 12px)) 32px;
  }
  .DOzso > div:nth-child(3) {
      margin-bottom: 22px;
    }
  .DOzso button {
      margin-bottom: 16px;
      background-color: rgb(243 242 241) !important;
    }
  .DOzso button:hover {
        background-color: rgb(243 242 241) !important;
      }
  .DOzso button:disabled > span > i {
        color: rgb(200 198 196) !important;
      }
  .SqwZ0 {
    text-align: center;
  }
  .UxRku {
    margin-bottom: 0 !important;
    display: flex;
  }
  .UxRku > * + * {
      margin-left: 8px;
    }
  .TLkJl {
    width: 32px;
    margin-left: auto;
  }
  .TLkJl button {
      margin-bottom: 16px;
      background-color: rgb(243 242 241) !important;
    }
  .TLkJl button:hover {
        background-color: rgb(243 242 241) !important;
      }
  .TLkJl button:disabled > span > i {
        color: rgb(200 198 196) !important;
      }

.mWxil {
    display: flex;
    flex-direction: column;
  }

    .mWxil > * + * {
      margin-top: 12px;
    }

.ezNaI {
    flex: 0 1 auto;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    position: relative;
  }
  .GhD9A {
    padding: 20px 40px 80px;
  }
  .IuYT4 {
    cursor: pointer;
    font-size: 32px;
    margin: 0;
    font-weight: 400;
  }
  .zpUbA {
    padding: 40px 0 40px 23px;
  }
  .wtRQY {
    position: relative;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  @media (max-width: 800px) {
    .wtRQY {
      overflow: visible;
    }
  }
  .ZPAlU {
    height: auto;
  }
  .wtRQY .ms-ResizeGroup {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .fmhX6 {
    width: 100%;
    height: 100%;
    transition: right 0.3s;
    display: flex;
    position: relative;
    left: 0;
  }
  .asP3I {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    right: 400px;
    height: 100%;
    min-height: 100%;
    left: 0;
  }
  .H9Oe4 {
    height: calc(var(--app-height) - 94px);
  }
  .DgJJd {
    height: 100%;
  }



.uorbr {
    height: 100%;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0;
    overflow-y: auto;
  }

    .uorbr > div > div + div {
      margin-top: 20px;
    }
  .UsJ_g {
      width: 100%;
      height: 100%;
      overflow-y: auto;
    }
  .xNi4c {
    width: 100%;
    height: fit-content;
    max-width: 100%;
    overflow-x: auto;
    display: flex;
  }
  .oKdfM {
      width: 100%;
      height: 100%;
      overflow-y: auto;
    }
  .xNi4c > div + div {
      margin-left: 20px;
    }
  .xHunk {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
  }
  .xHunk > div + div {
      margin-top: 20px;
    }
  .d8_iz {
      width: 100%;
      height: 100%;
      overflow-y: auto;
    }
  .Sw3Ve {
    width: 100%;
    height: 100%;
    border: none;
  }
  .CGKfE {
    opacity: 0.5;
    pointer-events: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
  }
  .I0GZB {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .QQ6Ll {
    background: #fff;
    box-shadow: 0 2px 4px var(--grey10);
    border-radius: 4px;
    padding: 20px;
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
  }
  .QQ6Ll > * {
      width: 100%;
      height: 100%;
    }
  .QQ6Ll > * + * {
      margin-top: 16px;
    }
  .PCC14 {
    display: flex;
    flex-direction: column;
  }
  .PCC14 > * + * {
      margin-top: 4px;
    }
  .PCC14 > h2 {
      margin: 0;
      padding: 0;
      font-weight: 700;
      color: #252525;
      font-size: 18px;
    }
  .PCC14 > span {
      font-weight: 700;
      color: #717070;
      font-size: 12px;
    }
  .rg0le {
    border: none;
    background: #585a96;
    border-radius: 4px;
    z-index: 100000000000000000000000000000;
    position: absolute;
    color: #fff;
  }
  .rg0le:hover {
      color: #fff;
      background: #585a96;
    }
  .rg0le i {
      font-size: 11px;
    }
  .rg0le span {
      font-weight: 600;
      font-size: 14px;
    }
  .qky4K button {
      background: #fff !important;
    }
  .qky4K button:hover {
        background: #ebebeb !important;
      }
  .qky4K i {
      color: #585a96;
    }
  .BNIIU div[role="tablist"] {
      border-left: 1px solid #e0e0e0;
      padding-left: 20px;
      width: calc(100% - 169px);
      margin-left: 149px;
    }

.a3fs3 {
    flex: 0 1 auto;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    position: relative;
  }
  .f002e {
    padding: 20px 40px 80px;
  }
  .FDcFb {
    height: 0;
    pointer-events: none;
    visibility: hidden;
  }
  .NY7ZE {
    cursor: pointer;
    font-size: 32px;
    margin: 0;
    font-weight: 400;
  }
  .j3fqy {
    padding: 40px 0 40px 23px;
  }
  .j70sh {
    position: relative;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  @media (max-width: 800px) {
    .j70sh {
      overflow: visible;
    }
  }
  .mL80I {
    height: auto;
  }
  .j70sh .ms-ResizeGroup {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .K6Kdy {
    width: 100%;
    height: 100%;
    transition: right 0.3s;
    display: flex;
    position: relative;
    left: 0;
  }
  .IVky6 {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    right: 400px;
    height: 100%;
    min-height: 100%;
    left: 0;
  }
  .se2Tg {
    height: 100%;
    height: calc(var(--app-height) - 94px);
  }

.I4NEa div[role="grid"] {
      padding: 0 !important;
      max-width: 100% !important;
    }
    .I4NEa div[role="grid-row"] {
      margin: 0 !important;
    }
    .I4NEa div[role="grid-column"] {
      padding: 0 !important;
    }

._qoGu {
    flex: 0 1 auto;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    position: relative;
  }
  .Qf7Ij {
    padding: 20px 40px 80px;
  }
  .MDIAi {
    cursor: pointer;
    font-size: 32px;
    margin: 0;
    font-weight: 400;
  }
  .NgNzQ {
    padding: 40px 0 40px 23px;
  }
  .vEUCH {
    position: relative;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  @media (max-width: 800px) {
    .vEUCH {
      overflow: visible;
    }
  }
  .Yz3tC {
    height: auto;
  }
  .vEUCH .ms-ResizeGroup {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .JUETN {
    width: 100%;
    height: 100%;
    transition: right 0.3s;
    display: flex;
    position: relative;
    left: 0;
  }
  .YtXxC {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    right: 400px;
    height: 100%;
    min-height: 100%;
    left: 0;
  }
  .Lyzbo {
    height: calc(var(--app-height) - 94px);
  }
  .QiT8n {
    height: 100%;
  }




 {

  /* /end */
}
  .bq96R {
    display: flex;
    flex-direction: row;
    height: 100%;
  }
  .yPvne {
    display: flex;
    padding-left: 12px;
    justify-content: center;
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
  }
  /* Overwrite re-resizer's styles */
  .yPvne span > div {
    display: none;
  }
  .yPvne span > div:nth-child(4) {
    display: block;
    left: 0 !important;
    width: 12px !important;
  }
  .HeJw7 {
    overflow: hidden;
    flex: 1;
  }
  .HeJw7 > div {
      height: 100%;
    }
  .KAAGa {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 10px;
    border: solid 1px #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: none;
    border-bottom: none;
  }
  .KAAGa i {
    position: fixed;
    top: 50vh;
  }
  .htgVb {
    width: 2px;
    fill: rgb(51 51 51);
  }

.Z0kBD {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
    overflow: hidden;
    max-height: 40px;
  }

.vm9yx {
    background-color: var(--app-background--color);
    height: calc(100% - 40px);
  }

    .Of4nZ {
      height: calc(100% - 115px);
      width: calc(100% - 200px);
    }

    .aCD1e {
      height: calc(100% - 115px);
    }
  .Bglg0 {
    padding-bottom: 26px;
    text-align: right;
  }
  .FQlmq {
    text-align: right;
  }
  .ei9G_ {
    overflow-y: auto;
  }
  .SwUGO {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .cZ4iq {
    opacity: 0.5;
    pointer-events: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
  }

.k1Zyi {
    display: flex;
    flex-direction: column;
    color: var(--app-font--color);
  }
  .GEHfL {
    text-transform: uppercase;
  }
  .j82BC > button {
    background-color: transparent;
  }

.oF6Kd {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 1rem;
  }

    .oF6Kd div[class*='headerText'] {
      color: var(--app-font--color);
    }
  .kXL8T {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 100%;
    margin-right: 360px;
  }
  .kXL8T > * + *{
      margin-top: 1rem;
    }

.Hj5nf .ms-Panel-contentInner {
    height: 100%;
  }
  .Hj5nf .ms-Panel-scrollableContent {
    flex: 1 1 0;
    overflow-y: hidden;
  }
  .Hj5nf div[class*="header"] {
      color: var(--app-font--color);
    }
  ._n0ru {
    padding-top: 16px;
  }
  ._n0ru > button {
    margin-right: 8px;
  }

.Quj4r {
    position: relative;
  }
  .G1F1l {
    min-height: 19px;
    font-weight: 600;
  }
  .vEdlg {
    margin-left: 12px;
  }
  .V2jKs {
    position: absolute;
    top: -6px;
  }

.FiCzd {
    display: flex;
    width: 100%;
    flex-direction: column;
  }

    .FiCzd > div + div {
      margin-top: 5px;
    }
  .GIIUD {
    display: flex;
    align-items: center;
  }
  .flHk_ {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .flHk_ label {
      color: var(--input-rest--text-value--color);
    }
  .flHk_ button > span  {
      color: var(--input-rest--text-value--color);
    }
  .gZa2O {
    display: flex;
  }
  .gZa2O > button + button {
      margin-left: 15px;
    }
  .gZa2O > button {
      font-weight: 500 !important;
    }
  .GIIUD, .OvqUb {
    font-weight: 500 !important;
  }
  .e1byA {
    width: 100%;
    height: 100%;
    border: none;
  }
  .P8qcu {
    color: var(--app-font--color);
    margin-left: 5px;
  }
  .NU2ws div[class*="jodit-container"]:not(.NrZOU) {
      border-color: var(--error--color)
    }
  .KVatw {
    display: none;
  }
  .KVatw > div {
      display: none;
    }
.iuB7w {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

    .iuB7w > div + div {
      margin-top: 10px;
    }

.YtWYF {
    width: 100%;
    height: 100%;
  }

    .YtWYF h4 {
      margin: 0;
    }

    .YtWYF header {
      display: grid;
      grid-template-columns: calc(100% - 120px) 120px;
      align-items: center;
      margin-bottom: 10px;
    }

    .YtWYF header button {
        outline: none;
        cursor: pointer;
        font-weight: 500;
        border: 1px solid transparent;
        border-radius: 2px;
        height: 30px;
        transition: border-color 0.15s ease 0s;
      }

    .YtWYF header button:hover {
          border-color: #000;
        }

    .YtWYF textarea {
      padding: 5px;
      outline: none;
      resize: none;
      width: 100%;
    }

    .YtWYF textarea:focus {
        border: 2px solid var(--accent-rest--color);
      }

.nVtkv {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 0;
    font-size: 14px;
  }
  button.nVtkv {
    margin: 7px 0 !important;
  }
  .bDP9y {
    max-width: 100%;
  }
  .H0e1n {
    width: 100%;
  }

.Zx6hQ {
    width: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    padding: 5px;
  }

    .Zx6hQ div[class*="ms-ComboBox"] {
      width: 100%;
      display: flex;
      align-items: center;
    }

    .FheAL {
      flex-direction: row;
      flex-wrap: wrap;
    }

    .KVetm {
      flex-grow: 1;
      flex-basis: 50%;
    }

    .W92nz > div {
      width: 100%;
    }

    .W92nz > div button > span {
          font-weight: 700;
        }

.Tm5lm {
  pointer-events: all !important;
  position: fixed;
  bottom: 40px;
  z-index: 1000000000001;
  background-color: #313131;
  color: #fff;
  padding: 20px 10px;
  right: 40px;
  width: 320px;
  min-height: 60px;
}

.Yf78L {
  text-decoration: none;
  position: relative;
  color: #fff;
  display: flex;
  cursor: pointer;
  gap: 10px;
}

.cg7eK {
  height: 100%;
  width: 60px;
}

.CtpJj {
  display: flex;
  flex-direction: column;
  width: calc(100% - 64px);
  gap: 5px;
}

.CtpJj header {
  font-weight: 700;
}

.CtpJj textarea {
  background: transparent;
  outline: none;
  color: #fff;
  border: none;
  resize: none;
}

.ZyiQY {
  outline: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  z-index: 5;
  font-weight: 700;
  position: absolute;
  top: 10px;
  right: 15px;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}

.callout-layer {
    z-index: 1000002;
  }

.zclkW {
    position: relative;
    width: var(--app-sidebar-navigation-width);
    height: 100%;
    padding-left: 4px;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    left: -244px;
    z-index: 1;
    background: var(--grey10);
    border-right: 1px solid var(--grey21) !important;
  }

.IzHpv {
      box-sizing: border-box;
      width: 50px !important;
      transform: none;
      cursor: pointer;
      color: var(--app-font--color);
      height: 44px;
      font-size: 1rem;
      display: flex !important;
      padding: 8px 11px;
      align-items: center;
    }

.t9fiI {
      left: 0;
      padding-left: 0;
      margin-right: 0;
      overflow: hidden;
    }

.t9fiI .k5smv {
        cursor: default;
        position: absolute;
        border: none;
        right: 0;
        top: 0;
        border-right: none !important;
        width: 100%;
        background: transparent;
      }

.t9fiI .k5smv > i {
          width: 100%;
          display: flex;
          justify-content: flex-start;
        }

.t9fiI .k5smv > i:first-child {
          box-sizing: border-box;
          width: 38px !important;
          height: 32px;
          justify-content: center;
          align-items: center;
          margin: 5px 0 5px 6px;
          border-radius: 2px;
        }

.t9fiI .k5smv > svg {
          width: 100%;
          display: flex;
          justify-content: flex-start;
        }

.t9fiI .k5smv > svg:first-child {
          box-sizing: border-box;
          width: 38px !important;
          height: 32px;
          justify-content: center;
          align-items: center;
          margin: 5px 0 5px 6px;
          border-radius: 2px;
        }

@media (max-width: 1024px) {
      .t9fiI {
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 1000000000000000;
        border-right: 1px solid #bbb;
        box-shadow: 5px 0 30px -15px #555;
      }
    }

.zclkW ul[role="list"] {
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

.zclkW .compositeLink > button:last-child {
      z-index: 1;
    }

.zclkW .ms-Nav-chevronButton {
      background-color: transparent;
      right: 10px !important;
      top: 0;
      height: 100%;
      left: auto !important;
    }

.k5smv {
      cursor: pointer;
      width: 50px;
      background-color: var(--grey10);
      border-right: 1px solid var(--grey21) !important;
    }

.Qp4qy {
        box-shadow: var(--grey10) 0 3.2px 7.2px 0;
      }

.k5smv i {
        width: 100%;
        display: flex;
        justify-content: center;
      }

.k5smv i:first-child {
        width: 50px;
        display: flex;
        justify-content: center;
      }

.k5smv i:first-child:hover {
        background-color: #eaeaea;
      }

.k5smv svg {
        width: 100%;
        display: flex;
        justify-content: center;
      }

.k5smv svg:first-child {
        width: 50px;
        display: flex;
        justify-content: center;
      }

.k5smv svg:first-child:hover {
        background-color: #eaeaea;
      }

.d8mdn {
      margin-top: 44px;
      width: var(--app-sidebar-navigation-width);
      overflow-x: hidden;
    }

.d8mdn > div > div > ul[role="list"] {
        display: flex;
        flex-direction: column;
        gap: 5px;
        max-height: calc(var(--app-height) - 142px);
      }

.d8mdn .ms-Nav-linkText {
        white-space: initial;
        text-align: initial;
        line-height: 18px;
        font-weight: 500;
      }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] .RALSk {
          display: contents;
        }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] > div:hover {
          background: #eaeaea;
        }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] .is-selected > .ms-Nav-chevronButton {
          background-color: transparent;
          height: 100%;
        }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] > button:last-child {
          z-index: 1;
        }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] > .is-selected > *::after {
          border-left: 2px solid var(--accent-rest--color);
          content: "";
          position: absolute;
          inset: 0;
          left: 6px;
          top: 15%;
          height: 70%;
          border: 0;
          width: 4px;
          background-color: var(--accent-rest--color);
          border-radius: 4px;
        }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] ul > li > div > button:last-child {
          padding-left: 46px !important;
          height: fit-content;
          min-height: 44px; /* Для кнопок роута 2 уровня */
        }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] ul > li > ul > li > div > *:last-child > span {
          margin-left: 26px !important;
        }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] ul > li > ul > li > ul > li > div > * > span {
          padding-left: 26px !important;
        }

/* роут первого уровня */

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] > .ms-Nav-compositeLink > .ms-Nav-link {
          min-height: 44px;
          padding: 5px 35px 5px 16px;
          height: auto !important;
          display: flex;
          align-items: center;
          margin-top: 6px;
          color: var(--app-font--color);
        }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] > .ms-Nav-compositeLink > .ms-Nav-link > .ms-Button-flexContainer > .ms-Button-flexContainer {
            min-height: 40px !important;
          }

/* роут второго уровня */

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] ul {
          padding-bottom: 2px;
        }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] ul li > div:hover {
            background-color: #eaeaea;
          }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] ul li > div > a > span > div > div {
            padding-left: 20px;
          }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] ul li > div:not([name="[object Object]"]) > a > span > div {
            /* Пункты меню, без иконок */
            max-width: 125px;
          }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] ul li > div > a {
            padding-left: 46px; /* Для ссылок роута 2 уровеня */
          }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] ul ul > li > div > a {
            padding-left: 46px !important; /* Для ссылок роута 3 уровня */
            padding-left: 0;
          }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] ul[role="list"] > .ms-Nav-navItem a {
            min-height: 44px;
            color: var(--app-font--color);
            line-height: initial;
            display: inline-table;
            overflow: hidden;
            max-width: 100%;
            word-break: break-word;
          }

.d8mdn .ms-Nav-groupContent > .ms-Nav-navItems > [role="listitem"] ul[role="list"] > .ms-Nav-navItem a:hover {
            background-color: #eaeaea;
          }

.d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-selected, .d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-child-selected:not(.is-expanded) {
      background-color: #eaeaea;
      }

.d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-selected div, .d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-child-selected:not(.is-expanded) div {
        font-weight: 600;
      }

.d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-selected .Q4Mr4, .d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-child-selected:not(.is-expanded) .Q4Mr4 {
        color: var(--accent-rest--color);
      }

.d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-selected .Q4Mr4 [fill="var(--app-font--color)"], .d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-child-selected:not(.is-expanded) .Q4Mr4 [fill="var(--app-font--color)"] {
          fill: var(--accent-rest--color);
        }

.d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-selected .Q4Mr4 [stroke="var(--app-font--color)"], .d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-child-selected:not(.is-expanded) .Q4Mr4 [stroke="var(--app-font--color)"] {
          stroke: var(--accent-rest--color);
        }

.d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-selected i, .d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-child-selected:not(.is-expanded) i {
        color: var(--app-font--color);
      }

.d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-selected > *:last-child::after, .d8mdn li[role="listitem"] > .ms-Nav-compositeLink.is-child-selected:not(.is-expanded) > *:last-child::after {
          border-left: 2px solid var(--accent-rest--color);
          content: "";
          position: absolute;
          inset: 0;
          left: 6px;
          top: 15%;
          height: 70%;
          border: 0;
          width: 4px;
          background-color: var(--accent-rest--color);
          border-radius: 4px;
        }

.d8mdn ul[role="list"] > li[role="listitem"] {
        background-color: transparent;
      }

.d8mdn li[role="listitem"]
    > ul[role="list"]
    > li[role="listitem"]
    > div
    > a
    > span
    > div
    > div {
        padding-left: 0;
      }

.d8mdn li[role="listitem"]
    > ul[role="list"]
    > li[role="listitem"]
    > div
    > button:nth-child(2)
    > span
    > div
    > div {
        padding-left: 0;
      }

.d8mdn div[class*="ms-Nav-linkText"] {
        font-weight: 400;
        padding: 0;
      }

.d8mdn .ms-Nav-compositeLink:hover .ms-Nav-linkText, .d8mdn .ms-Nav-compositeLink:hover.is-selected .ms-Nav-linkText {
        color: #000;
      }

.d8mdn .ms-Nav-compositeLink .ms-Nav-linkText {
        margin: 0;
      }

.d8mdn .ms-Nav-compositeLink .ms-Nav-linkText span {
          text-overflow: ellipsis;
          white-space: break-spaces;
          overflow: hidden;
          max-width: calc(100%);
        }

.ms-Icon-placeHolder {
    width: 0 !important;
  }

.VLjtq {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    font-weight: 400;
    color: var(--app-font--color);
    height: 100%;
  }

.A6GfN {
    height: auto;
  }

.Josud {
    height: auto;
  }

.AOz4s {
    margin-right: 10px;
    position: relative;
    font-size: 1rem;
    color: var(--app-font--color);
  }

.Q4Mr4 {
    margin-right: 10px;
    position: relative;
    font-size: 1rem;
    color: var(--app-font--color);
  }

.RALSk {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

h3 .OfMs3 {
    font-size: 1.2em;
    font-weight: 900;
    padding-left: 20px;
  }

.UyIYe {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 40px;
    width: 100%;
    height: calc(var(--app-height) - 135px);
    max-height: calc(var(--app-height) - 135px);
    overflow: hidden auto;
    background: #f9f8f8;
  }

.NcKjo {
      box-shadow: inset var(--grey10) 0 8.2px 7.2px -5px;
    }

.UyIYe a {
      text-decoration: none;
    }

.UyIYe .AOz4s {
      box-sizing: border-box;
      width: 50px;
      height: 50px;
      padding: 17px 0;
      color: var(--app-font--color);
      margin-right: 0;
      transition: 0.2s linear all;
    }

.UyIYe .Q4Mr4 {
      color: var(--app-font--color);
      margin-right: 0;
      transition: 0.2s linear all;
    }

.UyIYe .RALSk {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

.UyIYe a:hover .AOz4s, .UyIYe a:hover .Q4Mr4, .UyIYe a:hover > i, .UyIYe a:hover > svg {
      color: var(--accent-rest--color);
    }

.UyIYe .kjTSQ {
      position: relative;
    }

.UyIYe .kjTSQ::after {
        border-left: 2px solid var(--accent-rest--color);
        content: "";
        position: absolute;
        inset: 0;
        left: 6px;
        top: 15%;
        height: 70%;
        border: 0;
        width: 4px;
        background-color: var(--accent-rest--color);
        border-radius: 4px;
      }

.UyIYe .kjTSQ > i {
      color: var(--accent-rest--color);
      background-color: #eaeaea;
    }

.UyIYe .kjTSQ > svg {
      color: var(--accent-rest--color);
      background-color: #eaeaea;
    }

.UyIYe .kjTSQ .Q4Mr4 [fill="var(--app-font--color)"], .UyIYe .kjTSQ > svg [fill="var(--app-font--color)"] {
        fill: var(--accent-rest--color);
      }

.UyIYe .kjTSQ .Q4Mr4 [stroke="var(--app-font--color)"], .UyIYe .kjTSQ > svg [stroke="var(--app-font--color)"] {
        stroke: var(--accent-rest--color);
      }

.UyIYe .G2owG {
      background-color: rgb(175 175 175 / 20%);
    }

.xjWaf {
    padding: 0;
    left: 50px !important;
  }

.xjWaf > div {
      background: var(--grey22);
    }

.HR3jf {
      margin: 0;
      font-weight: 700 !important;
      padding-bottom: 5px;
    }

.HR3jf span {
        font-weight: 700 !important;
      }

.HR3jf i {
        display: none;
      }

.x6JEC {
      margin-top: 0;
      padding: 15px 10px;
      overflow-y: auto;
    }

.x6JEC > div {
        background: var(--grey22);
      }

.x6JEC > div > div {
        margin-bottom: 0;
        max-height: 80%;
      }

.x6JEC .ms-Nav-chevronButton {
        right: 10px !important;
        top: 0;
        height: 100%;
        left: auto !important;
      }

.x6JEC li[role="listitem"] {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }

.x6JEC ul[role="list"] > li[role="listitem"] {
        padding: 2px;
        background-color: transparent;
      }

.x6JEC li[role="listitem"] > ul[role="list"] > li[role="listitem"] > div > a > span > div > div {
        padding-left: 0;
      }

.x6JEC li[role="listitem"] > ul[role="list"] > li[role="listitem"] > div > button:nth-child(2) > span > div > div {
        padding-left: 0;
      }

.x6JEC li[role="listitem"] > ul[role="list"] > li[role="listitem"] > ul[role="list"] > li[role="listitem"] div[class*="ms-Nav-linkText"] {
        /* padding-left: 55px; */
      }

.x6JEC a[href] {
        min-height: 40px !important;
        padding-right: 5px !important;
      }

.x6JEC a[href] > span {
          min-height: 40px !important;
        }

.x6JEC a[href] > span > div {
            line-height: 1.4;
          }

.GUUOV div[class*="ms-Nav-groupContent"] > ul[class*="ms-Nav-navItems"] > li[role="listitem"] > div[class*="ms-Nav-compositeLink"] > a[class*="ms-Nav-link"], .GUUOV div[class*="ms-Nav-groupContent"] > ul[class*="ms-Nav-navItems"] > li[role="listitem"] > div[class*="ms-Nav-compositeLink"] > button[class*="ms-Nav-link"], .GUUOV div[role="alertdialog"], .v94hb div[class*="ms-Nav-groupContent"] > ul[class*="ms-Nav-navItems"] > li[role="listitem"] > div[class*="ms-Nav-compositeLink"] > a[class*="ms-Nav-link"], .v94hb div[class*="ms-Nav-groupContent"] > ul[class*="ms-Nav-navItems"] > li[role="listitem"] > div[class*="ms-Nav-compositeLink"] > button[class*="ms-Nav-link"], .v94hb div[role="alertdialog"] {
    height: fit-content !important;
  }

.v94hb div[role="alertdialog"] {
    max-height: fit-content !important;
  }

.GUUOV, .v94hb {
    max-width: 247px;
  }

.aJFnK {
    width: 100%;   
  }

    .aJFnK i[data-icon-name="ChevronRight"], .aJFnK i[data-icon-name="More"] {
      color: var(--navigation-bar-text--color);
    }

    .aJFnK div[class*="ms-Breadcrumb"] {
      margin: 0;
    }

    .aJFnK li[class*="ms-Breadcrumb-listItem"] button, .aJFnK li[class*="ms-Breadcrumb-listItem"] span {
      background-color: transparent;
      font-size: 0.9rem;
      color: #fff;
      line-height: 1.4;
    }

    .aJFnK li[class*="ms-Breadcrumb-listItem"]:last-child button, .aJFnK li[class*="ms-Breadcrumb-listItem"]:last-child span {
      font-weight: 600;
      color: #fff;
    }

    .aJFnK li[class*="ms-Breadcrumb-listItem"] button:hover {
      background-color: transparent;
      color: #fff;
      text-decoration: underline;
    }

    .DuSR9 {
      padding-left: 0;
    }

    .aJFnK .ms-Breadcrumb-overflowButton {
      background-color: transparent;
    }

    .aJFnK .ms-Breadcrumb-overflowButton i[data-icon-name="More"] {
        color: var(--navigation-bar-text--color) !important;
        font-size: 18px;
        line-height: 18px;
        transition: color 0.1s linear;
      }

    .aJFnK .ms-Breadcrumb-overflowButton:hover, .aJFnK .ms-Breadcrumb-overflowButton:active {
        background-color: transparent;    
      }
  .zDUpZ {
    padding-left: 12px;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .pCe3m div[class*="ms-Nav-groupContent"] {
        margin-bottom: 0 !important;
      }
  .pCe3m button {
        height: 36px;
        line-height: 36px;
        width: 100%;
        display: block;
        cursor: pointer;
        padding: 0 8px 0 4px;
      }
  .pCe3m button:hover {
          background-color: rgb(244 244 244);
          color: var(--app-font--color);
        }
  .pCe3m button span > div {
          margin: 0 4px;
          vertical-align: middle;
          display: inline-block;
          color: var(--app-font--color) !important;
          flex-grow: 1;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
        }
  .iYYgX {
    height: 16px;
  }
  .iYYgX i[data-icon-name="More"] {
      color: #fff;
      font-size: 18px;
      line-height: 18px;
      transition: color 0.1s linear;
    }
  .iYYgX:hover button:hover, .iYYgX:hover button:active {
          background-color: transparent;
      }
  .iYYgX:hover i {
        color: var(--accent-rest--color);
      }
  .OnETE i {
      color: var(--accent-rest--color) !important;
    }
  .otekK {
    margin-left: 8px;
  }
  .otekK i {
      font-size: 12px;
      line-height: 12px;
    }
  .hTNRJ {
    border: none;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    outline: none;
    padding: 0;
    margin: 0;
    margin: 0 8px;
    width: fit-content;
    height: fit-content;
    font-size: 0.9rem;
    color: #fff;
    line-height: 1.4;
  }
  .hTNRJ:hover {
      text-decoration: underline;
    }
  .xmrMK {
    cursor: text;
  }
  .xmrMK:hover {
      text-decoration: none !important;
    }

& .ms-ContextualMenu-item > button > div > span {
    color: var(--button-default-rest-text--color);
  }

& .ms-Callout-beak,
& .ms-Callout-beakCurtain,
& .ms-Callout-main,
& .ms-ContextualMenu {
  background-color: var(--menu-callout-background--color);
}

& .ms-Nav-groupContent {
  background-color: var(--menu-callout-background--color);
}

& .ms-Nav-groupContent .ms-Nav-compositeLink:hover > button {
    background-color: transparent !important;
  }
 {

  /*
  .logo {
    color: white;
    font-size: 24px;
    font-family: inherit;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
    position: relative;
    padding-left: 46px;

    &:before {
      width: 36px;
      height: 36px;
      background: var(--accent-rest--color);
      font-size: 26px;
      position: absolute;
      left: 0;
      top: -2px;
      content: 'Z';
      text-align: center;
    }
  }
  */
}
  .dksCa {
    max-width: calc(100% - 2rem);
    padding: 0 1rem;
  }

.xCxBh {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    background-color: #404551;
    position: relative;
    overflow: hidden;
  }

    .SITbi {
      font-size: 1rem;
      font-weight: 400;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 300px;
    }

    .UNSna {
      display: grid;
      grid-template-columns: 140px auto;
      align-items: center;
      width: 100%;
    }

    .kvXAz {
      background-color: var(--accent-rest--color);
      width: 50px;
      min-width: 50px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      cursor: pointer;
      transition: 0.3s;
      border: none;
      font-size: 1.1rem;
      outline: none;
      color: #fff;
    }

    .kvXAz:hover {
        background-color: var(--accent-hover--color);
      }

    .xrxyk {
      height: 50px;
      align-items: center;
      justify-content: center;
      width: 100%;
      display: flex;
      font-family: inherit;
      color: #fff;
    }

    .xrxyk:not(:last-child)::after {
        display: block;
        content: "";
        height: 60%;
        width: 1px;
        background-color: rgb(255 255 255 / 30%);
      }

    .xrxyk:last-child {
        width: 100%;
      }

    .xCxBh .okGKG {
      border-radius: 50%;
      width: 40px;
      min-width: 40px;
      height: 40px;
      object-fit: cover;
    }

    .Gjwtm {
      display: flex;
      text-decoration: none;
      overflow: hidden;
      width: 100%;
      justify-content: center;
      max-height: 100%;
      color: #fff;
    }

    .Gjwtm > img {
        height: auto;
        max-height: 50px;
      }

    .mH8el {
        height: 30px;
        width: 30px;
        margin-right: 5px;
      }

    .RkHwr {
        font-size: 26px;
      }

    .UKMP3 {
      display: flex;
      align-items: center;
      width: 252px;
    }

    .ryHXH {
      padding: 5px 10px;
      cursor: pointer;
      text-decoration: none;
      display: flex;
      align-items: center;
    }

    .ryHXH > div {
        min-width: 40px;
      }

    .vGSdZ {
        display: flex;
      }

    .bkRf2 div {
        color: white !important;
        cursor: pointer;
      }

    .xCxBh .rvEfN {
      margin: 0 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 380px;
    }

    .xCxBh .l48GC {
      color: white;
      width: 50px;
      height: 50px;
      transition: 0.2s linear all;
    }

    .xCxBh .l48GC:hover {
        color: white;
        background: rgb(255 255 255 / 30%);
      }

    .xCxBh .l48GC i {
        font-size: 24px;
      }

    .xCxBh .MYAb_ {
      color: white;
      height: 50px;
      transition: 0.2s linear all;
    }

    .xCxBh .MYAb_:hover {
        color: white;
        background: rgb(255 255 255 / 30%);
      }

    .xCxBh .MYAb_ span {
        white-space: nowrap !important;
      }

    .xCxBh .MYAb_ i {
        font-size: 24px;
      }
  .gRb1M {
    display: flex;
    align-items: center;
  }
  .d5mzN {
    text-decoration: none;
    padding: 0 12px;
    min-width: 0;
    width: 100%;
    white-space: nowrap;
    text-align: left;
    flex-direction: column;
    justify-content: space-around;
  }
  @media (max-width: 1024px) {
    .rvEfN {
      display: none;
    }

    .SITbi {
      font-size: 0.9rem;
    }

    .UKMP3 {
      max-width: 300px;
    }
  }
  @media (max-width: 768px) {
    .UKMP3 {
      display: none;
    }
  }


.D2abt {
    position: fixed;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
  }
  .Gh5Cc.D2abt {
    background: var(--grey10);
  }
  .wbjdV {
      height: 50px;
    }
  .CVRtI {
        border-bottom: 1px solid var(--grey21);
      }
  .MS1LJ {
      height: 100%;
    }
  ._bOdI {
      display: flex;
      height: calc(var(--app-height) - 50px);
      width: 100%;
    }
  .hQk1G {
      box-sizing: border-box;
      width: 100%;
      display: grid;
      grid-template-columns: 0 51px calc(100% - 51px);
    }
  .jCOLY {
      height: 100%;
      width: 100%;
    }
  .sFvId {
      display: flex;
      flex-direction: column;
      position: relative;
      width: 100%;
      height: calc(var(--app-height) - 50px);
      box-sizing: border-box;
      transition: padding 0.3s cubic-bezier(0.05, 0.69, 0.14, 1);
    }
  .tBeWl {
    grid-template-columns: 0 241px calc(100% - 241px);
  }
  .p5jF7 {
    grid-template-columns: 51px calc(100% - 51px);
  }
  .zOzey {
    grid-template-columns: 100%;
  }
  .MWMhP {
    grid-template-columns: 100%;
  }
  .S4d8j {
    height: var(--app-height);
  }
  .K1YyC {
    grid-template-columns: 100%;
    margin-left: 50px;
  }
  .iphXi {
    display: none;
  }
  @media (max-width: 1024px) {
    .gIlVF {
      display: none;
    }

      .BvEQT {
        background-color: rgb(0 0 0 / 20%);
        position: absolute;
        width: 100vw;
        height: calc(var(--app-height) - 50px);
        z-index: 11;
        display: block;
      }
  }
  @media (max-width: 470px) {
    .BvEQT {
      background-color: #cecece;
    }
  }
  @media (min-width: 800px) and (max-width: 1024px) {
    .BZmd8 {
      padding-left: 50px;
    }
  }


.ms-Panel-headerText {
    color: var(--app-font--color);
  }


input:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder {
    -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
    font-family: inherit;
  }


input:disabled, textarea:disabled, input:disabled::placeholder, textarea:disabled::placeholder, div[class*="ms-ComboBox is-disabled"] input, div[class*="ms-Checkbox is-disabled"] span, div[class*="ms-TextField is-disabled"] input {
    -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
    font-family: inherit;
  }


input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--input-rest--text-value--color);
    box-shadow: 0 0 0 1000px var(--input-rest--bg--color) inset;
    background-clip: content-box !important;
    -webkit-transition: background-color 600000s 0s, color 600000s 0s;
    transition: background-color 600000s 0s, color 600000s 0s;
  }


input[data-autocompleted] {
      background-color: transparent !important;
  }


.safari input:disabled:-ms-input-placeholder, .safari textarea:disabled:-ms-input-placeholder {
    color: var(--app-font--color) !important;
    font-family: inherit;
  }


.safari input:disabled, .safari textarea:disabled, .safari input:disabled::placeholder, .safari textarea:disabled::placeholder, .safari div[class*="ms-ComboBox is-disabled"] input, .safari div[class*="ms-Checkbox is-disabled"] span, .safari div[class*="ms-TextField is-disabled"] input {
    color: var(--app-font--color) !important;
    font-family: inherit;
  }


input, textarea {
    font-family: inherit;
  }


.safari div[class*="ms-Nav-groupContent"] > ul[class*="ms-Nav-navItems"] > li[role="listitem"] > div[class*="ms-Nav-compositeLink"] > button[class*="ms-Nav-link"], .safari div[class*="ms-Nav-groupContent"] > ul[class*="ms-Nav-navItems"] > li[role="listitem"] > div[class*="ms-Nav-compositeLink"] > a[class*="ms-Nav-link"] {
    height: fit-content !important;
  }


blockquote {
    position: relative;
    margin: 10px 0;
    padding: 3px 0 3px 15px;
    background: var(--grey20);
  }


blockquote::after {
      position: absolute;
      display: block;
      top: 3px;
      left: 3px;
      content: "";
      height: calc(100% - 6px);
      width: 2px;
      background-color: var(--grey30);
    }


body.iframe div[data-testid="drawer"], body.iframe div[data-testid="nav-bar"], body.iframe div[data-testid="command-bar"] {
    display: none;
  }


body.iframe div[data-testid="template-body"], body.iframe div[data-testid="template-content"] {
    height: 100% !important;
    width: 100% !important;
  }


body.iframe div[data-testid="table"] {
    height: 100% !important;
  }


body.iframe div[class*="busy-indicator"] {
    background: var(--grey10);
  }


html {
    min-height: 100%;
    font-family: sans-serif;
  }


#react-app {
    height: 100%;
    position: fixed;
    width: 100%;
  }


ul.ms-ContextualMenu-list > button.ms-Pivot-linkInMenu {
    line-height: 0 !important;
  }


.ms-Panel-content {
    max-height: calc(var(--app-height) - 135px);
    overflow-y: auto;
    height: 100%;
  }


.ms-Spinner.root-77 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    z-index: 10000;
  }


.emoji-scroll-wrapper {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

.TKbCV {
    border-collapse: collapse;
  }

    .TKbCV thead {
      font-weight: 600;
      background-color: rgb(0 120 212 / 80%);
      color: white;
      text-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
    }

    .TKbCV td {
      padding: 8px;
      border: 1px solid rgb(0 0 0 / 20%);
    }

    .TKbCV tbody tr:nth-child(even) {
          background-color: rgb(0 0 0 / 10%);
        }

    .TKbCV tbody tr:nth-child(odd) {
          background-color: rgb(0 0 0 / 20%);
        }

.Nabui {
    display: grid;
    width: 100%;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px);
    justify-content: space-between;
  }

    .Nabui > * {
      width: 100%;
    }
  .Nabui + .Nabui {
    margin-top: 12px;
  }
  ._SnX6 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: calc(58% - 10px) calc(42% - 10px);
  }
  .uvqXa > div[class*="ms-ComboBox-container"] {
    border: none !important;
    outline: none !important;
  }
  .uvqXa > div[class*="ms-ComboBox-container"] > *, .uvqXa > div[class*="ms-ComboBox-container"] > *::after, .uvqXa > div[class*="ms-ComboBox-container"] > *::before {
      border: none !important;
      outline: none !important;
    }
  .uvqXa > div[class*="ms-ComboBox-container"] > div:not([class*="is-open"]) {
      border: 1px solid #e5e5e5 !important;
      border-radius: 3px;
    }
  .uvqXa > div[class*="ms-ComboBox-container"] > div[class*="is-open"] {
      border-radius: 3px;
      border: 1px solid var(--accent-rest--color) !important;
      outline: 1px solid var(--accent-rest--color) !important;
      outline-style: auto !important;
    }
  .uvqXa > div[class*="ms-ComboBox-container"] button {
      background: transparent !important;
    }
  .uvqXa > div[class*="ms-ComboBox-container"] > div[class*="is-open"]::after {
      outline: none;
      border-radius: 0;
      border: none;
    }

.Ph4yO {
    width: 100%;
    max-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
    .Ph4yO > div:nth-child(1) {
      width: 100%;
      position: relative;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .Ph4yO > div:nth-child(1) > * + * {
        margin-top: 1rem;
      }
  
    .Ph4yO h3, .Ph4yO h4, .Ph4yO h5 {
      margin: 0;
      padding: 0;
    }
  .JvHmv {
    width: 100%;
    max-height: 400px;
    display: flex;
    flex-direction: column;
  }
  .JvHmv > div:nth-child(1) {
      width: 100%;
      min-height: 32px;
      position: relative;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  .JvHmv > div:nth-child(1) > * + * {
        margin-top: 1rem;
      }
  .JvHmv h3, .JvHmv h4, .JvHmv h5 {
      margin: 0;
      padding: 0;
    }
  .zVxpF {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .zVxpF > * + * {
      margin-left: 12px;
    }
  .Dl54l {
    text-align: center;
  }
  .OaYQV {
    width: 100%;
  }
  .OaYQV header {
      margin-bottom: 12px;
      display: flex;
      flex-direction: column;
    }
  .OaYQV header .LW19x {
        display: grid;
        width: 100%;
        grid-template-columns: calc(40% - 10px) calc(60% - 10px);
        justify-content: space-between;
      }
  .OaYQV header > * + * {
        margin-top: 24px;
      }
  .OaYQV .KjJkV {
      display: flex;
      flex-direction: column;
    }
  .OaYQV .Bowa1 {
        display: flex;
        flex-direction: column;
      }
  .OaYQV .Bowa1 > * + * {
          margin-top: 12px;
        }
  .OaYQV .bfyJZ {
      display: flex;
      flex-direction: column;
    }
  .vvPtd {
    color: var(--error--color);
  }
  .Uxjf9 {
    display: flex;
    justify-content: center;
  }
  .XFhUV {
    position: relative;
    margin: 0 auto 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .XFhUV > * + * {
      margin-top: 8px;
    }
  .XFhUV .Cze9C {
      -webkit-appearance: none;
              appearance: none;
      border: 0;
      background: var(--accent-rest--color);
      width: fit-content;
      color: #fff;
      padding: 8px 16px;
      font-size: 16px;
    }
  .XFhUV > input {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      cursor: pointer;
    }
  .LPWzk {
    display: flex;
    align-items: center;
  }
  .LPWzk > * + * {
      margin-left: 0.75rem;
    }