@charset "UTF-8";
.CustomerItems {
  display: flex;
  padding: 1rem;
  width: 100%;
  flex-direction: column;
  gap: 1rem; }

.CustomerItem {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .CustomerItem .__ItemContent {
    display: none; }
  .CustomerItem .__ItemTitle {
    cursor: pointer;
    display: flex;
    background: #f2f2f2;
    width: 100%;
    font-weight: 600;
    justify-content: space-between;
    align-items: center; }

.__RestaurationItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem; }
  .__RestaurationItem .__TextView {
    text-align: center;
    font-weight: 600;
    font-size: 20px; }
  .__RestaurationItem .__ImageView {
    overflow: hidden;
    display: flex;
    width: 120px;
    height: 120px;
    background: #000;
    border: 4px solid #fff;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px; }
    .__RestaurationItem .__ImageView img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

select {
  outline: none;
  padding: 0 1rem;
  width: 100%;
  height: 40px; }
  select.Dark {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #fff;
    background: #171822;
    border: 0; }

input.Dark {
  outline: none;
  padding: 0 1rem;
  width: 100%;
  height: 40px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #fff;
  background: #171822;
  border: 0; }

.AnbauteileSearchLayout {
  display: flex;
  justify-content: center;
  width: 100%; }
  .AnbauteileSearchLayout .__View {
    display: flex;
    width: 980px;
    padding: 1rem 0; }
    .AnbauteileSearchLayout .__View .__SearchViewer {
      display: inline-block;
      width: 100%;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      .AnbauteileSearchLayout .__View .__SearchViewer .__Items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding: 1rem;
        grid-gap: 1rem; }
        .AnbauteileSearchLayout .__View .__SearchViewer .__Items .__Item {
          display: inline-block;
          width: 100%; }
          .AnbauteileSearchLayout .__View .__SearchViewer .__Items .__Item span {
            display: inline-block;
            width: 100%; }
            .AnbauteileSearchLayout .__View .__SearchViewer .__Items .__Item span:nth-child(2) {
              padding-top: 0.5rem; }
            .AnbauteileSearchLayout .__View .__SearchViewer .__Items .__Item span:nth-child(1) {
              font-weight: 600;
              color: #fff; }
      .AnbauteileSearchLayout .__View .__SearchViewer .__Button {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 1rem;
        display: flex;
        justify-content: center; }

.AnbauteileViewLayout {
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  justify-content: center; }
  .AnbauteileViewLayout .__View {
    display: flex;
    width: 980px;
    padding: 1rem 0;
    font-weight: 600;
    font-size: 20px;
    color: #fff; }

.__HeaderBar {
  display: flex;
  width: 100%;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e2e2e2;
  align-items: center; }
  .__HeaderBar .__Text {
    flex: 1;
    font-weight: 600;
    font-size: 16px; }
  .__HeaderBar .__Options {
    display: flex;
    column-gap: 0.6rem; }

.FileListLayout {
  display: inline-block;
  width: 100%;
  padding: 1rem; }
  .FileListLayout .__Items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0.6rem; }
    .FileListLayout .__Items .__Item {
      word-break: break-all;
      display: flex;
      background: #fff;
      box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.05);
      -webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.05);
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px; }
      .FileListLayout .__Items .__Item.HoverEffect {
        background: #F3E5F5;
        border: 2px solid #AA00FF;
        color: #AA00FF; }
      .FileListLayout .__Items .__Item.Upload {
        cursor: pointer;
        color: #000;
        font-size: 14px; }
      .FileListLayout .__Items .__Item span {
        padding: 0.8rem;
        display: flex;
        align-items: center; }
        .FileListLayout .__Items .__Item span:nth-child(1) {
          width: 80px; }
          .FileListLayout .__Items .__Item span:nth-child(1) .ImageView {
            display: inline-block;
            width: 60px;
            height: 60px;
            background: #f0f0f0;
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            overflow: hidden; }
            .FileListLayout .__Items .__Item span:nth-child(1) .ImageView.Add {
              background: #F3E5F5;
              color: #AA00FF;
              display: flex;
              align-items: center;
              justify-content: center; }
              .FileListLayout .__Items .__Item span:nth-child(1) .ImageView.Add i {
                font-size: 24px; }
            .FileListLayout .__Items .__Item span:nth-child(1) .ImageView img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
        .FileListLayout .__Items .__Item span:nth-child(2) {
          display: inline-block;
          flex: 1; }
          .FileListLayout .__Items .__Item span:nth-child(2) a {
            color: #000;
            font-weight: 600; }
        .FileListLayout .__Items .__Item span:nth-child(3) {
          width: 140px; }
        .FileListLayout .__Items .__Item span:nth-child(4) {
          width: 140px; }
        .FileListLayout .__Items .__Item span:nth-child(5) {
          width: 140px; }
        .FileListLayout .__Items .__Item span:nth-child(6) {
          width: 100px;
          display: flex;
          align-content: center;
          align-items: center;
          justify-content: flex-end; }
  .FileListLayout .__HeaderTitle {
    padding-bottom: 0.8rem;
    display: flex;
    width: 100%; }
    .FileListLayout .__HeaderTitle span {
      font-weight: 600;
      font-size: 11px;
      display: inline-block;
      padding: 0 0.8rem; }
      .FileListLayout .__HeaderTitle span:nth-child(1) {
        width: 80px; }
      .FileListLayout .__HeaderTitle span:nth-child(2) {
        flex: 1; }
      .FileListLayout .__HeaderTitle span:nth-child(3) {
        width: 140px; }
      .FileListLayout .__HeaderTitle span:nth-child(4) {
        width: 140px; }
      .FileListLayout .__HeaderTitle span:nth-child(5) {
        width: 140px; }
      .FileListLayout .__HeaderTitle span:nth-child(6) {
        width: 100px; }

.VideoCreatorSettings {
  display: flex;
  width: 100%;
  border-top: 1px solid #eee;
  padding: 1rem;
  column-gap: 1rem; }
  .VideoCreatorSettings .__Filter {
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
    .VideoCreatorSettings .__Filter span {
      display: inline-block;
      width: 100%; }
      .VideoCreatorSettings .__Filter span:nth-child(1) {
        font-weight: 600; }
      .VideoCreatorSettings .__Filter span:nth-child(2) {
        padding-top: 0.5rem; }

.VideoCreatorImages {
  display: flex;
  width: 100%;
  border-top: 1px solid #eee; }
  .VideoCreatorImages .BlockItems {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    width: 100%; }
    .VideoCreatorImages .BlockItems .__ImageList {
      display: grid;
      width: 100%;
      padding-top: 1rem;
      grid-template-columns: repeat(15, 1fr);
      grid-gap: 0.5rem; }
      .VideoCreatorImages .BlockItems .__ImageList .__ImageItem {
        display: inline-block;
        width: 100%;
        height: 60px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        overflow: hidden; }
        .VideoCreatorImages .BlockItems .__ImageList .__ImageItem img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
          .VideoCreatorImages .BlockItems .__ImageList .__ImageItem img.ResizeMode {
            width: 80px;
            height: 80px;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            object-fit: cover; }
    .VideoCreatorImages .BlockItems .__Item {
      display: inline-block;
      width: 100%;
      font-weight: 600;
      font-size: 14px; }

.VideoCreator {
  display: flex;
  width: 100%;
  align-items: flex-end; }
  .VideoCreator .__VideoItems {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 1rem;
    padding: 1rem; }
    .VideoCreator .__VideoItems .__Item {
      overflow: hidden;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 600;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      height: 100px; }
      .VideoCreator .__VideoItems .__Item .VioletInfo, .VideoCreator .__VideoItems .__Item .BlueInfo, .VideoCreator .__VideoItems .__Item .GreenInfo {
        background: #2942fd;
        color: #fff; }
      .VideoCreator .__VideoItems .__Item.OnHover {
        border: 1px solid #2942fd;
        box-shadow: 0 0 6px 3px #2942fd;
        -moz-box-shadow: 0 0 6px 3px #2942fd;
        -webkit-box-shadow: 0 0 6px 3px #2942fd; }
      .VideoCreator .__VideoItems .__Item .__Image {
        overflow: hidden;
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 11px; }
        .VideoCreator .__VideoItems .__Item .__Image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .VideoCreator .__VideoItems .__Item .__Int {
        position: absolute;
        right: 5px;
        top: 5px; }

.OnMenuSelector {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  width: 240px;
  min-height: 260px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }
  .OnMenuSelector .__Item {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    width: 100%;
    padding: 0.6rem 1rem;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    transition: all 0.2s ease; }
    .OnMenuSelector .__Item:hover {
      font-weight: 600;
      cursor: pointer;
      background: rgba(0, 0, 0, 0.1); }

.LagerBuilderLayoutView {
  display: flex;
  width: 100%;
  background: #111;
  height: calc(100% - 75px);
  position: relative;
  overflow: hidden; }
  .LagerBuilderLayoutView .ApplicationActions {
    position: absolute;
    z-index: 10;
    left: 20px;
    bottom: 20px;
    display: flex;
    column-gap: 1rem; }
    .LagerBuilderLayoutView .ApplicationActions .ActionButton {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 60px;
      height: 60px;
      background: #fff;
      border: 4px solid #ccc;
      color: #666;
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px; }
      .LagerBuilderLayoutView .ApplicationActions .ActionButton.DeleteButton {
        display: none; }
      .LagerBuilderLayoutView .ApplicationActions .ActionButton.Active, .LagerBuilderLayoutView .ApplicationActions .ActionButton:hover {
        cursor: pointer;
        border-color: #2942fd;
        color: #2942fd; }
      .LagerBuilderLayoutView .ApplicationActions .ActionButton i {
        font-size: 32px; }

.LagerBuilderSelector {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .LagerBuilderSelector .__InnerView {
    display: inline-block; }
    .LagerBuilderSelector .__InnerView .__PickerItems {
      display: flex;
      column-gap: 0.5rem; }
      .LagerBuilderSelector .__InnerView .__PickerItems .__ItemNormal {
        display: inline-block;
        padding: 0.3rem 1rem;
        color: #fff;
        font-weight: 600; }
      .LagerBuilderSelector .__InnerView .__PickerItems .__Item {
        color: rgba(255, 255, 255, 0.5);
        display: flex;
        column-gap: 0.5rem;
        align-items: center;
        padding: 0.3rem 1rem;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        font-weight: 600;
        cursor: pointer; }
        .LagerBuilderSelector .__InnerView .__PickerItems .__Item span {
          display: flex;
          column-gap: 0.4rem; }
          .LagerBuilderSelector .__InnerView .__PickerItems .__Item span:nth-child(2) {
            padding-left: 0.5rem;
            border-left: 1px solid rgba(255, 255, 255, 0.2); }
        .LagerBuilderSelector .__InnerView .__PickerItems .__Item.active {
          background: #2942fd;
          color: #fff; }
        .LagerBuilderSelector .__InnerView .__PickerItems .__Item:hover {
          background: #2942fd;
          color: #fff; }

.LagerBuilderLayout {
  display: flex;
  width: 100%;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.__KistenSuche {
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  backdrop-filter: blur(20px);
  background: #101018;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 0.6rem 0; }
  .__KistenSuche .__SearchBar {
    display: inline-block;
    width: 2450px; }
    .__KistenSuche .__SearchBar input {
      width: 100%;
      background: transparent;
      border: 0;
      padding: 0.5rem 1.5rem;
      outline: none;
      color: #fff;
      font-weight: 500;
      font-size: 16px; }

@keyframes blinkElement {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.Toasty {
  position: fixed;
  bottom: 20px;
  z-index: 10000;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center; }
  .Toasty.Hide {
    display: none; }
  .Toasty .ToastTextView {
    display: flex;
    background: #000;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0.5rem 1rem;
    color: #fff;
    font-weight: 600;
    font-size: 14px; }

select.Cool {
  font-size: 16px !important; }

input.Cool, select.Cool {
  font-weight: 600;
  font-size: 20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #fff;
  outline: none;
  width: 100%;
  padding: 0.6rem 1rem;
  background: #30313d;
  border: 1px solid #424353;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5), 0px 1px 6px rgba(0, 0, 0, 0.25); }

.RegalSearchLayout {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  column-gap: 3rem;
  flex-direction: column; }
  .RegalSearchLayout .__ResultsBooks {
    display: grid;
    grid-template-columns: repeat(100, 1fr);
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.5) #101018;
    padding: 2rem 0;
    grid-gap: 1rem; }
  .RegalSearchLayout .__Search {
    width: 100%; }
    .RegalSearchLayout .__Search .__SearchLayout {
      display: inline-block;
      width: 100%; }
      .RegalSearchLayout .__Search .__SearchLayout .__InputBox {
        display: inline-block;
        width: 100%;
        padding-top: 1rem; }
        .RegalSearchLayout .__Search .__SearchLayout .__InputBox input {
          font-weight: 600;
          font-size: 20px;
          border-radius: 6px;
          -moz-border-radius: 6px;
          -webkit-border-radius: 6px;
          color: #fff;
          outline: none;
          width: 100%;
          padding: 0.6rem 1rem;
          background: #30313d;
          border: 1px solid #424353;
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5), 0px 1px 6px rgba(0, 0, 0, 0.25); }
      .RegalSearchLayout .__Search .__SearchLayout .__Title {
        color: #fff;
        display: inline-block;
        font-size: 24px;
        font-weight: 600; }
  .RegalSearchLayout .__Results {
    width: 100%;
    padding-top: 2rem;
    flex: 1;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
    overflow: auto;
    max-height: 100%;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent; }
    .RegalSearchLayout .__Results .__Informationen {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      row-gap: 0.2rem;
      column-gap: 0.2rem;
      padding-top: 0.5rem; }
    .RegalSearchLayout .__Results .__Item {
      font-weight: 600;
      padding: 1rem;
      display: flex;
      width: 100%;
      color: #fff;
      background: rgba(255, 255, 255, 0.05);
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      .RegalSearchLayout .__Results .__Item .__ItemPhoto {
        display: inline-block;
        width: 100px; }
        .RegalSearchLayout .__Results .__Item .__ItemPhoto .__ImageView {
          display: inline-block;
          width: 80px;
          height: 80px;
          background: #fff;
          overflow: hidden;
          border-radius: 10px;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px; }
          .RegalSearchLayout .__Results .__Item .__ItemPhoto .__ImageView img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
      .RegalSearchLayout .__Results .__Item .__ItemDetails {
        flex: 1; }
      .RegalSearchLayout .__Results .__Item .__ItemName {
        display: inline-block;
        width: 100%;
        font-weight: 600;
        font-size: 18px; }

.HistorieListItems {
  display: inline-block;
  width: 100%; }
  .HistorieListItems ul {
    padding: 0; }
    .HistorieListItems ul li {
      margin: 0.2rem;
      padding-left: 1rem;
      list-style: none;
      border-left: 4px solid #f2f2f2; }
      .HistorieListItems ul li:hover {
        border-left: 4px solid #2e8cff; }

.__PhotoPreview {
  display: inline-block;
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 4px; }
  .__PhotoPreview img {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 100%;
    height: 250px;
    object-fit: contain; }

.MiniPhotoViewer {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  z-index: 100000;
  align-items: center;
  justify-content: center; }
  .MiniPhotoViewer .__PhotoViewHolder {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .MiniPhotoViewer .__PhotoViewHolder img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain; }
  .MiniPhotoViewer .__Close {
    z-index: 10;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 24px; }

.TabItemListener {
  display: flex;
  column-gap: 0.5rem; }
  .TabItemListener .__Item {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    background: #f9f9f9;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    font-weight: 600;
    font-size: 14px; }
    .TabItemListener .__Item.active, .TabItemListener .__Item:hover {
      cursor: pointer;
      background: #2b65f8;
      color: #fff; }

.tabrow {
  text-align: center;
  list-style: none;
  padding: 0;
  width: 100%;
  line-height: 24px;
  height: 26px;
  overflow: hidden;
  font-size: 12px;
  font-family: verdana;
  position: relative; }

.tabrow li {
  border: 1px solid #ccc;
  background: #f2f2f2;
  display: inline-block;
  position: relative;
  z-index: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-shadow: 0 1px #FFF;
  margin: 0 -5px;
  padding: 0 20px; }

.tabrow a {
  color: #555;
  text-decoration: none; }

.tabrow li.selected {
  background: #FFF;
  color: #333;
  z-index: 2;
  border-bottom-color: #FFF;
  border-width: 2px; }

.tabrow:before {
  position: absolute;
  content: " ";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #AAA;
  z-index: 1; }

.tabrow li:before,
.tabrow li:after {
  border: 1px solid #AAA;
  position: absolute;
  bottom: -1px;
  width: 5px;
  height: 5px;
  content: " "; }

.tabrow li:before {
  left: -6px;
  border-bottom-right-radius: 6px;
  border-width: 0 1px 1px 0;
  box-shadow: 2px 2px 0 #D1D1D1; }

.tabrow li:after {
  right: -6px;
  border-bottom-left-radius: 6px;
  border-width: 0 0 1px 1px;
  box-shadow: -2px 2px 0 #D1D1D1; }

.tabrow li.selected:before {
  box-shadow: 3px 3px 0 #FFF; }

.tabrow li.selected:after {
  box-shadow: -3px 3px 0 #FFF; }

.__BoxItemBookItem {
  display: inline-block;
  width: 160px;
  height: 330px;
  background: #000;
  background: radial-gradient(circle, #222222 0%, #333333 100%);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 1rem; }
  .__BoxItemBookItem.BookColor_green .__BookInnerView {
    background: #A5D6A7;
    background: linear-gradient(180deg, #e8f5e9 0%, #66bb6a 100%);
    border: 2px solid #43A047; }
  .__BoxItemBookItem.BookColor_yellow .__BookInnerView {
    background: #E3F2FD;
    background: linear-gradient(180deg, #fff8e1 0%, #ffd54f 100%);
    border: 2px solid #FFB300; }
  .__BoxItemBookItem.BookColor_blue .__BookInnerView {
    background: #E3F2FD;
    background: linear-gradient(180deg, #e3f2fd 0%, #64b5f6 100%);
    border: 2px solid #1E88E5; }
  .__BoxItemBookItem.BookColor_red .__BookInnerView {
    background: #FFEBEE;
    background: linear-gradient(180deg, #ffebee 0%, #ef5350 100%);
    border: 2px solid #E53935; }
  .__BoxItemBookItem .__BookCircleView {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-top: 1rem; }
    .__BoxItemBookItem .__BookCircleView .__Circle {
      padding: 0.2rem;
      display: inline-block;
      width: 50px;
      height: 50px;
      background: #fff;
      background: linear-gradient(45deg, #ededed, #bdbdbd);
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px; }
      .__BoxItemBookItem .__BookCircleView .__Circle .__CircleInnerView {
        display: inline-block;
        width: 100%;
        height: 100%;
        background: #101018;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px; }
  .__BoxItemBookItem .__BookInnerView {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    display: inline-block;
    width: 100%;
    height: 220px;
    background: #fff;
    padding: 1rem; }
    .__BoxItemBookItem .__BookInnerView .__Jahr {
      display: inline-block;
      width: 100%;
      text-align: center;
      font-weight: 600; }
    .__BoxItemBookItem .__BookInnerView .__Bezeichnung {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      justify-content: center;
      align-items: center;
      align-content: center;
      height: 150px;
      word-break: break-word;
      text-align: center;
      font-weight: 600;
      font-size: 16px; }
      .__BoxItemBookItem .__BookInnerView .__Bezeichnung span {
        font-size: 11px;
        font-weight: 300; }
    .__BoxItemBookItem .__BookInnerView .__Firma {
      display: inline-block;
      width: 100%;
      text-align: center;
      font-weight: 600;
      font-size: 16px; }

.__WelcomeMessage {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1rem; }
  .__WelcomeMessage .__ImageView {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #111;
    overflow: hidden; }
    .__WelcomeMessage .__ImageView img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .__WelcomeMessage .__TextView {
    display: inline-block;
    flex: 1;
    color: #fff; }
    .__WelcomeMessage .__TextView span {
      display: inline-block;
      width: 100%; }
      .__WelcomeMessage .__TextView span:nth-child(2) {
        padding-top: 0.2rem;
        font-size: 16px;
        font-weight: 300; }
      .__WelcomeMessage .__TextView span:nth-child(1) {
        font-weight: 600;
        font-size: 18px; }

.__UserActiveItems {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  width: 100%;
  grid-gap: 1rem; }
  .__UserActiveItems .__Item {
    display: flex;
    align-items: center;
    width: 100%; }
    .__UserActiveItems .__Item .__ImageView {
      width: 60px;
      height: 40px; }
      .__UserActiveItems .__Item .__ImageView img {
        width: 40px;
        height: 40px;
        object-fit: cover;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px; }
    .__UserActiveItems .__Item .__TextView {
      flex: 1; }
    .__UserActiveItems .__Item .__StatusView {
      width: 32px; }

.RegalLayout {
  display: flex;
  width: 100%; }
  .RegalLayout .__LeftNumberSide {
    border-left: 3px solid rgba(255, 255, 255, 0.1);
    border-right: 3px solid rgba(255, 255, 255, 0.1);
    position: relative;
    display: flex;
    justify-content: center;
    width: 150px;
    flex-wrap: wrap;
    row-gap: 2rem; }
    .RegalLayout .__LeftNumberSide:before {
      z-index: -1;
      position: absolute;
      left: 100px;
      top: 0;
      content: "";
      height: 100%;
      background: rgba(255, 255, 255, 0.05);
      width: 5px;
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px; }
    .RegalLayout .__LeftNumberSide:after {
      z-index: -1;
      position: absolute;
      left: 40px;
      top: 0;
      content: "";
      height: 100%;
      background: rgba(255, 255, 255, 0.05);
      width: 5px;
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px; }
    .RegalLayout .__LeftNumberSide .__Add {
      color: #fff;
      display: flex;
      flex-direction: column;
      align-content: center;
      align-items: center;
      justify-content: center;
      background: #101018;
      width: 120px;
      height: 120px;
      border: 2px dashed rgba(255, 255, 255, 0.2);
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      .RegalLayout .__LeftNumberSide .__Add i {
        font-size: 32px; }
      .RegalLayout .__LeftNumberSide .__Add:hover {
        cursor: pointer;
        border: 2px dashed rgba(255, 255, 255, 0.6); }
    .RegalLayout .__LeftNumberSide .__RegalEbene {
      margin-bottom: 215px;
      position: relative;
      display: flex;
      flex-direction: column;
      align-content: center;
      align-items: center;
      justify-content: center;
      width: 120px;
      height: 120px;
      background: #00c851;
      background-image: linear-gradient(73.1deg, #227e22 8%, #63a211 86.9%);
      color: #fff;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      .RegalLayout .__LeftNumberSide .__RegalEbene:hover .__DeleteIcon, .RegalLayout .__LeftNumberSide .__RegalEbene:hover .__EditIcon {
        display: flex; }
      .RegalLayout .__LeftNumberSide .__RegalEbene .__EditIcon {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 20px;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        display: none; }
      .RegalLayout .__LeftNumberSide .__RegalEbene .__DeleteIcon {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        display: none; }
      .RegalLayout .__LeftNumberSide .__RegalEbene span {
        text-align: center; }
        .RegalLayout .__LeftNumberSide .__RegalEbene span:nth-child(2) {
          padding: 0 0.5rem;
          font-size: 11px;
          font-weight: 600; }
        .RegalLayout .__LeftNumberSide .__RegalEbene span:nth-child(1) {
          font-weight: 600;
          font-size: 30px; }
    .RegalLayout .__LeftNumberSide .__RegalNummer {
      margin-bottom: 215px;
      display: flex;
      flex-direction: column;
      align-content: center;
      align-items: center;
      justify-content: center;
      width: 120px;
      height: 120px;
      background: #FF1744;
      background-image: radial-gradient(circle farthest-corner at 10% 20%, #f75700 0%, #f90000 90.1%);
      color: #fff;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      .RegalLayout .__LeftNumberSide .__RegalNummer span {
        text-align: center; }
        .RegalLayout .__LeftNumberSide .__RegalNummer span:nth-child(2) {
          padding: 0 0.5rem;
          font-size: 11px;
          font-weight: 600; }
        .RegalLayout .__LeftNumberSide .__RegalNummer span:nth-child(1) {
          font-weight: 600;
          font-size: 30px; }
  .RegalLayout .__RegalContent {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    row-gap: calc(2rem - 16px);
    flex-direction: column; }
    .RegalLayout .__RegalContent .__RegalHolderItem {
      cursor: grab;
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: thin;
      scrollbar-color: transparent transparent;
      padding: 0 1rem;
      column-gap: 1rem;
      display: grid;
      grid-template-columns: repeat(100, 1fr);
      width: 100%;
      max-width: 2250px;
      height: 350px;
      border-bottom: 3px solid rgba(255, 255, 255, 0.1); }
      .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBig {
        display: flex;
        flex-direction: column;
        width: 240px;
        height: 330px;
        background: #fff;
        overflow: hidden;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBig.isShowed {
          transform: scale(1.05);
          box-shadow: 0 0 100px 10px red;
          -moz-box-shadow: 0 0 100px 10px red;
          -webkit-box-shadow: 0 0 100px 10px red;
          animation: blinkElement 1s linear; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBig .__TextView {
          display: inline-block;
          flex: 1;
          width: 100%;
          padding: 1rem; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBig .__TextView .__TextViewInfos {
            display: inline-block;
            width: 100%;
            padding-top: 0.5rem; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBig .__TextView .__TextViewTitle {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            width: 100%;
            font-weight: 600;
            font-size: 18px; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBig .__ImageView {
          display: inline-block;
          width: 100%;
          height: 220px;
          background: #fff;
          border-bottom: 1px solid #eee;
          padding: 1rem; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBig .__ImageView img {
            width: 100%;
            height: 100%;
            object-fit: contain; }
      .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed {
        display: flex;
        overflow: hidden;
        flex-direction: column;
        width: 330px;
        height: 330px;
        background: #d60e0e;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed.isShowed {
          transform: scale(1.05);
          box-shadow: 0 0 100px 10px red;
          -moz-box-shadow: 0 0 100px 10px red;
          -webkit-box-shadow: 0 0 100px 10px red;
          animation: blinkElement 1s linear; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__BoxTrennLine {
          display: inline-block;
          width: 100%;
          height: 30px;
          background: #d60e0e; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__ImageView {
          height: 100px;
          align-items: center;
          justify-content: center;
          display: flex; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__ImageView .__Image {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 200px;
            height: 80px;
            background: #fff;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            padding: 1rem; }
            .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__ImageView .__Image img {
              height: 100%; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__Info {
          flex: 1;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__Info .__InfoTextView {
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__Info .__InfoHolder {
            background: #fff;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            width: 280px;
            height: 180px;
            padding: 1rem;
            display: flex;
            flex-direction: column; }
            .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__Info .__InfoHolder .__Items {
              padding-top: 0.5rem;
              display: grid;
              width: 100%;
              grid-gap: 0.5rem;
              grid-template-columns: repeat(2, 1fr); }
              .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__Info .__InfoHolder .__Items .__Item {
                width: 100%;
                display: inline-block; }
                .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__Info .__InfoHolder .__Items .__Item span {
                  width: 100%;
                  display: inline-block; }
                  .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__Info .__InfoHolder .__Items .__Item span:nth-child(1) {
                    font-weight: 600; }
            .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__Info .__InfoHolder .__Bezeichnung {
              display: inline-block;
              flex: 1;
              font-weight: 600;
              font-size: 14px; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemRed .__Info .__InfoBorder {
            display: inline-block;
            width: 30px;
            height: 100%;
            background: #d60e0e; }
      .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook {
        display: inline-block;
        width: 160px;
        height: 330px;
        background: #000;
        background: radial-gradient(circle, #222222 0%, #333333 100%);
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        padding: 1rem; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook.isShowed {
          transform: scale(1.05);
          box-shadow: 0 0 100px 10px red;
          -moz-box-shadow: 0 0 100px 10px red;
          -webkit-box-shadow: 0 0 100px 10px red;
          animation: blinkElement 1s linear; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook.BookColor_green .__BookInnerView {
          background: #A5D6A7;
          background: linear-gradient(180deg, #e8f5e9 0%, #66bb6a 100%);
          border: 2px solid #43A047; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook.BookColor_yellow .__BookInnerView {
          background: #E3F2FD;
          background: linear-gradient(180deg, #fff8e1 0%, #ffd54f 100%);
          border: 2px solid #FFB300; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook.BookColor_blue .__BookInnerView {
          background: #E3F2FD;
          background: linear-gradient(180deg, #e3f2fd 0%, #64b5f6 100%);
          border: 2px solid #1E88E5; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook.BookColor_red .__BookInnerView {
          background: #FFEBEE;
          background: linear-gradient(180deg, #ffebee 0%, #ef5350 100%);
          border: 2px solid #E53935; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook .__BookCircleView {
          display: flex;
          width: 100%;
          align-items: center;
          justify-content: center;
          padding-top: 1rem; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook .__BookCircleView .__Circle {
            padding: 0.2rem;
            display: inline-block;
            width: 50px;
            height: 50px;
            background: #fff;
            background: linear-gradient(45deg, #ededed, #bdbdbd);
            border-radius: 100px;
            -moz-border-radius: 100px;
            -webkit-border-radius: 100px; }
            .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook .__BookCircleView .__Circle .__CircleInnerView {
              display: inline-block;
              width: 100%;
              height: 100%;
              background: #101018;
              border-radius: 100px;
              -moz-border-radius: 100px;
              -webkit-border-radius: 100px; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook .__BookInnerView {
          border-radius: 6px;
          -moz-border-radius: 6px;
          -webkit-border-radius: 6px;
          display: inline-block;
          width: 100%;
          height: 220px;
          background: #fff;
          padding: 1rem; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook .__BookInnerView .__Jahr {
            display: inline-block;
            width: 100%;
            text-align: center;
            font-weight: 600; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook .__BookInnerView .__Bezeichnung {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            justify-content: center;
            align-items: center;
            align-content: center;
            height: 150px;
            word-break: break-word;
            text-align: center;
            font-weight: 600;
            font-size: 16px; }
            .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook .__BookInnerView .__Bezeichnung span {
              font-size: 11px;
              font-weight: 300; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItemBook .__BookInnerView .__Firma {
            display: inline-block;
            width: 100%;
            text-align: center;
            font-weight: 600;
            font-size: 16px; }
      .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem {
        position: relative;
        border: 4px solid #FF1744;
        transition: all 0.2s ease;
        display: inline-block;
        height: 330px;
        width: 240px;
        background: #FF1744;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__EbeneTyp2 {
          width: 140px; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__EbeneTyp2.__BoxItemKastenLayout .__Informationen .__InfoItems {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 1rem;
            text-align: center; }
            .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__EbeneTyp2.__BoxItemKastenLayout .__Informationen .__InfoItems .__Item:nth-child(2) {
              display: none; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__EbeneTyp2.__BoxItemKastenLayout .__Beschreibung {
            width: 140px !important; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout {
          border: 0;
          background: #d72c30;
          background-size: contain; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout.GreenBox {
            background: #63a211;
            background-image: linear-gradient(73.1deg, #227e22 8%, #63a211 86.9%);
            background-size: contain; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout.isShowed {
            transform: scale(1.05);
            box-shadow: 0 0 100px 10px red;
            -moz-box-shadow: 0 0 100px 10px red;
            -webkit-box-shadow: 0 0 100px 10px red;
            animation: blinkElement 1s linear; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout .__Informationen {
            margin-top: 1rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            width: 100%;
            padding: 1rem 2rem 0 2rem; }
            .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout .__Informationen .__InfoItems {
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              border-radius: 10px;
              -moz-border-radius: 10px;
              -webkit-border-radius: 10px; }
              .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout .__Informationen .__InfoItems .__Item {
                font-size: 11px;
                color: #fff;
                display: inline-block;
                width: 100%; }
                .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout .__Informationen .__InfoItems .__Item span {
                  display: inline-block;
                  width: 100%; }
                  .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout .__Informationen .__InfoItems .__Item span:nth-child(2) {
                    font-size: 18px;
                    font-weight: 600; }
                  .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout .__Informationen .__InfoItems .__Item span:nth-child(1) {
                    font-size: 11px;
                    font-weight: 600; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout .__Schild {
            display: inline-block;
            padding-left: 0rem;
            padding-right: 0rem;
            padding-top: 0.5rem;
            margin-top: 0.5rem;
            width: 100%; }
            .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout .__Schild .__SchildView {
              display: inline-block;
              width: 100%;
              height: 80px;
              border-radius: 0 0 10px 10px;
              -moz-border-radius: 0 0 10px 10px;
              -webkit-border-radius: 0 0 10px 10px;
              background: #fff;
              padding: 10px 0;
              overflow: hidden; }
              .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout .__Schild .__SchildView img {
                width: 100%;
                height: 100%;
                object-fit: contain; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.__BoxItemKastenLayout .__Beschreibung {
            height: 60px;
            width: 240px;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            padding: 1rem 2rem 1rem 2rem;
            color: #fff;
            text-align: center;
            font-weight: 600;
            font-size: 14px; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem .__DeleteIcon {
          cursor: pointer;
          color: #fff;
          position: absolute;
          top: 0;
          right: 0;
          width: 24px;
          height: 24px;
          display: flex;
          align-items: center;
          justify-content: center; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem .OrdnerRoundIcon {
          position: absolute;
          bottom: 20px;
          left: calc(50% - 20px); }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem .OrdnerRoundIcon span {
            display: inline-block;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 100px;
            -moz-border-radius: 100px;
            -webkit-border-radius: 100px;
            border: 2px solid rgba(255, 255, 255, 0.6); }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem .__Bezeichnung {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          padding: 0.5rem 0.5rem 0.2rem;
          color: #fff;
          display: inline-block;
          width: 100%;
          font-size: 11px; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem .__Info {
          border-radius: 6px;
          -moz-border-radius: 6px;
          -webkit-border-radius: 6px;
          background: #fff;
          padding: 0.4rem 0.7rem 0.4rem;
          display: grid;
          width: 100%;
          grid-template-columns: repeat(2, 1fr); }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem .__Info .__InfoItem {
            display: inline-block;
            width: 100%;
            font-size: 9px; }
            .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem .__Info .__InfoItem span {
              width: 100%;
              display: inline-block; }
              .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem .__Info .__InfoItem span:nth-child(1) {
                font-weight: 600; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.Add {
          padding: 0 0.5rem;
          display: flex;
          align-items: center;
          justify-content: center;
          align-content: center;
          background: #101018;
          border: 2px dashed rgba(255, 255, 255, 0.2);
          flex-wrap: wrap;
          color: #fff;
          text-align: center;
          font-weight: 600;
          font-size: 16px; }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.Add:hover {
            transform: scale(1);
            cursor: pointer;
            border: 2px dashed rgba(255, 255, 255, 0.4); }
          .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.Add i {
            font-size: 30px; }
        .RegalLayout .__RegalContent .__RegalHolderItem .__BoxItem.Mini {
          width: 120px !important; }

.__MobileProfile {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .__MobileProfile .__ProfileName {
    display: flex;
    padding-top: 1rem;
    font-weight: 600;
    font-size: 18px; }
  .__MobileProfile .__ProfileImageView {
    overflow: hidden;
    display: flex;
    width: 160px;
    height: 160px;
    border-radius: 1000px;
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    background: #fff;
    padding: 0.4rem;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14); }
    .__MobileProfile .__ProfileImageView img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 1000px;
      -moz-border-radius: 1000px;
      -webkit-border-radius: 1000px; }

.__MobileNotifications {
  display: flex;
  width: 100%;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  background: #fff;
  margin-bottom: 2rem;
  justify-content: space-between;
  padding: 1rem; }
  .__MobileNotifications.Hide {
    display: none; }
  .__MobileNotifications .__Info {
    flex: 1; }

.__MobileKistenTitle {
  display: flex;
  width: 100%;
  padding-bottom: 1rem;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 600;
  font-size: 18px; }

.__BoxItemMobile {
  display: flex;
  width: 100%;
  column-gap: 0.5rem; }
  .__BoxItemMobile span {
    font-size: 11px;
    font-weight: 600;
    flex: 1; }

.__MobileKistenItems {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%; }
  .__MobileKistenItems.Top {
    margin-top: 1rem; }
  .__MobileKistenItems.SuperFlow .__Item {
    flex-flow: column; }
    .__MobileKistenItems.SuperFlow .__Item .__Link {
      border-top: 1px solid #e2e2e2;
      padding: 0.6rem 0;
      width: 100%;
      display: flex;
      justify-content: center; }
    .__MobileKistenItems.SuperFlow .__Item .__ImageView {
      width: 100%;
      height: 120px; }
  .__MobileKistenItems .__Item {
    align-items: center;
    overflow: hidden;
    display: flex;
    width: 100%;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    background: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; }
    .__MobileKistenItems .__Item .__Link {
      padding-right: 1rem; }
    .__MobileKistenItems .__Item .__DetailInfo {
      flex: 1;
      padding: 1rem 1rem;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      width: 100%; }
    .__MobileKistenItems .__Item .__ImageView {
      display: inline-block;
      width: 100px;
      height: 100%;
      background: #f9f9f9; }
      .__MobileKistenItems .__Item .__ImageView.Normal {
        height: 100px; }
      .__MobileKistenItems .__Item .__ImageView img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

.KistenHistorie {
  display: flex;
  width: 100%;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #fff;
  flex-direction: column; }
  .KistenHistorie .__Content {
    display: flex;
    width: 100%; }
    .KistenHistorie .__Content .__Items {
      display: flex;
      width: 100%;
      flex-direction: column; }
      .KistenHistorie .__Content .__Items .__Item {
        column-gap: 1rem;
        display: flex;
        padding: 1rem; }
  .KistenHistorie .__Title {
    position: relative;
    column-gap: 0.5rem;
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    padding: 1rem;
    font-weight: 600;
    font-size: 16px; }
    .KistenHistorie .__Title .__Form {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden; }

.KistenInfoBox {
  display: flex;
  width: 100%;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #fff;
  padding: 1rem; }
  .KistenInfoBox .__ImageView {
    display: flex;
    width: 300px;
    height: 300px;
    background: #f9f9f9;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }

.AddButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: #000;
  background-color: #4158D0;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px; }
  .AddButton i {
    color: #fff;
    font-size: 16px !important; }

.__MobileNav {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: #fff;
  height: 55px;
  z-index: 100;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-top: 1px solid #e2e2e2; }
  .__MobileNav .__Item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .__MobileNav .__Item i {
      font-size: 24px; }
    .__MobileNav .__Item span {
      font-weight: 600;
      font-size: 11px; }

.__MobileSearch {
  display: flex;
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  flex-direction: column;
  padding: 1rem;
  gap: 1rem; }
  .__MobileSearch .__SearchItem {
    justify-content: center;
    display: flex;
    border-top: 1px solid #eee;
    width: 100%;
    padding: 1rem 1rem 0; }
  .__MobileSearch .__Item {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0.6rem; }
    .__MobileSearch .__Item span {
      display: flex;
      flex-direction: column;
      gap: 0.5rem; }
      .__MobileSearch .__Item span:nth-child(1) {
        font-weight: 600; }

.__MobileContent {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
  padding-top: calc(1rem + 46px);
  padding-bottom: 80px; }

.SearchHeader {
  display: flex;
  width: 100%;
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  background: #fcfcfd;
  padding: 1rem 1rem 0.5rem; }
  .SearchHeader .__SearchBox {
    align-items: center;
    display: flex;
    padding: 0 0.8rem;
    background: rgba(218, 219, 223, 0.4);
    background: linear-gradient(90deg, #eff0f1 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    width: 100%; }
    .SearchHeader .__SearchBox span {
      flex: 1; }
    .SearchHeader .__SearchBox input {
      background: transparent;
      border: 0;
      height: 34px;
      width: 100%;
      padding: 0 0.5rem; }

.__MobilePhotoViewer {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000; }
  .__MobilePhotoViewer .__Close {
    color: #fff;
    position: absolute;
    top: 1rem;
    right: 1rem; }
    .__MobilePhotoViewer .__Close i {
      font-size: 18px; }

.MobileHeader {
  display: flex;
  width: 100%;
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: 1px solid #e2e2e2;
  background: #fff;
  padding: 0.5rem;
  justify-content: space-between; }
  .MobileHeader span {
    display: flex;
    column-gap: 0.6rem;
    font-weight: 600;
    align-items: center; }

.__PhotoGridView {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 1rem;
  grid-gap: 1rem;
  position: relative; }
  .__PhotoGridView.Mobile {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    padding: 0; }
  .__PhotoGridView.Big {
    grid-template-columns: repeat(5, 1fr);
    width: 100%; }
  .__PhotoGridView .__Item {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 120px;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }
    .__PhotoGridView .__Item .__DetailsOptions {
      display: flex;
      padding: 0.6rem;
      justify-content: space-between; }
    .__PhotoGridView .__Item .__ItemDelete {
      position: absolute;
      top: 0.3rem;
      right: 0.3rem; }
      .__PhotoGridView .__Item .__ItemDelete span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        color: #fff;
        cursor: pointer;
        background: rgba(0, 0, 0, 0.6);
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px; }
    .__PhotoGridView .__Item img {
      width: 100%;
      height: 160px;
      object-fit: cover; }
    .__PhotoGridView .__Item.Add {
      transition: all 0.2s ease;
      cursor: pointer;
      font-weight: 600;
      font-size: 16px;
      background-color: #4158D0;
      background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      align-content: center;
      flex-direction: column;
      padding: 0 1rem;
      row-gap: 0.5rem;
      text-align: center; }
      .__PhotoGridView .__Item.Add:hover {
        filter: saturate(1.2); }
      .__PhotoGridView .__Item.Add i {
        font-size: 24px; }

.__PhotoUploadLoading {
  display: flex;
  border-bottom: 1px solid #eee;
  padding-bottom: 2rem;
  align-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: center; }
  .__PhotoUploadLoading.Hide {
    display: none; }

.__MobileLocation {
  column-gap: 1rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-top: 1rem; }
  .__MobileLocation .__Title {
    position: relative;
    display: flex;
    padding: 1rem;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    font-size: 16px; }
    .__MobileLocation .__Title .__Form {
      position: absolute;
      width: 1px;
      height: 1px;
      top: 0;
      right: 0;
      overflow: hidden; }
  .__MobileLocation .__Person {
    display: flex;
    padding: 1rem;
    column-gap: 1rem; }
    .__MobileLocation .__Person span:nth-child(2) {
      flex: 1; }

.__MobileListView {
  display: flex;
  width: 100%;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-top: 1rem; }
  .__MobileListView .__Item {
    display: flex;
    width: 100%;
    padding: 1rem;
    justify-content: space-between; }
    .__MobileListView .__Item span:nth-child(1) {
      font-weight: 600; }

.__MobileGridView {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }
  .__MobileGridView .__Item {
    border-right: 1px solid #eee;
    display: flex;
    padding: 1rem;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem; }
    .__MobileGridView .__Item:last-child {
      border-right: 0; }
    .__MobileGridView .__Item span {
      font-weight: 600; }
    .__MobileGridView .__Item i {
      font-size: 32px; }

.AnbauteileLayout {
  display: flex;
  width: 100%;
  height: 600px;
  max-height: 600px;
  overflow: hidden; }
  @media screen and (max-width: 600px) {
    .AnbauteileLayout {
      height: unset;
      max-height: unset; } }
  .AnbauteileLayout .__Photos {
    overflow: auto;
    display: inline-block;
    width: 500px;
    background: #fff;
    scrollbar-width: thin; }
    .AnbauteileLayout .__Photos ._Title {
      background: #fff;
      position: sticky;
      top: 0;
      border-bottom: 1px solid #eee;
      display: inline-block;
      width: 100%;
      padding: 0.5rem 1rem;
      font-weight: 600;
      font-size: 18px; }
      .AnbauteileLayout .__Photos ._Title .__Form {
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 1px;
        overflow: hidden; }
  .AnbauteileLayout .__EditForm {
    display: inline-block;
    flex: 1;
    overflow: auto;
    scrollbar-width: thin; }
  .AnbauteileLayout .__Historie {
    border-right: 1px solid #e2e2e2;
    display: inline-block;
    width: 400px;
    overflow: auto;
    scrollbar-width: thin;
    background: #f9f9f9; }
    .AnbauteileLayout .__Historie ._Title {
      border-bottom: 1px solid #eee;
      display: inline-block;
      width: 100%;
      padding: 0.5rem 1rem;
      font-size: 18px;
      font-weight: 600; }
    .AnbauteileLayout .__Historie ul {
      margin: 0;
      padding: 1rem;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 1rem; }
      .AnbauteileLayout .__Historie ul li {
        list-style: none;
        width: 100%;
        padding: 1rem;
        background: #fff;
        box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.03);
        -moz-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.03);
        -webkit-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.03);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px; }
        .AnbauteileLayout .__Historie ul li .__TextView {
          display: flex;
          flex-wrap: wrap;
          column-gap: 0.3rem;
          row-gap: 0.3rem;
          width: 100%;
          padding-top: 0.5rem; }
        .AnbauteileLayout .__Historie ul li .DateTime {
          display: inline-block;
          background: #2e8cff;
          color: #fff;
          border-radius: 4px;
          -moz-border-radius: 4px;
          -webkit-border-radius: 4px;
          padding: 0.2rem 0.4rem;
          font-weight: 600;
          font-size: 11px; }

.UploadFileHolder {
  display: none;
  width: 100%;
  padding: 0.5rem;
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  background: #f2f2f2; }
  .UploadFileHolder.Mac {
    background: transparent;
    border-bottom: 0px;
    border-left: 0;
    padding: 1rem; }
  .UploadFileHolder .UploadFilesWidget {
    margin: 0 !important; }

.__DateienSelect {
  padding: 3rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  color: #666; }
  .__DateienSelect span {
    display: inline-block;
    padding-top: 2rem; }

.__PageSwitcher {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center; }
  .__PageSwitcher .__View {
    width: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.4rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 0.4rem; }
    .__PageSwitcher .__View.Five {
      grid-template-columns: repeat(5, 1fr); }
    .__PageSwitcher .__View.Four {
      grid-template-columns: repeat(4, 1fr); }
    .__PageSwitcher .__View.Two {
      grid-template-columns: repeat(2, 1fr); }
    .__PageSwitcher .__View .__Item {
      transition: all 0.2s ease;
      cursor: pointer;
      text-align: center;
      justify-content: center;
      color: #666;
      font-weight: 600;
      display: flex;
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px;
      padding: 0.3rem 0.8rem; }
      .__PageSwitcher .__View .__Item.Active {
        background: #2942fd;
        color: #fff;
        font-weight: 600;
        box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        -webkit-box-shadow: 0 0 0 0; }
      .__PageSwitcher .__View .__Item:hover {
        background: rgba(255, 255, 255, 0.05);
        box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); }

.__StepView {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 10; }
  .__StepView.Beta {
    position: relative;
    left: 0;
    bottom: 0; }

.__UpdateItems {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1.5rem; }
  .__UpdateItems .__Item {
    display: flex;
    column-gap: 2rem;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #fff;
    font-size: 16px; }
    .__UpdateItems .__Item .__TextView {
      font-weight: 400;
      font-size: 14px;
      display: flex;
      column-gap: 1rem;
      align-items: center; }
      .__UpdateItems .__Item .__TextView i {
        font-size: 24px; }

.StepContainer {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1rem;
  padding: 1rem; }
  .StepContainer .__Step {
    display: flex;
    align-items: flex-start;
    column-gap: 1rem;
    width: 100%; }
    .StepContainer .__Step .__Datum {
      display: inline-block;
      width: 120px; }
    .StepContainer .__Step .__Check {
      display: inline-block;
      width: 25px; }
      .StepContainer .__Step .__Check .form-check-input {
        background-color: #fff;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        width: 25px;
        height: 25px; }
        .StepContainer .__Step .__Check .form-check-input:checked {
          box-shadow: 0 0 0px 3px #c8e6c9;
          -moz-box-shadow: 0 0 0px 3px #c8e6c9;
          -webkit-box-shadow: 0 0 0px 3px #c8e6c9;
          border: 1px solid #e2e2e2;
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%232E7D32' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e"); }
    .StepContainer .__Step .__Info {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .StepContainer .__Step .__Info span {
        outline: none; }
        .StepContainer .__Step .__Info span[placeholder]:empty::before {
          content: attr(placeholder);
          color: #ccc; }

.__InfoTableHolder {
  display: flex;
  flex-direction: column;
  flex: 1; }
  .__InfoTableHolder span {
    outline: none; }
    .__InfoTableHolder span[placeholder]:empty::before {
      content: attr(placeholder);
      color: #ccc; }

.qs_content {
  background: #fff !important; }

.qs_title_bar {
  font-weight: 500 !important;
  font-size: 14px !important;
  padding: 0.5rem 1rem !important;
  background: #fff !important;
  border-bottom: 1px solid #eee !important; }

.qs_text_input {
  border: 1px solid #ccc !important;
  border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important; }

.qs_label {
  display: none !important; }

.qs_container {
  background: #fff !important; }

.qs_main {
  display: inline-block;
  overflow: hidden;
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2) !important;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2) !important;
  border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important; }

.ItemGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); }
  .ItemGrid .__Item {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 0.5rem;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center !important;
    text-align: center;
    justify-content: center;
    color: #666; }
    .ItemGrid .__Item:hover {
      cursor: pointer;
      background: #fff;
      border: 1px solid rgba(0, 0, 0, 0.05); }
    .ItemGrid .__Item img {
      width: 32px !important; }
    .ItemGrid .__Item b {
      font-size: 13px; }

.WorkStep {
  display: flex;
  width: 120px;
  height: 20px;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  background: rgba(226, 226, 226, 0.5);
  backdrop-filter: blur(20px);
  overflow: hidden; }
  .WorkStep .__Step {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 0%;
    background: #1ac636;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    background: linear-gradient(90deg, #ffa399 0%, #ff4d97 100%); }
    .WorkStep .__Step:after {
      right: 3px;
      top: 3px;
      position: absolute;
      width: 14px;
      height: 14px;
      background: #fff;
      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px;
      content: ""; }

.TimelineLayout {
  display: flex;
  width: 100%;
  background: #fff;
  height: 100%; }

.__ImageViewerLayout {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  z-index: 1000; }
  .__ImageViewerLayout .__Next {
    position: absolute;
    left: 20px;
    top: 50%;
    color: #fff;
    z-index: 200; }
    .__ImageViewerLayout .__Next.Prev {
      right: 20px;
      left: auto; }
    .__ImageViewerLayout .__Next i {
      cursor: pointer;
      font-size: 36px; }
  .__ImageViewerLayout .__Close {
    position: absolute;
    z-index: 10000;
    right: 10px;
    top: 10px; }
    .__ImageViewerLayout .__Close .__CloseButton {
      cursor: pointer;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.5);
      background: rgba(0, 0, 0, 0.7);
      backdrop-filter: blur(20px); }
      .__ImageViewerLayout .__Close .__CloseButton i {
        font-size: 18px; }
  .__ImageViewerLayout .__InnerView {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative; }
    .__ImageViewerLayout .__InnerView .__ImageViewer {
      overflow: hidden;
      display: flex;
      width: 100%;
      height: 100%;
      backdrop-filter: blur(30px);
      background: #000;
      box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.5); }
      .__ImageViewerLayout .__InnerView .__ImageViewer .__ImageView {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: grab;
        transform-origin: 0px 0px;
        transform: scale(1) translate(0px, 0px); }
        .__ImageViewerLayout .__InnerView .__ImageViewer .__ImageView img {
          height: 100%;
          max-width: 100%;
          max-height: 100%; }
      .__ImageViewerLayout .__InnerView .__ImageViewer .__TextView {
        right: 20px;
        left: 20px;
        bottom: 20px;
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(20px);
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        display: flex;
        width: 600px;
        height: 40px;
        border-left: 1px solid #111; }
        .__ImageViewerLayout .__InnerView .__ImageViewer .__TextView span {
          display: flex; }
          .__ImageViewerLayout .__InnerView .__ImageViewer .__TextView span:nth-child(1) {
            flex: 1; }
          .__ImageViewerLayout .__InnerView .__ImageViewer .__TextView span:nth-child(2), .__ImageViewerLayout .__InnerView .__ImageViewer .__TextView span:nth-child(3) {
            padding: 0.3rem; }
            .__ImageViewerLayout .__InnerView .__ImageViewer .__TextView span:nth-child(2) .btn--sm, .__ImageViewerLayout .__InnerView .__ImageViewer .__TextView span:nth-child(3) .btn--sm {
              padding-top: 5px; }
          .__ImageViewerLayout .__InnerView .__ImageViewer .__TextView span:nth-child(3) {
            padding-left: 0; }
        .__ImageViewerLayout .__InnerView .__ImageViewer .__TextView input {
          padding-left: 1.5rem;
          outline: none;
          width: 100%;
          background: transparent;
          color: #fff;
          border: 0;
          font-size: 16px; }

.TraktorItemSingle {
  display: inline-flex;
  gap: 1rem;
  align-items: center; }
  .TraktorItemSingle .__TextView {
    font-size: 18px;
    font-weight: 600; }
  .TraktorItemSingle .__ImageView {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    overflow: hidden;
    background: #e2e2e2; }
    .TraktorItemSingle .__ImageView img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.TraktorItem {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }
  .TraktorItem .__TextView {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    font-weight: 600;
    font-size: 18px;
    background: #000;
    background: linear-gradient(0deg, black 0%, transparent 100%);
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 1rem 1.5rem; }
    .TraktorItem .__TextView .VioletInfo {
      backdrop-filter: blur(20px);
      color: #fff;
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px;
      background: rgba(0, 0, 0, 0.2);
      font-weight: 600;
      font-size: 11px; }
    .TraktorItem .__TextView span {
      width: 100%; }
      .TraktorItem .__TextView span:nth-child(2) {
        margin-top: 0.4rem; }
  .TraktorItem .__ImageView {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%; }
    .TraktorItem .__ImageView .__Count {
      position: absolute;
      right: 10px;
      top: 10px; }
      .TraktorItem .__ImageView .__Count .__Text {
        display: inline-block;
        padding: 0.1rem 0.4rem;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        backdrop-filter: blur(20px);
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
        font-weight: 600;
        font-size: 11px; }
    .TraktorItem .__ImageView img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

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

.swiper-slide {
  display: flex; }

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.vis-time-axis {
  overflow: hidden;
  position: relative; }

.vis-time-axis.vis-foreground {
  left: 0;
  top: 0;
  width: 100%;
  background: #111;
  color: #fff; }

.vis-time-axis.vis-background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.vis-time-axis .vis-text {
  box-sizing: border-box;
  color: #999 !important;
  overflow: hidden;
  padding: 3px;
  position: absolute;
  white-space: nowrap; }

.vis-time-axis .vis-text.vis-measure {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  visibility: hidden; }

.vis-time-axis .vis-grid.vis-vertical {
  border-left: 1px solid;
  position: absolute; }

.vis-time-axis .vis-grid.vis-vertical-rtl {
  border-right: 1px solid;
  position: absolute; }

.vis-time-axis .vis-grid.vis-minor {
  border-color: #161616 !important; }

.vis-time-axis .vis-grid.vis-major {
  border-color: #222222 !important; }

.vis .overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10; }

.vis-active {
  box-shadow: 0 0 10px #86d5f8; }

.vis-custom-time {
  background-color: #6e94ff;
  cursor: move;
  width: 2px;
  z-index: 1; }

.vis-custom-time > .vis-custom-time-marker {
  background-color: inherit;
  color: #fff;
  cursor: auto;
  font-size: 12px;
  padding: 3px 5px;
  top: 0;
  white-space: nowrap;
  z-index: inherit; }

.vis-current-time {
  background-color: #ff7f6e;
  pointer-events: none;
  width: 2px;
  z-index: 1; }

.vis-rolling-mode-btn {
  background: #3876c2;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 28px;
  font-weight: 700;
  height: 40px;
  opacity: .8;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 7px;
  width: 40px; }

.vis-rolling-mode-btn:before {
  content: "⛶"; }

.vis-rolling-mode-btn:hover {
  opacity: 1; }

.vis-panel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: absolute; }

.vis-panel.vis-bottom, .vis-panel.vis-center, .vis-panel.vis-left, .vis-panel.vis-right, .vis-panel.vis-top {
  border: 1px #bfbfbf; }

.vis-panel.vis-center, .vis-panel.vis-left, .vis-panel.vis-right {
  border-bottom-style: solid;
  border-top-style: solid;
  overflow: hidden; }

.vis-left.vis-panel.vis-vertical-scroll, .vis-right.vis-panel.vis-vertical-scroll {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll; }

.vis-left.vis-panel.vis-vertical-scroll {
  direction: rtl; }

.vis-left.vis-panel.vis-vertical-scroll .vis-content, .vis-right.vis-panel.vis-vertical-scroll {
  direction: ltr; }

.vis-right.vis-panel.vis-vertical-scroll .vis-content {
  direction: rtl; }

.vis-panel.vis-bottom, .vis-panel.vis-center, .vis-panel.vis-top {
  border-left-style: solid;
  border-right-style: solid;
  border-color: #222222 !important; }

.vis-background {
  overflow: hidden; }

.vis-panel > .vis-content {
  position: relative; }

.vis-panel .vis-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  height: 1px;
  position: absolute;
  width: 100%; }

.vis-panel .vis-shadow.vis-top {
  left: 0;
  top: -1px; }

.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0; }

.vis-graph-group0 {
  fill: #4f81bd;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #4f81bd; }

.vis-graph-group1 {
  fill: #f79646;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f79646; }

.vis-graph-group2 {
  fill: #8c51cf;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8c51cf; }

.vis-graph-group3 {
  fill: #75c841;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #75c841; }

.vis-graph-group4 {
  fill: #ff0100;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff0100; }

.vis-graph-group5 {
  fill: #37d8e6;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #37d8e6; }

.vis-graph-group6 {
  fill: #042662;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #042662; }

.vis-graph-group7 {
  fill: #00ff26;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #00ff26; }

.vis-graph-group8 {
  fill: #f0f;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f0f; }

.vis-graph-group9 {
  fill: #8f3938;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8f3938; }

.vis-timeline .vis-fill {
  fill-opacity: .1;
  stroke: none; }

.vis-timeline .vis-bar {
  fill-opacity: .5;
  stroke-width: 1px; }

.vis-timeline .vis-point {
  stroke-width: 2px;
  fill-opacity: 1; }

.vis-timeline .vis-legend-background {
  stroke-width: 1px;
  fill-opacity: .9;
  fill: #fff;
  stroke: #c2c2c2; }

.vis-timeline .vis-outline {
  stroke-width: 1px;
  fill-opacity: 1;
  fill: #fff;
  stroke: #e5e5e5; }

.vis-timeline .vis-icon-fill {
  fill-opacity: .3;
  stroke: none; }

.vis-timeline {
  border: 0 !important;
  box-sizing: border-box;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  background: #000; }

.vis-loading-screen {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.vis [class*=span] {
  min-height: 0;
  width: auto; }

.vis-item {
  background-color: #d5ddf6;
  border-color: #333 !important;
  border-width: 1px;
  color: #1a1a1a;
  display: inline-block;
  position: absolute;
  z-index: 1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.vis-item.vis-selected {
  background-color: #02f5ff !important;
  background-image: radial-gradient(circle farthest-corner at 10% 20%, #ff5ef7 17.8%, #02f5ff 100.2%) !important;
  border-color: #02f5ff !important;
  z-index: 2; }

.vis-editable.vis-selected {
  cursor: move; }

.vis-item.vis-point.vis-selected {
  background-color: #02f5ff !important; }

.TimelineItem {
  display: inline-block;
  width: 200px;
  height: 200px;
  background: #fff; }

.vis-item.vis-box {
  border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  border-style: solid;
  text-align: center;
  border: 1px solid #222 !important;
  color: #fff;
  background: #111; }

.vis-item.vis-point {
  background: none; }

.vis-item.vis-dot {
  border-radius: 4px;
  border-style: solid;
  border-width: 4px;
  padding: 0;
  position: absolute; }

.vis-item.vis-range {
  border-radius: 2px;
  border-style: solid;
  box-sizing: border-box; }

.vis-item.vis-background {
  background-color: rgba(213, 221, 246, 0.4);
  border: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

.vis-item .vis-item-overflow {
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%; }

.vis-item-visible-frame {
  white-space: nowrap; }

.vis-item.vis-range .vis-item-content {
  display: inline-block;
  position: relative; }

.vis-item.vis-background .vis-item-content {
  display: inline-block;
  position: absolute; }

.vis-item.vis-line {
  border-left-style: solid;
  border-left-width: 1px;
  border-color: #222;
  padding: 0;
  position: absolute;
  width: 0; }

.vis-item .vis-item-content {
  box-sizing: border-box;
  padding: 2px;
  white-space: nowrap; }
  .vis-item .vis-item-content div {
    background: #111 !important;
    width: 220px;
    height: 200px;
    position: relative;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden; }
    .vis-item .vis-item-content div abbr {
      font-weight: 600;
      font-size: 16px;
      background: linear-gradient(0deg, black 0%, transparent 80%);
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding: 0.5rem;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      text-align: left; }
    .vis-item .vis-item-content div b {
      position: absolute;
      right: 6px;
      top: 6px; }
      .vis-item .vis-item-content div b span {
        display: inline-block;
        background: rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(10px);
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        padding: 0.1rem 0.5rem; }
    .vis-item .vis-item-content div img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.vis-item .vis-onUpdateTime-tooltip {
  background: #4f81bd;
  border-radius: 1px;
  color: #fff;
  padding: 5px;
  position: absolute;
  text-align: center;
  transition: .4s;
  -o-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  white-space: nowrap;
  width: 200px; }

.vis-item .vis-delete, .vis-item .vis-delete-rtl {
  box-sizing: border-box;
  cursor: pointer;
  height: 24px;
  padding: 0 5px;
  position: absolute;
  top: 0;
  -webkit-transition: background .2s linear;
  -moz-transition: background .2s linear;
  -ms-transition: background .2s linear;
  -o-transition: background .2s linear;
  transition: background .2s linear;
  width: 24px; }

.vis-item .vis-delete {
  right: -24px; }

.vis-item .vis-delete-rtl {
  left: -24px; }

.vis-item .vis-delete-rtl:after, .vis-item .vis-delete:after {
  color: red;
  content: "\00D7";
  font-family: arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  -webkit-transition: color .2s linear;
  -moz-transition: color .2s linear;
  -ms-transition: color .2s linear;
  -o-transition: color .2s linear;
  transition: color 0.2s linear; }

.vis-item .vis-delete-rtl:hover, .vis-item .vis-delete:hover {
  background: red; }

.vis-item .vis-delete-rtl:hover:after, .vis-item .vis-delete:hover:after {
  color: #fff; }

.vis-item .vis-drag-center {
  cursor: move;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.vis-item.vis-range .vis-drag-left {
  cursor: w-resize;
  left: -4px; }

.vis-item.vis-range .vis-drag-left, .vis-item.vis-range .vis-drag-right {
  height: 100%;
  max-width: 20%;
  min-width: 2px;
  position: absolute;
  top: 0;
  width: 24px; }

.vis-item.vis-range .vis-drag-right {
  cursor: e-resize;
  right: -4px; }

.vis-range.vis-item.vis-readonly .vis-drag-left, .vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto; }

.vis-item.vis-cluster {
  border-radius: 2px;
  border-style: solid;
  text-align: center;
  vertical-align: center; }

.vis-item.vis-cluster-line {
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0;
  position: absolute;
  width: 0; }

.vis-item.vis-cluster-dot {
  border-radius: 4px;
  border-style: solid;
  border-width: 4px;
  padding: 0;
  position: absolute; }

div.vis-tooltip {
  background-color: #f5f4ed;
  border: 1px solid #808074;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  color: #000;
  font-family: verdana;
  font-size: 14px;
  padding: 5px;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
  z-index: 5; }

.vis-itemset {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative; }

.vis-itemset .vis-background, .vis-itemset .vis-foreground {
  height: 100%;
  overflow: visible;
  position: absolute;
  width: 100%; }

.vis-axis {
  height: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1; }

.vis-foreground .vis-group {
  border-bottom: 1px solid #bfbfbf;
  box-sizing: border-box;
  position: relative; }

.vis-foreground .vis-group:last-child {
  border-bottom: none; }

.vis-nesting-group {
  cursor: pointer; }

.vis-label.vis-nested-group.vis-group-level-unknown-but-gte1 {
  background: #f5f5f5; }

.vis-label.vis-nested-group.vis-group-level-0 {
  background-color: #fff; }

.vis-ltr .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-left: 0; }

.vis-rtl .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-right: 0; }

.vis-label.vis-nested-group.vis-group-level-1 {
  background-color: rgba(0, 0, 0, 0.05); }

.vis-ltr .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-left: 15px; }

.vis-rtl .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-right: 15px; }

.vis-label.vis-nested-group.vis-group-level-2 {
  background-color: rgba(0, 0, 0, 0.1); }

.vis-ltr .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-left: 30px; }

.vis-rtl .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-right: 30px; }

.vis-label.vis-nested-group.vis-group-level-3 {
  background-color: rgba(0, 0, 0, 0.15); }

.vis-ltr .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-left: 45px; }

.vis-rtl .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-right: 45px; }

.vis-label.vis-nested-group.vis-group-level-4 {
  background-color: rgba(0, 0, 0, 0.2); }

.vis-ltr .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-left: 60px; }

.vis-rtl .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-right: 60px; }

.vis-label.vis-nested-group.vis-group-level-5 {
  background-color: rgba(0, 0, 0, 0.25); }

.vis-ltr .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-left: 75px; }

.vis-rtl .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-right: 75px; }

.vis-label.vis-nested-group.vis-group-level-6 {
  background-color: rgba(0, 0, 0, 0.3); }

.vis-ltr .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-left: 90px; }

.vis-rtl .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-right: 90px; }

.vis-label.vis-nested-group.vis-group-level-7 {
  background-color: rgba(0, 0, 0, 0.35); }

.vis-ltr .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-left: 105px; }

.vis-rtl .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-right: 105px; }

.vis-label.vis-nested-group.vis-group-level-8 {
  background-color: rgba(0, 0, 0, 0.4); }

.vis-ltr .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-left: 120px; }

.vis-rtl .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-right: 120px; }

.vis-label.vis-nested-group.vis-group-level-9 {
  background-color: rgba(0, 0, 0, 0.45); }

.vis-ltr .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-left: 135px; }

.vis-rtl .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-right: 135px; }

.vis-label.vis-nested-group {
  background-color: rgba(0, 0, 0, 0.5); }

.vis-ltr .vis-label.vis-nested-group .vis-inner {
  padding-left: 150px; }

.vis-rtl .vis-label.vis-nested-group .vis-inner {
  padding-right: 150px; }

.vis-group-level-unknown-but-gte1 {
  border: 1px solid red; }

.vis-label.vis-nesting-group:before {
  display: inline-block;
  width: 15px; }

.vis-label.vis-nesting-group.expanded:before {
  content: "▼"; }

.vis-label.vis-nesting-group.collapsed:before {
  content: "▶"; }

.vis-rtl .vis-label.vis-nesting-group.collapsed:before {
  content: "◀"; }

.vis-ltr .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-left: 15px; }

.vis-rtl .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-right: 15px; }

.vis-overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10; }

.vis-labelset {
  overflow: hidden; }

.vis-labelset, .vis-labelset .vis-label {
  box-sizing: border-box;
  position: relative; }

.vis-labelset .vis-label {
  border-bottom: 1px solid #bfbfbf;
  color: #4d4d4d;
  left: 0;
  top: 0;
  width: 100%; }

.vis-labelset .vis-label.draggable {
  cursor: pointer; }

.vis-group-is-dragging {
  background: rgba(0, 0, 0, 0.1); }

.vis-labelset .vis-label:last-child {
  border-bottom: none; }

.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px; }

.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0; }

div.vis-configuration {
  display: block;
  float: left;
  font-size: 12px;
  position: relative; }

div.vis-configuration-wrapper {
  display: block;
  width: 700px; }

div.vis-configuration-wrapper:after {
  clear: both;
  content: "";
  display: block; }

div.vis-configuration.vis-config-option-container {
  background-color: #fff;
  border: 2px solid #f7f8fa;
  border-radius: 4px;
  display: block;
  left: 10px;
  margin-top: 20px;
  padding-left: 5px;
  width: 495px; }

div.vis-configuration.vis-config-button {
  background-color: #f7f8fa;
  border: 2px solid #ceced0;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  height: 25px;
  left: 10px;
  line-height: 25px;
  margin-bottom: 30px;
  margin-top: 20px;
  padding-left: 5px;
  vertical-align: middle;
  width: 495px; }

div.vis-configuration.vis-config-button.hover {
  background-color: #4588e6;
  border: 2px solid #214373;
  color: #fff; }

div.vis-configuration.vis-config-item {
  display: block;
  float: left;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  width: 495px; }

div.vis-configuration.vis-config-item.vis-config-s2 {
  background-color: #f7f8fa;
  border-radius: 3px;
  left: 10px;
  padding-left: 5px; }

div.vis-configuration.vis-config-item.vis-config-s3 {
  background-color: #e4e9f0;
  border-radius: 3px;
  left: 20px;
  padding-left: 5px; }

div.vis-configuration.vis-config-item.vis-config-s4 {
  background-color: #cfd8e6;
  border-radius: 3px;
  left: 30px;
  padding-left: 5px; }

div.vis-configuration.vis-config-header {
  font-size: 18px;
  font-weight: 700; }

div.vis-configuration.vis-config-label {
  height: 25px;
  line-height: 25px;
  width: 120px; }

div.vis-configuration.vis-config-label.vis-config-s3 {
  width: 110px; }

div.vis-configuration.vis-config-label.vis-config-s4 {
  width: 100px; }

div.vis-configuration.vis-config-colorBlock {
  border: 1px solid #444;
  border-radius: 2px;
  cursor: pointer;
  height: 19px;
  margin: 0;
  padding: 0;
  top: 1px;
  width: 30px; }

input.vis-configuration.vis-config-checkbox {
  left: -5px; }

input.vis-configuration.vis-config-rangeinput {
  margin: 0;
  padding: 1px;
  pointer-events: none;
  position: relative;
  top: -5px;
  width: 60px; }

input.vis-configuration.vis-config-range {
  -webkit-appearance: none;
  background-color: transparent;
  border: 0 solid #fff;
  height: 20px;
  width: 300px; }

input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
  background: #dedede;
  background: -moz-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(99%, #c8c8c8));
  background: -webkit-linear-gradient(top, #dedede, #c8c8c8 99%);
  background: -o-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -ms-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: linear-gradient(180deg, #dedede 0, #c8c8c8 99%);
  border: 1px solid #999;
  border-radius: 3px;
  box-shadow: 0 0 3px 0 #aaa;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dedede", endColorstr="#c8c8c8", GradientType=0);
  height: 5px;
  width: 300px; }

input.vis-configuration.vis-config-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #3876c2;
  background: -moz-linear-gradient(top, #3876c2 0, #385380 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3876c2), color-stop(100%, #385380));
  background: -webkit-linear-gradient(top, #3876c2, #385380);
  background: -o-linear-gradient(top, #3876c2 0, #385380 100%);
  background: -ms-linear-gradient(top, #3876c2 0, #385380 100%);
  background: linear-gradient(180deg, #3876c2 0, #385380);
  border: 1px solid #14334b;
  border-radius: 50%;
  box-shadow: 0 0 1px 0 #111927;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3876c2", endColorstr="#385380", GradientType=0);
  height: 17px;
  margin-top: -7px;
  width: 17px; }

input.vis-configuration.vis-config-range:focus {
  outline: none; }

input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
  background: #9d9d9d;
  background: -moz-linear-gradient(top, #9d9d9d 0, #c8c8c8 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9d9d9d), color-stop(99%, #c8c8c8));
  background: -webkit-linear-gradient(top, #9d9d9d, #c8c8c8 99%);
  background: -o-linear-gradient(top, #9d9d9d 0, #c8c8c8 99%);
  background: -ms-linear-gradient(top, #9d9d9d 0, #c8c8c8 99%);
  background: linear-gradient(180deg, #9d9d9d 0, #c8c8c8 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9d9d9d", endColorstr="#c8c8c8", GradientType=0); }

input.vis-configuration.vis-config-range::-moz-range-track {
  background: #dedede;
  background: -moz-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(99%, #c8c8c8));
  background: -webkit-linear-gradient(top, #dedede, #c8c8c8 99%);
  background: -o-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -ms-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: linear-gradient(180deg, #dedede 0, #c8c8c8 99%);
  border: 1px solid #999;
  border-radius: 3px;
  box-shadow: 0 0 3px 0 #aaa;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dedede", endColorstr="#c8c8c8", GradientType=0);
  height: 10px;
  width: 300px; }

input.vis-configuration.vis-config-range::-moz-range-thumb {
  background: #385380;
  border: none;
  border-radius: 50%;
  height: 16px;
  width: 16px; }

input.vis-configuration.vis-config-range:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px; }

input.vis-configuration.vis-config-range::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
  height: 5px;
  width: 300px; }

input.vis-configuration.vis-config-range::-ms-fill-lower {
  background: #777;
  border-radius: 10px; }

input.vis-configuration.vis-config-range::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px; }

input.vis-configuration.vis-config-range::-ms-thumb {
  background: #385380;
  border: none;
  border-radius: 50%;
  height: 16px;
  width: 16px; }

input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
  background: #888; }

input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
  background: #ccc; }

.vis-configuration-popup {
  background: rgba(57, 76, 89, 0.85);
  border: 2px solid #f2faff;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  width: 150px; }

.vis-configuration-popup:after, .vis-configuration-popup:before {
  border: solid transparent;
  content: " ";
  height: 0;
  left: 100%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 0; }

.vis-configuration-popup:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(57, 76, 89, 0.85);
  border-width: 8px;
  margin-top: -8px; }

.vis-configuration-popup:before {
  border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #f2faff;
  border-width: 12px;
  margin-top: -12px; }

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  border-bottom: 1px solid;
  height: 0;
  position: absolute;
  width: 100%; }

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5; }

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf; }

.vis-data-axis .vis-y-axis.vis-major {
  color: #4d4d4d;
  position: absolute;
  white-space: nowrap;
  width: 100%; }

.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  border: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
  width: auto; }

.vis-data-axis .vis-y-axis.vis-minor {
  color: #bebebe;
  position: absolute;
  white-space: nowrap;
  width: 100%; }

.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  border: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
  width: auto; }

.vis-data-axis .vis-y-axis.vis-title {
  bottom: 20px;
  color: #4d4d4d;
  position: absolute;
  text-align: center;
  white-space: nowrap; }

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  margin: 0;
  padding: 0;
  visibility: hidden;
  width: auto; }

.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left bottom; }

.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom; }

.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(153, 153, 153, 0.55);
  padding: 5px; }

.vis-legend-text {
  display: inline-block;
  white-space: nowrap; }

/*# sourceMappingURL=style_beta.css.map */