@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800&display=swap");
.Label {
  cursor: pointer;
  font-size: 11px;
  display: inline-block;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #f9f9f9;
  padding: 0.2rem 0.6rem; }
  .Label.Pink {
    background: #f8e3f9;
    color: #f838ff; }
  .Label.Blue {
    background: #e2ecf9;
    color: #2e8cff; }

input[type=submit] {
  border: 0;
  padding: 0.4rem 1rem;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  font-weight: 500;
  cursor: pointer; }
  input[type=submit].Blue {
    background: #2e8cff;
    color: #fff; }

.GrayButton {
  border: 0;
  padding: 0.4rem 1rem;
  background: #f9f9f9;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer; }

textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

input[type=text], input[type=password], input[type=email], textarea {
  display: block;
  border: 1px solid #cad2e0;
  padding: 12px 10px 12px 10px;
  background: #fff;
  color: #32373c;
  line-height: 1.3;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  transition: all 0.2s ease;
  margin: 0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-appearance: none; }
  input[type=text]:hover, input[type=text]:focus, input[type=password]:hover, input[type=password]:focus, input[type=email]:hover, input[type=email]:focus, textarea:hover, textarea:focus {
    border: 1px solid #4b64e8; }

select {
  -webkit-appearance: none;
  display: block;
  background-color: #fff;
  padding: 0px 20px 0px 7px !important;
  border: 1px solid #d6d6e1;
  border-bottom-color: #aaacb9;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  height: 27px;
  min-height: 27px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  font-size: 14px;
  background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%;
  background-size: 10px 10px; }
  select:hover, select:focus {
    border: 1px solid #4b64e8; }

.btn--block {
  display: block; }

.btn--block + .btn--block {
  margin-left: 0; }

.btn {
  display: inline-block;
  position: relative;
  padding: 10px 31px 11px;
  cursor: pointer;
  outline: 0;
  border: none;
  border-radius: 22px;
  background: transparent;
  transition: background .2s,color .2s;
  text-align: center;
  text-decoration: none;
  font-size: 14px !important;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.btn:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 22px;
  transition: border 0.1s ease-in-out; }

.btn + .btn {
  margin-left: 7px; }

.btn .b-link {
  border-radius: inherit; }

.btn.tooltip-no-js-wrap:hover > .tooltip {
  display: none !important; }

.btn:disabled > .tooltip, .btn.disabled > .tooltip {
  display: block; }

.btn--static .b-link {
  top: -1000px;
  right: -1000px;
  bottom: -1000px;
  left: -1000px; }

.btn--xsm {
  padding: 3px 15px 4px;
  border-radius: 12px;
  font-size: .929em;
  line-height: 1.308; }

.btn--xsm:before {
  border-radius: 11px; }

.btn--sm {
  padding: 7px 18px 6px;
  border-radius: 16px;
  font-size: 1em;
  line-height: 1.3572; }

.btn--sm:before {
  border-radius: 16px; }

.btn, .btn:hover {
  color: #fff; }

.btn > .icon-svg, .btn > .icon:hover, .btn > .icon-svg:hover {
  color: inherit; }

.btn--red {
  background: #f02139; }

.btn--red:hover, .btn--red:focus {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--red:active, .btn--red.active {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--orange {
  background: #ff8200; }

.btn--orange:hover, .btn--orange:focus {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--orange:active, .btn--orange.active {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--dorange {
  background: #ef5322; }

.btn--dorange:hover, .btn--dorange:focus {
  background: #ef5322 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--dorange:active, .btn--dorange.active {
  background: #ef5322 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--yellow {
  background: #fec309; }

.btn--yellow:hover, .btn--yellow:focus {
  background: #fec309 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--yellow:active, .btn--yellow.active {
  background: #fec309 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--greywhite {
  color: #000;
  background: #f9f9f9; }

.btn--greywhite:hover, .btn--greywhite:focus {
  color: #000;
  background: #fff linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--greywhite:active, .btn--greywhite.active {
  color: #000;
  background: #fff linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--grey {
  background: #738499; }

.btn--grey:hover, .btn--grey:focus {
  background: #738499 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--grey:active, .btn--grey.active {
  background: #738499 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--grass {
  background: #86c313; }

.btn--grass:hover, .btn--grass:focus {
  background: #86c313 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--grass:active, .btn--grass.active {
  background: #86c313 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--lime {
  background: #29cf29; }

.btn--lime:hover, .btn--lime:focus {
  background: #29cf29 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--lime:active, .btn--lime.active {
  background: #29cf29 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--green {
  background: #1ac636; }

.btn--green:hover, .btn--green:focus {
  background: #1ac636 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--green:active, .btn--green.active {
  background: #1ac636 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--aqua {
  background: #00caa8; }

.btn--aqua:hover, .btn--aqua:focus {
  background: #00caa8 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--aqua:active, .btn--aqua.active {
  background: #00caa8 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--sky {
  background: #28c4f6; }

.btn--sky:hover, .btn--sky:focus {
  background: #28c4f6 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--sky:active, .btn--sky.active {
  background: #28c4f6 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--dsky {
  background: #1eb2fc; }

.btn--dsky:hover, .btn--dsky:focus {
  background: #1eb2fc linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--dsky:active, .btn--dsky.active {
  background: #1eb2fc linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--lblue {
  background: #2b8cfc; }

.btn--lblue:hover, .btn--lblue:focus {
  background: #2b8cfc linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--lblue:active, .btn--lblue.active {
  background: #2b8cfc linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--blue {
  background: #2b65f8; }

.btn--blue:hover, .btn--blue:focus {
  background: #2b65f8 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--blue:active, .btn--blue.active, .btn--blue.loading {
  background: #2b65f8 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--dgrey {
  background: #9aa9c5; }

.btn--dgrey:hover, .btn--dgrey:focus {
  background: #9aa9c5 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--dgrey:active, .btn--dgrey.active {
  background: #9aa9c5 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--pink {
  background: #f55280; }

.btn--pink:hover, .btn--pink:focus {
  background: #f55280 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--pink:active, .btn--pink.active {
  background: #f55280 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--laguna {
  background: #2f75c1; }

.btn--laguna:hover, .btn--laguna:focus {
  background: #2f75c1 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--laguna:active, .btn--laguna.active {
  background: #2f75c1 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--vdgrey {
  background: #333844; }

.btn--vdgrey:hover, .btn--vdgrey:focus {
  background: #333844 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--vdgrey:active, .btn--vdgrey.active {
  background: #333844 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--aqua-blue {
  background: #08b5fd; }

.btn--aqua-blue:focus, .btn--aqua-blue:hover {
  background: #069fde; }

.btn--aqua-blue:active, .btn--aqua-blue.active {
  background: #0487bd; }

.btn--facebook {
  background: #3464d4; }

.btn--facebook:hover, .btn--facebook:focus {
  background: #3464d4 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--facebook:active, .btn--facebook.active {
  background: #3464d4 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--twitter {
  background: #1cacff; }

.btn--twitter:hover, .btn--twitter:focus {
  background: #1cacff linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--twitter:active, .btn--twitter.active {
  background: #1cacff linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--google {
  background: #dd4b39; }

.btn--google:hover, .btn--google:focus {
  background: #dd4b39 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--google:active, .btn--google.active {
  background: #dd4b39 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--instagram {
  background: #3674a9; }

.btn--instagram:hover, .btn--instagram:focus {
  background: #3674a9 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--instagram:active, .btn--instagram.active {
  background: #3674a9 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--linkedin {
  background: #006799; }

.btn--linkedin:hover, .btn--linkedin:focus {
  background: #006799 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--linkedin:active, .btn--linkedin.active {
  background: #006799 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--vk {
  background: #2c70b4; }

.btn--vk:hover, .btn--vk:focus {
  background: #2c70b4 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--vk:active, .btn--vk.active {
  background: #2c70b4 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--odnoklassniki {
  background: #f7882b; }

.btn--odnoklassniki:hover, .btn--odnoklassniki:focus {
  background: #f7882b linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--odnoklassniki:active, .btn--odnoklassniki.active {
  background: #f7882b linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--yandex {
  background: #ee3a2e; }

.btn--yandex:hover, .btn--yandex:focus {
  background: #ee3a2e linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--yandex:active, .btn--yandex.active {
  background: #ee3a2e linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--transparent {
  background: rgba(0, 0, 0, 0.5); }

.btn--transparent > .ico, .btn--transparent > .icon-svg {
  opacity: 0.8; }

.btn--transparent:hover, .btn--transparent:focus {
  background: rgba(0, 0, 0, 0.7); }

.btn--transparent:hover > .ico, .btn--transparent:focus > .ico, .btn--transparent.active > .ico, .btn--transparent:hover > .icon-svg, .btn--transparent:focus > .icon-svg, .btn--transparent.active > .icon-svg {
  opacity: 1; }

.btn--transparent:active {
  background: rgba(0, 0, 0, 0.9); }

.btn--glass:before {
  content: '';
  border: 2px solid rgba(255, 255, 255, 0.3); }

.btn--glass:hover:before {
  border-color: #fff; }

.btn--glass:active:before, .btn--glass.active:before {
  border-color: rgba(255, 255, 255, 0.3); }

.btn--white {
  background: #fff;
  color: #4d4d4d; }

.btn--white:before {
  content: '';
  border: 1px solid rgba(0, 0, 0, 0.1); }

.btn--white:hover, .btn--white:focus {
  color: #2b65f8; }

.btn--white:hover:before, .btn--white:focus:before {
  border-width: 2px;
  border-color: #2b65f8; }

.btn--white:active, .btn--white.active, .btn--white.loading {
  color: #2058c6; }

.btn--white:active:before, .btn--white.active:before, .btn--white.loading:before {
  border-width: 2px;
  border-color: #2058c6; }

.btn--gold {
  background: #fff;
  color: #4d4d4d; }

.btn--gold:before {
  content: '';
  border: 1px solid rgba(0, 0, 0, 0.1); }

.btn--gold:hover:before, .btn--gold:focus:before {
  border-width: 2px;
  border-color: #fec309; }

.btn--gold:active, .btn--gold.active, .btn--gold.loading {
  background: #fec309; }

.btn--gold:active:before, .btn--gold.active:before, .btn--gold.loading:before {
  border: none; }

.btn--gold.active:hover {
  background: #e4af08; }

.btn-normal {
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -webkit-border-radius: 6px !important; }
  .btn-normal:before {
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important; }

* {
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body {
  background: #000 url("../../@assets/img/bg.jpg?") center fixed no-repeat;
  background-size: cover;
  margin: 0; }

.__FileUploader {
  display: inline-block;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.CheckboxGridView {
  display: flex;
  column-gap: 0.5rem; }

label {
  display: flex;
  column-gap: 0.3rem;
  align-items: center;
  font-weight: 600; }

[type=checkbox], [type=radio] {
  width: 1rem;
  height: 1rem;
  color: dodgerblue;
  vertical-align: middle;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 50%;
  background-color: #FFFFFF;
  transition: background 300ms;
  cursor: pointer; }

[type=checkbox]::before, [type=radio]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8; }

[type=checkbox]:checked, [type=radio]:checked {
  background-color: currentcolor; }

[type=checkbox]:checked::before, [type=radio]:checked::before {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E"); }

[type=checkbox]:disabled, [type=radio]:disabled {
  background-color: #CCD3D8;
  opacity: 0.84;
  cursor: not-allowed; }

[type=checkbox]::-ms-check {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8; }

[type=checkbox]:checked::-ms-check {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E"); }

.loading {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  animation: spin 1.5s linear infinite;
  background: conic-gradient(from 46.16deg at 58.37% 50%, rgba(166, 177, 188, 0) -19.34deg, rgba(166, 177, 188, 0) 87.5deg, #A6B1BC 273.75deg, #A6B1BC 340.63deg, rgba(166, 177, 188, 0) 340.66deg, rgba(166, 177, 188, 0) 447.5deg); }

.loading::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 100%; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.fc .fc-daygrid-day.fc-day-today {
  backdrop-filter: blur(100px);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.fc .fc-daygrid-day-number {
  color: #fff; }

.fc .fc-col-header-cell-cushion {
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  padding: 0 0 2rem 0; }

.fc-h-event .fc-event-title-container {
  background: rgba(213, 0, 249, 0.1);
  background: linear-gradient(90deg, rgba(213, 0, 249, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  padding-left: 0.2rem;
  padding-right: 0.2rem; }

.fc-daygrid-block-event {
  border: 1px solid rgba(213, 0, 249, 0.5); }

.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px); }

.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px); }

.fc-daygrid-event {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(100px);
  color: #fff;
  cursor: pointer;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px; }

.fc-liquid-hack td, .fc-liquid-hack th {
  border: 0; }

.fc .fc-scrollgrid-liquid {
  border: 0; }

.fc .fc-toolbar-title {
  color: #fff !important; }

#calendar {
  width: 100%;
  padding: 1.5rem; }

.StatusColor {
  display: inline-block;
  padding: 0.3rem;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #f2f2f2; }
  .StatusColor.Green {
    background: #E8F5E9; }
    .StatusColor.Green select {
      border: 1px solid #9CCC65 !important; }
  .StatusColor.Red {
    background: #FFEBEE; }
    .StatusColor.Red select {
      border: 1px solid #EF5350 !important; }

.itQuelleModal .__View .__Close .__CloseButton {
  width: 30px !important;
  height: 30px !important; }

.itQuelleModal .__View .__Close {
  top: 10px !important;
  right: 10px !important; }

.itQuelleModal .__View .__ViewContent {
  display: flex !important;
  flex-direction: column !important; }

.EmailPreview {
  display: flex;
  width: 100%;
  height: 100%; }
  .EmailPreview .__Options {
    display: inline-block;
    width: 50%;
    padding: 2rem; }
    .EmailPreview .__Options.Full {
      width: 100%; }
    .EmailPreview .__Options .__OptionsItems {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 1rem; }
      .EmailPreview .__Options .__OptionsItems .__Item {
        display: inline-block;
        width: 100%; }
        .EmailPreview .__Options .__OptionsItems .__Item .__Field {
          display: inline-block;
          width: 100%;
          padding-top: 0.4rem; }
        .EmailPreview .__Options .__OptionsItems .__Item .__Text {
          width: 100%;
          display: inline-block;
          font-weight: 600;
          font-size: 14px; }
        .EmailPreview .__Options .__OptionsItems .__Item input[type=text] {
          width: 100%; }
  .EmailPreview .__Preview {
    display: inline-block;
    width: 50%;
    border-left: 1px solid #eee; }

.Toasty {
  z-index: 100000;
  position: fixed;
  bottom: 20px;
  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; }

.ModalContentInfo {
  display: inline-block;
  width: 100%;
  padding: 0.6rem 1.5rem;
  border-bottom: 1px solid #eee; }

.ModalContent {
  flex: 1;
  overflow: auto;
  display: inline-block;
  width: 100%;
  padding: 1.5rem;
  font-size: 14px; }

.ModalTitle {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
  padding: 1rem 1.5rem;
  font-weight: 600;
  font-size: 14px; }

.GastListItems {
  display: flex;
  width: 100%;
  height: calc(100% - 54px - 60px);
  background: #fff; }
  .GastListItems .__Items {
    height: 100%;
    display: inline-block;
    width: 100%; }
    .GastListItems .__Items.Split {
      border-right: 1px solid #eee; }
    .GastListItems .__Items .__ItemContent {
      width: 100%;
      height: calc(100% - 50px);
      display: inline-block;
      overflow: auto; }
      .GastListItems .__Items .__ItemContent.Padding {
        padding: 1rem 0; }
      .GastListItems .__Items .__ItemContent .__ItemInfo {
        display: inline-block;
        width: 100%;
        padding: 0 1.5rem 1rem; }
      .GastListItems .__Items .__ItemContent .__ItemHolders {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        padding: 0 1.5rem;
        grid-gap: 0.6rem; }
        .GastListItems .__Items .__ItemContent .__ItemHolders .__Item {
          display: flex;
          align-items: center;
          justify-content: space-between;
          column-gap: 1rem;
          width: 100%; }
          .GastListItems .__Items .__ItemContent .__ItemHolders .__Item .__ItemAdd {
            display: flex;
            justify-content: flex-end;
            width: 40px;
            color: #666; }
            .GastListItems .__Items .__ItemContent .__ItemHolders .__Item .__ItemAdd .__Add {
              border-radius: 100px;
              -moz-border-radius: 100px;
              -webkit-border-radius: 100px;
              background: #f9f9f9;
              color: #666;
              display: flex;
              align-items: center;
              justify-content: center;
              width: 30px;
              height: 30px; }
              .GastListItems .__Items .__ItemContent .__ItemHolders .__Item .__ItemAdd .__Add.Red {
                background: #FF1744;
                color: #fff; }
                .GastListItems .__Items .__ItemContent .__ItemHolders .__Item .__ItemAdd .__Add.Red:hover {
                  background: #FF1744; }
              .GastListItems .__Items .__ItemContent .__ItemHolders .__Item .__ItemAdd .__Add.Green {
                background: #00C853;
                color: #fff; }
                .GastListItems .__Items .__ItemContent .__ItemHolders .__Item .__ItemAdd .__Add.Green:hover {
                  background: #00C853; }
              .GastListItems .__Items .__ItemContent .__ItemHolders .__Item .__ItemAdd .__Add:hover {
                background: #f2f2f2;
                cursor: pointer; }
          .GastListItems .__Items .__ItemContent .__ItemHolders .__Item .__ItemName {
            flex: 4;
            display: inline-block;
            color: #666;
            font-size: 11px; }
            .GastListItems .__Items .__ItemContent .__ItemHolders .__Item .__ItemName b {
              color: #000;
              font-weight: 500;
              font-size: 14px; }
          .GastListItems .__Items .__ItemContent .__ItemHolders .__Item .__ItemImageView {
            overflow: hidden;
            display: flex;
            width: 40px;
            height: 40px;
            background: #f9f9f9;
            border-radius: 100px;
            -moz-border-radius: 100px;
            -webkit-border-radius: 100px; }
            .GastListItems .__Items .__ItemContent .__ItemHolders .__Item .__ItemImageView img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
      .GastListItems .__Items .__ItemContent .__Search {
        position: relative;
        padding: 1rem 1.5rem;
        display: inline-block;
        width: 100%; }
        .GastListItems .__Items .__ItemContent .__Search .__Loading {
          display: none;
          position: absolute;
          right: 35px;
          top: 28px; }
        .GastListItems .__Items .__ItemContent .__Search input {
          width: 100%; }
    .GastListItems .__Items .__TitleBar {
      display: inline-block;
      width: 100%;
      border-bottom: 1px solid #eee;
      padding: 1rem 1.5rem;
      font-size: 14px;
      font-weight: 500; }

.LoginLayout {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }
  .LoginLayout .__View {
    display: flex;
    flex-direction: column;
    width: 350px;
    background: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
    .LoginLayout .__View .__Content {
      flex: 1;
      padding: 2rem; }
      .LoginLayout .__View .__Content .__InputForm {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        grid-gap: 1rem; }
        .LoginLayout .__View .__Content .__InputForm .__Item {
          display: inline-block;
          width: 100%; }
          .LoginLayout .__View .__Content .__InputForm .__Item .__Name {
            display: inline-block;
            padding-bottom: 0.5rem;
            font-weight: 600; }
          .LoginLayout .__View .__Content .__InputForm .__Item input {
            width: 100%; }
    .LoginLayout .__View .__Button {
      display: flex;
      justify-content: flex-end;
      width: 100%;
      padding: 1rem 1rem; }
    .LoginLayout .__View .__Logo {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #eee;
      height: 60px;
      column-gap: 1rem;
      font-weight: 600; }

#PageLayout {
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100%; }

.PageLayout {
  display: flex;
  width: 100%;
  min-height: 100%;
  height: 100vh; }
  .PageLayout .View {
    display: flex;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(0px); }

b {
  font-weight: 600; }

.InputForm {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1rem; }
  .InputForm .ItemSplitter {
    display: flex;
    column-gap: 1rem; }
  .InputForm .Item {
    display: inline-block;
    width: 100%; }
    .InputForm .Item.TextRight {
      text-align: right; }
    .InputForm .Item span {
      display: inline-block;
      width: 100%; }
      .InputForm .Item span label {
        font-size: 14px; }
      .InputForm .Item span input[type=text] {
        width: 100%; }
      .InputForm .Item span:nth-child(1) {
        font-size: 14px; }
      .InputForm .Item span:nth-child(2) {
        padding-top: 0.5rem; }

.AcceptForm {
  display: flex;
  width: 100%;
  justify-content: center; }
  .AcceptForm .__Layout {
    display: inline-block;
    width: 400px; }
    @media screen and (max-width: 400px) {
      .AcceptForm .__Layout {
        width: 100%; } }
    .AcceptForm .__Layout .__LayoutContent {
      display: inline-block;
      width: 100%;
      padding-top: 1rem; }
    .AcceptForm .__Layout .__LayoutTitle {
      border-bottom: 1px solid #e2e2e2;
      padding: 1rem 0;
      display: inline-block;
      width: 100%;
      font-weight: 600; }

table.Smart {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }
  table.Smart tbody tr td {
    font-size: 14px;
    border-top: 1px solid #eee;
    padding: 0.6rem 1rem; }
  table.Smart thead tr th {
    text-align: left;
    cursor: pointer; }
    table.Smart thead tr th:hover {
      border-bottom: 1px solid #2e8cff; }
  table.Smart thead tr td, table.Smart thead tr th {
    position: relative;
    text-align: left;
    padding: 0.6rem 1rem;
    font-weight: 500;
    font-size: 14px; }
    table.Smart thead tr td.dir-u, table.Smart thead tr th.dir-u {
      font-weight: 600 !important;
      color: #2e8cff; }
      table.Smart thead tr td.dir-u::before, table.Smart thead tr th.dir-u::before {
        content: "\f106";
        font-family: "Line Awesome Free";
        right: 5px;
        position: absolute; }
    table.Smart thead tr td.dir-d, table.Smart thead tr th.dir-d {
      color: #2e8cff;
      font-weight: 600 !important; }
      table.Smart thead tr td.dir-d::before, table.Smart thead tr th.dir-d::before {
        content: "\f107";
        font-family: "Line Awesome Free";
        right: 5px;
        position: absolute; }

.CreateCustomer {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px); }
  .CreateCustomer .__View {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center; }
    .CreateCustomer .__View .__Content {
      display: flex;
      flex-direction: column;
      width: 400px;
      min-height: 300px;
      background: #fff;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      box-shadow: 0 0 100px 0px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 0 100px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 100px 0px rgba(0, 0, 0, 0.2); }
      .CreateCustomer .__View .__Content .__ButtonView {
        border-top: 1px solid #eee;
        padding: 1rem 1.5rem;
        text-align: right; }
      .CreateCustomer .__View .__Content .__ContentView {
        display: flex;
        flex: 1;
        padding: 1rem 1.5rem; }
        .CreateCustomer .__View .__Content .__ContentView .__Items {
          display: grid;
          grid-template-columns: repeat(1, 1fr);
          grid-gap: 1rem;
          width: 100%; }
          .CreateCustomer .__View .__Content .__ContentView .__Items .__Item {
            display: inline-block;
            width: 100%; }
            .CreateCustomer .__View .__Content .__ContentView .__Items .__Item span {
              display: inline-block;
              width: 100%; }
              .CreateCustomer .__View .__Content .__ContentView .__Items .__Item span input {
                width: 100%; }
              .CreateCustomer .__View .__Content .__ContentView .__Items .__Item span:nth-child(1) {
                font-weight: 500;
                font-size: 14px; }
              .CreateCustomer .__View .__Content .__ContentView .__Items .__Item span:nth-child(2) {
                padding-top: 0.5rem; }
      .CreateCustomer .__View .__Content .__ContentTitle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 1rem 1rem;
        border-bottom: 1px solid #eee;
        font-weight: 500;
        font-size: 18px; }
        .CreateCustomer .__View .__Content .__ContentTitle .__Close {
          display: inline-block;
          padding: 0.2rem 0.4rem;
          border-radius: 10px;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px; }
          .CreateCustomer .__View .__Content .__ContentTitle .__Close:hover {
            background: #f9f9f9; }
        .CreateCustomer .__View .__Content .__ContentTitle div:nth-child(1) {
          padding-left: 0.5rem; }

.UsersLayout {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0; }
  .UsersLayout .__Content {
    display: inline-block;
    width: 100%;
    padding: 1.5rem;
    height: calc(100% - 65px);
    overflow: hidden; }
  .UsersLayout .__Title {
    top: 0;
    z-index: 10;
    background: #fff;
    position: sticky;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #eee;
    font-weight: 500;
    font-size: 18px; }

.BaseLayout {
  padding: 1.5rem;
  display: inline-block;
  background: #fff;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-bottom: 4rem; }

.NoResults {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1rem; }

.CopyUrl {
  display: flex;
  column-gap: 1rem;
  font-weight: 600;
  align-items: center;
  width: 100%;
  padding-left: 1rem;
  margin-bottom: 2rem;
  background: #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05); }
  .CopyUrl input {
    flex: 1;
    border: 1px solid transparent; }

.__Photo {
  z-index: 100;
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  backdrop-filter: blur(20px);
  background: rgba(0, 0, 0, 0.9); }
  .__Photo .__Photo {
    display: flex;
    width: 100%;
    height: 100%; }
    .__Photo .__Photo img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .__Photo .__Close {
    z-index: 10000;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    color: #fff; }
    .__Photo .__Close i {
      font-size: 18px; }

.__UploadViewContent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  background: #f9f9f9;
  flex: 1;
  overflow: auto; }
  .__UploadViewContent .__PhotoContainer {
    display: inline-block;
    width: 100%;
    border-left: 1px solid #e2e2e2;
    height: 100%;
    overflow: scroll;
    scrollbar-width: thin; }
    .__UploadViewContent .__PhotoContainer .__ContainerTitle {
      position: sticky;
      top: 0;
      z-index: 10;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 1rem;
      border-bottom: 1px solid #e2e2e2;
      background: #fff;
      box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      font-weight: 600; }
    .__UploadViewContent .__PhotoContainer:nth-child(1) {
      border-left: 0; }
    .__UploadViewContent .__PhotoContainer .__ContainerContentView {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 1rem;
      padding: 1rem; }
      @media screen and (min-width: 2200px) {
        .__UploadViewContent .__PhotoContainer .__ContainerContentView {
          grid-template-columns: repeat(3, 1fr); } }
      @media screen and (min-width: 2800px) {
        .__UploadViewContent .__PhotoContainer .__ContainerContentView {
          grid-template-columns: repeat(4, 1fr); } }
      .__UploadViewContent .__PhotoContainer .__ContainerContentView .__Item {
        position: relative;
        display: inline-block;
        background: #fff;
        height: 200px;
        overflow: hidden;
        box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px; }
        .__UploadViewContent .__PhotoContainer .__ContainerContentView .__Item .VideoHolder {
          position: absolute;
          bottom: 10px;
          left: 10px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .__UploadViewContent .__PhotoContainer .__ContainerContentView .__Item .VideoHolder i {
            font-size: 18px !important;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            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; }
        .__UploadViewContent .__PhotoContainer .__ContainerContentView .__Item .__RemoveButton {
          position: absolute;
          right: 10px;
          top: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 26px;
          height: 26px;
          color: #fff;
          background: rgba(0, 0, 0, 0.5);
          backdrop-filter: blur(10px);
          border-radius: 100px;
          -moz-border-radius: 100px;
          -webkit-border-radius: 100px; }
        .__UploadViewContent .__PhotoContainer .__ContainerContentView .__Item.Add {
          display: flex;
          align-items: center;
          justify-content: center;
          border: 2px dashed #EA80FC;
          background: rgba(234, 128, 252, 0.05);
          background: linear-gradient(0deg, rgba(234, 128, 252, 0.05) 0%, white 100%);
          color: #EA80FC;
          align-items: center;
          text-align: center;
          justify-content: center;
          flex-direction: column;
          row-gap: 0.5rem;
          padding: 0 1.5rem;
          font-weight: 600; }
          .__UploadViewContent .__PhotoContainer .__ContainerContentView .__Item.Add:hover {
            cursor: pointer;
            border: 2px dashed #E040FB; }
          .__UploadViewContent .__PhotoContainer .__ContainerContentView .__Item.Add i {
            font-size: 24px; }
        .__UploadViewContent .__PhotoContainer .__ContainerContentView .__Item .__Checkbox {
          position: absolute;
          z-index: 10;
          top: 10px;
          left: 10px; }
        .__UploadViewContent .__PhotoContainer .__ContainerContentView .__Item img {
          width: 100%;
          height: 100%;
          object-fit: cover; }

.__PhotoViewerContainer {
  display: inline-block;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.__PhotoViewerTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
  padding: 1rem;
  font-weight: 600; }
  .__PhotoViewerTitle div:nth-child(2) {
    display: flex;
    column-gap: 1rem; }
    .__PhotoViewerTitle div:nth-child(2) .GreenInfo, .__PhotoViewerTitle div:nth-child(2) .BlueInfo, .__PhotoViewerTitle div:nth-child(2) .RedInfo {
      display: flex;
      align-items: center; }

.__PhotoViewer {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  padding: 1rem;
  grid-gap: 1rem; }
  .__PhotoViewer .__Item {
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
    display: flex;
    width: 100%;
    height: 180px;
    position: relative; }
    .__PhotoViewer .__Item.Add {
      border: 2px dashed #EA80FC;
      background: rgba(234, 128, 252, 0.05);
      background: linear-gradient(0deg, rgba(234, 128, 252, 0.05) 0%, white 100%);
      color: #EA80FC;
      align-items: center;
      text-align: center;
      justify-content: center;
      flex-direction: column;
      row-gap: 0.5rem;
      padding: 0 1.5rem;
      font-weight: 600; }
      .__PhotoViewer .__Item.Add:hover {
        cursor: pointer;
        border: 2px dashed #E040FB; }
      .__PhotoViewer .__Item.Add i {
        font-size: 24px; }
    .__PhotoViewer .__Item:hover img {
      filter: saturate(1.2) brightness(1.1); }
    .__PhotoViewer .__Item img {
      transition: all 0.2s ease;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .__PhotoViewer .__Item .__Checkbox {
      z-index: 100;
      position: absolute;
      left: 10px;
      top: 10px; }
    .__PhotoViewer .__Item .VideoHolder {
      position: absolute;
      left: 15px;
      bottom: 15px;
      display: flex;
      background: #2e8cff;
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px;
      padding: 0.2rem 1rem;
      color: #fff;
      font-weight: 600;
      font-size: 11px; }
    .__PhotoViewer .__Item .__RemoveButton {
      position: absolute;
      right: 10px;
      top: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      backdrop-filter: blur(20px);
      background: rgba(0, 0, 0, 0.2);
      color: #fff;
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px; }

.__StatistikItems {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0.5rem; }
  .__StatistikItems .__Item {
    display: inline-block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0.8rem 1rem; }
    .__StatistikItems .__Item.Green {
      background: linear-gradient(45deg, #e8f5e9 0%, white 100%);
      color: #00C853; }
    .__StatistikItems .__Item.Violet {
      background: linear-gradient(94deg, #ede7f6 0%, white 100%);
      color: #651FFF; }
    .__StatistikItems .__Item.Red {
      background: linear-gradient(45deg, #ffebee 0%, white 100%);
      color: #FF1744;
      border: 0px solid #FFCDD2; }
    .__StatistikItems .__Item span {
      display: inline-block;
      width: 100%; }
      .__StatistikItems .__Item span:nth-child(1) {
        font-size: 14px;
        font-weight: 300; }
      .__StatistikItems .__Item span:nth-child(2) {
        padding-top: 0.2rem;
        font-weight: 600;
        font-size: 20px; }

.__TabItems {
  display: flex;
  column-gap: 0.5rem;
  padding-bottom: 2rem; }
  .__TabItems .__Item {
    display: inline-block;
    padding: 0.4rem 1rem;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    background: #f2f2f2; }
    .__TabItems .__Item.active, .__TabItems .__Item:hover {
      cursor: pointer;
      background: #2e8cff;
      color: #fff;
      font-weight: 600; }

.__Alert {
  display: inline-block;
  width: 100%;
  background: #FFF8E1;
  color: #FF8F00;
  padding: 1rem;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  font-weight: 600;
  font-size: 11px; }
  .__Alert .Button {
    display: inline-block;
    margin-top: 0.5rem;
    background: #FF8F00;
    color: #fff;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 0.2rem 0.6rem;
    cursor: pointer; }

a {
  color: #2e8cff; }

.__PhotoItems {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  padding: 1rem;
  grid-gap: 0.5rem; }
  .__PhotoItems .__Item {
    display: flex;
    align-items: center;
    column-gap: 1rem; }
    .__PhotoItems .__Item .__ImageView {
      overflow: hidden;
      display: inline-block;
      width: 60px;
      height: 60px;
      background: #f9f9f9;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      .__PhotoItems .__Item .__ImageView img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .__PhotoItems .__Item .__TextView {
      flex: 1; }
      .__PhotoItems .__Item .__TextView span {
        font-size: 11px;
        font-weight: 400; }
    .__PhotoItems .__Item .__ButtonClicker {
      border: 0 !important;
      display: inline-block; }

.InfoLayout {
  display: flex;
  width: 100%;
  height: 100%;
  background: #f3f4f8; }
  .InfoLayout .__TableListener {
    display: inline-block;
    width: 100%;
    background: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05); }
  .InfoLayout .__TableView {
    overflow: auto;
    scrollbar-width: thin;
    flex: 1;
    padding: 2rem 0;
    display: flex;
    justify-content: center; }
    .InfoLayout .__TableView .__View {
      width: 1280px;
      display: inline-block; }
      .InfoLayout .__TableView .__View .__ContentChart {
        margin-bottom: 2rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        background: #fff;
        box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px; }
        .InfoLayout .__TableView .__View .__ContentChart .__TitleBar {
          display: inline-block;
          width: 100%;
          padding: 1rem;
          border-bottom: 1px solid #eee;
          font-weight: 600;
          font-size: 20px; }
        .InfoLayout .__TableView .__View .__ContentChart .__Info {
          width: 200px; }
        .InfoLayout .__TableView .__View .__ContentChart .__Chart {
          padding: 1rem;
          display: flex;
          width: 100%; }
          .InfoLayout .__TableView .__View .__ContentChart .__Chart .__Teilnahme {
            flex: 1; }
          .InfoLayout .__TableView .__View .__ContentChart .__Chart .__Email {
            flex: 1;
            border-left: 1px solid #e2e2e2; }
  .InfoLayout .__TaskMenu {
    overflow: auto;
    scrollbar-width: thin;
    background: #fff;
    display: inline-block;
    width: 300px;
    border-left: 1px solid #e2e2e2;
    padding: 1.5rem; }
    .InfoLayout .__TaskMenu .__EventTitle {
      display: inline-block;
      padding-bottom: 1rem;
      width: 100%;
      font-size: 24px;
      font-weight: 600; }
    .InfoLayout .__TaskMenu .__ClickItems {
      display: grid;
      grid-template-columns: repeat(1, 1fr); }
      .InfoLayout .__TaskMenu .__ClickItems a {
        text-decoration: none;
        color: inherit; }
      .InfoLayout .__TaskMenu .__ClickItems .__Item {
        align-items: center;
        display: flex;
        column-gap: 1rem;
        width: 100%;
        padding: 0.6rem 1rem;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        font-size: 14px; }
        .InfoLayout .__TaskMenu .__ClickItems .__Item i {
          font-size: 24px; }
        .InfoLayout .__TaskMenu .__ClickItems .__Item:hover {
          cursor: pointer;
          font-weight: 600;
          background: #f9f9f9; }
    .InfoLayout .__TaskMenu .__MiniTitle {
      padding-bottom: 1rem;
      display: inline-block;
      width: 100%;
      font-weight: 600;
      font-size: 11px; }
      .InfoLayout .__TaskMenu .__MiniTitle.Top {
        padding-top: 1rem; }

.FormLayout {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #f3f4f8;
  position: relative;
  overflow: auto; }
  .FormLayout .__BottomBar {
    position: absolute;
    width: 100%; }
  .FormLayout .__Content {
    background: #f3f4f8;
    position: relative;
    margin: 0 auto;
    display: inline-block;
    width: 1000px;
    padding: 1.5rem; }
    .FormLayout .__Content .__ContentTimer {
      display: inline-block;
      width: 100%; }
    .FormLayout .__Content .__EventDoneGallery {
      display: flex;
      column-gap: 2rem;
      align-items: center;
      width: 100%;
      background: #fff;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      margin-bottom: 2rem;
      padding: 1rem;
      font-weight: 600; }
      .FormLayout .__Content .__EventDoneGallery .__TextView {
        flex: 1;
        display: inline-block; }
      .FormLayout .__Content .__EventDoneGallery .__Button {
        display: inline-block; }
    .FormLayout .__Content .__ContentStats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      width: 100%;
      margin-bottom: 1rem;
      padding-bottom: 1rem;
      grid-gap: 1rem; }
      .FormLayout .__Content .__ContentStats .__Item {
        box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
        display: inline-block;
        background: #f2f2f2;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 1.5rem; }
        .FormLayout .__Content .__ContentStats .__Item:nth-child(1) {
          background: #FFEBEE;
          color: #FF1744;
          box-shadow: 0 2px 5px 0px rgba(255, 23, 68, 0.1);
          -webkit-box-shadow: 0 2px 5px 0px rgba(255, 23, 68, 0.1);
          -moz-box-shadow: 0 2px 5px 0px rgba(255, 23, 68, 0.1); }
        .FormLayout .__Content .__ContentStats .__Item:nth-child(2) {
          background: #EDE7F6;
          color: #651FFF;
          box-shadow: 0 2px 5px 0px rgba(101, 31, 255, 0.1);
          -webkit-box-shadow: 0 2px 5px 0px rgba(101, 31, 255, 0.1);
          -moz-box-shadow: 0 2px 5px 0px rgba(101, 31, 255, 0.1); }
        .FormLayout .__Content .__ContentStats .__Item:nth-child(3) {
          background: #E8F5E9;
          color: #00C853;
          box-shadow: 0 2px 5px 0px rgba(0, 200, 83, 0.1);
          -webkit-box-shadow: 0 2px 5px 0px rgba(0, 200, 83, 0.1);
          -moz-box-shadow: 0 2px 5px 0px rgba(0, 200, 83, 0.1); }
        .FormLayout .__Content .__ContentStats .__Item .__ItemDate {
          display: inline-block;
          width: 100%;
          font-size: 20px;
          font-weight: 300; }
        .FormLayout .__Content .__ContentStats .__Item .__ItemTitle {
          display: inline-block;
          width: 100%;
          font-size: 18px;
          font-weight: 600; }
    .FormLayout .__Content .__ContentChart {
      display: flex;
      flex-direction: column;
      width: 100%;
      background: #fff;
      box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      .FormLayout .__Content .__ContentChart .__TitleBar {
        display: inline-block;
        width: 100%;
        padding: 1rem;
        border-bottom: 1px solid #eee;
        font-weight: 600;
        font-size: 20px; }
      .FormLayout .__Content .__ContentChart .__Info {
        width: 200px; }
      .FormLayout .__Content .__ContentChart .__Chart {
        padding: 1rem;
        display: flex;
        width: 100%; }
        .FormLayout .__Content .__ContentChart .__Chart .__Teilnahme {
          flex: 1; }
        .FormLayout .__Content .__ContentChart .__Chart .__Email {
          flex: 1;
          border-left: 1px solid #e2e2e2; }
    .FormLayout .__Content .__ContentTable {
      display: inline-block;
      width: 100%;
      background: #fff;
      margin-top: 2rem;
      box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px; }
    @media screen and (max-width: 1400px) {
      .FormLayout .__Content {
        width: 100%; } }
    .FormLayout .__Content .CenterView {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 630px; }
      .FormLayout .__Content .CenterView .Text2 {
        display: inline-block;
        margin-top: 2rem;
        font-size: 18px;
        font-weight: 300; }
      .FormLayout .__Content .CenterView b {
        font-weight: 600;
        font-size: 24px; }
  .FormLayout .__Title {
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 1.5rem;
    font-weight: 500;
    font-size: 18px; }
    .FormLayout .__Title .__ItemTabs {
      display: flex;
      align-items: center;
      column-gap: 1rem; }
      .FormLayout .__Title .__ItemTabs .__Item {
        position: relative;
        padding: 1.5rem 0;
        border-bottom: 2px solid transparent;
        display: flex;
        font-size: 14px; }
        .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu {
          display: none;
          position: absolute;
          right: 0;
          top: 0px;
          z-index: 100000;
          padding: 1rem;
          background: #f9f9f9;
          border-radius: 10px;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px; }
          .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu .arrow_box {
            position: relative;
            background: #fff;
            display: inline-block;
            filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
            width: 400px;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px; }
            .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu .arrow_box .__Button {
              width: 100%;
              display: inline-block;
              border-top: 1px solid #e2e2e2;
              padding: 1rem; }
            .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu .arrow_box .__Info {
              display: inline-block;
              width: 100%;
              border-top: 1px solid #e2e2e2;
              padding: 1rem; }
            .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu .arrow_box .__Files {
              color: #000;
              overflow: auto;
              scrollbar-width: thin;
              max-height: 300px;
              padding: 1rem;
              display: flex;
              flex-direction: column;
              row-gap: 0.7rem;
              width: 100%; }
              .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu .arrow_box .__Files * {
                color: #000; }
              .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu .arrow_box .__Files .__FileItem {
                display: flex;
                column-gap: 1rem;
                width: 100%; }
                .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu .arrow_box .__Files .__FileItem .__Name {
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
                  flex: 1;
                  font-weight: 600; }
                .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu .arrow_box .__Files .__FileItem .__UploadStatus {
                  display: inline-block; }
                  .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu .arrow_box .__Files .__FileItem .__UploadStatus .UploadProgress {
                    overflow: hidden;
                    display: flex;
                    width: 100px;
                    height: 20px;
                    background: #f0f0f0;
                    border-radius: 100px;
                    -moz-border-radius: 100px;
                    -webkit-border-radius: 100px; }
                    .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu .arrow_box .__Files .__FileItem .__UploadStatus .UploadProgress span {
                      display: inline-block;
                      width: 0%;
                      background: #2e8cff;
                      height: 20px; }
            .FormLayout .__Title .__ItemTabs .__Item .__DropDownMenu .arrow_box .__TitleBar {
              padding: 0.8rem 1rem;
              font-weight: 600;
              font-size: 14px;
              border-bottom: 1px solid #eee; }
        .FormLayout .__Title .__ItemTabs .__Item:last-child {
          padding: 1.5rem 0.5rem; }
        .FormLayout .__Title .__ItemTabs .__Item:hover {
          cursor: pointer;
          border-bottom: 2px solid #3D5AFE;
          color: #3D5AFE; }
    .FormLayout .__Title .btn {
      margin: 0; }
    .FormLayout .__Title.__Flex {
      padding: 0rem 0.5rem 0 1.5rem; }
    .FormLayout .__Title.Big {
      padding: 1rem 1.5rem; }
    .FormLayout .__Title.NoBoxShadow {
      box-shadow: 0 0 0 0 !important;
      -webkit-box-shadow: 0 0 0 0 !important;
      -moz-box-shadow: 0 0 0 0 !important; }

.SelectTask {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.__ItemText {
  display: inline-block;
  width: 100%;
  color: rgba(255, 255, 255, 0.6);
  padding: 1.5rem 0;
  font-weight: 500;
  font-size: 14px; }

.CreateEventLayout {
  display: flex;
  width: 100%;
  height: 100%; }
  .CreateEventLayout__ContentView {
    position: relative;
    display: flex;
    flex-direction: row;
    width: calc(100% - 300px);
    height: 100%;
    z-index: 100000;
    overflow: auto; }
    .CreateEventLayout__ContentView .__BottomBar {
      position: absolute;
      bottom: 0;
      width: 100%;
      z-index: 2;
      background: #f3f4f8;
      border-top: 1px solid #eee; }
      .CreateEventLayout__ContentView .__BottomBar .__View {
        align-items: center;
        padding: 1rem 1.5rem;
        display: flex;
        justify-content: space-between;
        width: 100%; }
    .CreateEventLayout__ContentView.Full {
      width: 100%; }
  .CreateEventLayout__StepLayout {
    display: inline-block;
    width: 300px;
    height: 100%;
    padding: 1.5rem;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent; }
    .CreateEventLayout__StepLayout .__Title {
      display: inline-block;
      width: 100%;
      padding-bottom: 1.5rem;
      font-size: 24px;
      font-weight: 600;
      color: #fff; }
    .CreateEventLayout__StepLayout .__ItemList {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      width: 100%;
      grid-gap: 1rem; }
      .CreateEventLayout__StepLayout .__ItemList .__Item {
        padding: 0.5rem;
        display: flex;
        align-items: center;
        width: 100%;
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(1px);
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px; }
        .CreateEventLayout__StepLayout .__ItemList .__Item.Red {
          background: rgba(255, 23, 68, 0.1); }
          .CreateEventLayout__StepLayout .__ItemList .__Item.Red:hover {
            background: rgba(255, 23, 68, 0.2); }
        .CreateEventLayout__StepLayout .__ItemList .__Item.Selected {
          background: #fff; }
          .CreateEventLayout__StepLayout .__ItemList .__Item.Selected:hover {
            background: #fff; }
            .CreateEventLayout__StepLayout .__ItemList .__Item.Selected:hover .__ItemDetails {
              color: #666; }
              .CreateEventLayout__StepLayout .__ItemList .__Item.Selected:hover .__ItemDetails b {
                color: #000; }
          .CreateEventLayout__StepLayout .__ItemList .__Item.Selected .__ItemDetails {
            color: #666; }
            .CreateEventLayout__StepLayout .__ItemList .__Item.Selected .__ItemDetails b {
              color: #000; }
        .CreateEventLayout__StepLayout .__ItemList .__Item .__ItemImageView {
          display: inline-block;
          width: 40px;
          height: 40px;
          border-radius: 8px;
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px; }
          .CreateEventLayout__StepLayout .__ItemList .__Item .__ItemImageView img {
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: middle; }
        .CreateEventLayout__StepLayout .__ItemList .__Item .__ItemDetails {
          flex: 2;
          display: flex;
          padding-left: 1rem;
          padding-right: 0.5rem;
          color: #fff;
          align-items: center;
          line-height: 18px;
          color: rgba(255, 255, 255, 0.6);
          font-weight: 300;
          font-size: 12px; }
          .CreateEventLayout__StepLayout .__ItemList .__Item .__ItemDetails b {
            display: inline-block;
            width: 100%;
            color: #fff;
            font-size: 14px;
            font-weight: 600; }
        .CreateEventLayout__StepLayout .__ItemList .__Item:hover {
          background: rgba(255, 255, 255, 0.2);
          cursor: pointer; }
    .CreateEventLayout__StepLayout .__InfoBox {
      display: flex;
      width: 100%;
      background: rgba(255, 255, 255, 0.1);
      min-height: 100px;
      backdrop-filter: blur(20px);
      box-shadow: 0 20px 50px 0px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 20px 50px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 20px 50px 0px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 0.7rem;
      align-items: center; }
      .CreateEventLayout__StepLayout .__InfoBox .__TextView {
        display: inline-block;
        width: calc(100% - 80px - 1rem);
        padding-left: 1rem;
        color: #fff;
        font-weight: 300;
        font-size: 14px; }
        .CreateEventLayout__StepLayout .__InfoBox .__TextView b {
          display: inline-block;
          margin-bottom: 0.4rem; }
      .CreateEventLayout__StepLayout .__InfoBox .__ImageView {
        display: inline-block;
        width: 80px;
        height: 80px;
        background: #f9f9f9 url("../img/event.png") center no-repeat;
        background-size: cover;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px; }

.__Steps {
  display: inline-block;
  width: 100%;
  padding-top: 2rem;
  position: relative; }
  .__Steps .__StepComplete {
    display: inline-block;
    width: 3px;
    height: 20px;
    background: rgba(255, 255, 255, 0.5);
    margin-left: 14.5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px; }
    .__Steps .__StepComplete.Complete {
      background: #2e8cff; }
  .__Steps .__StepItem {
    display: flex;
    width: 100%;
    align-items: center;
    column-gap: 1rem; }
    .__Steps .__StepItem:hover {
      cursor: pointer; }
      .__Steps .__StepItem:hover .__Icon {
        box-shadow: 0 0 0px 6px rgba(255, 255, 255, 0.1); }
    .__Steps .__StepItem.Done .__Icon {
      border-color: #2e8cff;
      background: #2e8cff;
      color: #fff; }
    .__Steps .__StepItem.Done .__Text {
      color: #fff; }
    .__Steps .__StepItem .__Text {
      color: rgba(255, 255, 255, 0.5);
      display: inline-block;
      font-weight: 500; }
    .__Steps .__StepItem .__Icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      color: #fff;
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(20px);
      box-shadow: 0 20px 50px 0px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 20px 50px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 20px 50px 0px rgba(0, 0, 0, 0.1);
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px; }

.__ItemSplit {
  display: flex;
  column-gap: 1rem; }

.UploadContainer {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.ItemName {
  font-weight: 500;
  font-size: 18px; }

.GrayMiniButton {
  transition: all 0.2s ease;
  display: inline-block;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  background: #eee;
  padding: 0.5rem 1rem;
  font-size: 11px;
  font-weight: 600; }
  .GrayMiniButton:hover {
    background: #2e8cff;
    color: #fff;
    cursor: pointer; }

.EmailView {
  display: flex;
  column-gap: 1rem; }
  .EmailView .__Input {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    row-gap: 1rem; }
  .EmailView .__Attach {
    display: flex;
    align-content: space-between;
    flex-direction: column;
    width: 400px;
    background: #f9f9f9;
    overflow: auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
    .EmailView .__Attach .__AttachUpload {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      column-gap: 1rem;
      width: 100%;
      border-top: 1px solid #eee;
      padding: 0.6rem 1rem;
      text-align: center; }
    .EmailView .__Attach .__AttachContent {
      display: flex;
      flex: 2;
      padding: 1rem;
      max-height: 247px;
      overflow: auto;
      scrollbar-width: thin; }
      .EmailView .__Attach .__AttachContent .__View {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0.5rem;
        grid-auto-rows: max-content; }
        .EmailView .__Attach .__AttachContent .__View .__Item {
          position: relative;
          box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
          -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
          -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.05);
          display: flex;
          align-items: center;
          column-gap: 0.5rem;
          font-size: 14px;
          width: 100%;
          border-radius: 100px;
          -moz-border-radius: 100px;
          -webkit-border-radius: 100px;
          background: #fff;
          padding: 0.5rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .EmailView .__Attach .__AttachContent .__View .__Item::before {
            position: absolute;
            content: "";
            right: 0;
            height: 40px;
            width: 40px;
            background: linear-gradient(270deg, white 50%, rgba(255, 255, 255, 0) 100%); }
    .EmailView .__Attach .__AttachSearch {
      display: inline-block;
      width: 100%;
      padding: 0.6rem; }
      .EmailView .__Attach .__AttachSearch input {
        width: 100%;
        padding: 10px 20px;
        border: 0;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        background: #eee;
        font-size: 11px; }
    .EmailView .__Attach .__AttachTitle {
      border-bottom: 1px solid #eee;
      padding: 0.6rem 0;
      display: inline-block;
      width: 100%;
      text-align: center;
      font-weight: 500;
      font-size: 11px; }

.fc .fc-button-group > .fc-button {
  border: 0 !important; }

.PageInnerLayout {
  display: flex;
  width: calc(100% - 100px);
  height: 100%;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0; }

.MenuDrawer {
  z-index: 100;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100px;
  height: 100%;
  border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px; }
  .MenuDrawer .__Logout {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    font-size: 30px;
    color: #fff; }
  .MenuDrawer .__Items {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: calc(100% - 160px);
    flex-wrap: wrap;
    row-gap: 0.4rem; }
    .MenuDrawer .__Items .__Item {
      cursor: pointer;
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px;
      width: 60%;
      padding: 0.70rem 0;
      text-align: center;
      display: inline-block;
      color: #fff;
      font-size: 30px; }
      .MenuDrawer .__Items .__Item:hover {
        background: rgba(255, 255, 255, 0.1); }
  .MenuDrawer .__Icon {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem; }
    .MenuDrawer .__Icon img {
      width: 60%; }

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto; }

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute; }

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent; }

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6; }

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9; }

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px; }

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }
[data-balloon] {
  position: relative; }

[data-balloon]::before {
  opacity: 0;
  pointer-events: none;
  transition: all .18s ease-out;
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-balloon);
  font-size: 12px;
  padding: .5em 1em;
  position: absolute;
  white-space: nowrap;
  z-index: 10; }

[data-balloon]::after {
  background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  opacity: 0;
  pointer-events: none;
  transition: all .18s ease-out;
  content: '';
  position: absolute;
  z-index: 10; }

[data-balloon]:hover::before, [data-balloon]:hover::after {
  opacity: 1;
  pointer-events: auto; }

[data-balloon][data-balloon-pos="up"]::before {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate3d(-50%, 10px, 0);
  transform-origin: top; }

[data-balloon][data-balloon-pos="up"]::after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  transform: translate3d(-50%, 10px, 0);
  transform-origin: top; }

[data-balloon][data-balloon-pos="up"]:hover::before {
  transform: translate3d(-50%, 0, 0); }

[data-balloon][data-balloon-pos="up"]:hover::after {
  transform: translate3d(-50%, 0, 0); }

[data-balloon][data-balloon-pos='down']::before {
  left: 50%;
  margin-top: 11px;
  top: 100%;
  transform: translate3d(-50%, -10px, 0); }

[data-balloon][data-balloon-pos='down']::after {
  background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  left: 50%;
  margin-top: 5px;
  top: 100%;
  transform: translate3d(-50%, -10px, 0); }

[data-balloon][data-balloon-pos='down']:hover::before {
  transform: translate3d(-50%, 0, 0); }

[data-balloon][data-balloon-pos='down']:hover::after {
  transform: translate3d(-50%, 0, 0); }

[data-balloon][data-balloon-pos='left']::before {
  margin-right: 11px;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0); }

[data-balloon][data-balloon-pos='left']::after {
  background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
  background-size: 100% auto;
  width: 6px;
  height: 18px;
  margin-right: 5px;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0); }

[data-balloon][data-balloon-pos='left']:hover::before {
  transform: translate3d(0, -50%, 0); }

[data-balloon][data-balloon-pos='left']:hover::after {
  transform: translate3d(0, -50%, 0); }

[data-balloon][data-balloon-pos='right']::before {
  left: 100%;
  margin-left: 11px;
  top: 50%;
  transform: translate3d(-10px, -50%, 0); }

[data-balloon][data-balloon-pos='right']::after {
  background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
  background-size: 100% auto;
  width: 6px;
  height: 18px;
  left: 100%;
  margin-left: 5px;
  top: 50%;
  transform: translate3d(-10px, -50%, 0); }

[data-balloon][data-balloon-pos='right']:hover::before {
  transform: translate3d(0, -50%, 0); }

[data-balloon][data-balloon-pos='right']:hover::after {
  transform: translate3d(0, -50%, 0); }

[data-balloon][data-balloon-length='small']::before {
  white-space: normal;
  width: 80px; }

[data-balloon][data-balloon-length='medium']::before {
  white-space: normal;
  width: 150px; }

[data-balloon][data-balloon-length='large']::before {
  white-space: normal;
  width: 260px; }

[data-balloon][data-balloon-length='xlarge']::before {
  white-space: normal;
  width: 380px; }

@media screen and (max-width: 768px) {
  [data-balloon][data-balloon-length='xlarge']::before {
    white-space: normal;
    width: 90vw; } }
[data-balloon][data-balloon-length='fit']::before {
  white-space: normal;
  width: 100%; }

@keyframes Rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.spinner {
  width: 16px;
  height: 16px;
  border: 2px solid lightgray;
  border-top-color: gray;
  animation: Rotate 1.2s linear 0s infinite forwards;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px; }
  .spinner.Pink {
    border: 2px solid #f8e3f9;
    border-top-color: #f838ff; }

.RedInfo {
  display: inline-block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 3px 6px;
  background: #fcdfe0;
  color: #d72c30;
  font-weight: 500;
  cursor: pointer;
  font-size: 12px; }
  .RedInfo.MarginLeft {
    margin-left: 5px; }

.VioletInfo {
  display: inline-block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 3px 6px;
  background: #eeeaff;
  color: #4425c2;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px; }
  .VioletInfo.MarginLeft {
    margin-left: 5px; }

.GrayInfo {
  display: inline-block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 3px 6px;
  background: #f9f9f9;
  color: #555;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px; }
  .GrayInfo.MarginLeft {
    margin-left: 5px; }

.BlueInfo {
  display: inline-block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 3px 6px;
  background: #dbe8ff;
  color: #143eea;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px; }
  .BlueInfo.MarginLeft {
    margin-left: 5px; }

.GreenInfo {
  display: inline-block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 3px 6px;
  background: #eaf8ea;
  color: #33b934;
  font-weight: 500;
  cursor: pointer;
  font-size: 12px; }
  .GreenInfo.MarginLeft {
    margin-left: 5px; }

:root {
  --blur: 10px;
  --width: 400px;
  --height: 500px;
  --background: #fff; }

.__CheckedPhotos {
  align-items: center;
  display: flex;
  column-gap: 1rem;
  margin-top: 1rem;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0.6rem 1rem;
  background-color: #4158D0;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
  color: #fff;
  font-weight: 600; }
  .__CheckedPhotos span i {
    font-size: 30px; }
  .__CheckedPhotos span:nth-child(1) {
    font-size: 30px; }

.itQuelleModal {
  transition: opacity 0.2s ease;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(var(--blur)); }
  .itQuelleModal.Docked {
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    overflow: auto; }
    .itQuelleModal.Docked .__View .__ViewContent {
      overflow: inherit; }
  .itQuelleModal.Hide {
    display: none; }
  .itQuelleModal .__View {
    box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background: var(--background);
    display: inline-block;
    width: var(--width);
    height: var(--height);
    position: relative; }
    @media screen and (max-width: 400px) {
      .itQuelleModal .__View {
        width: 100%; } }
    .itQuelleModal .__View .__Close {
      position: absolute;
      top: 5px;
      right: 5px; }
      .itQuelleModal .__View .__Close .__CloseButton {
        padding: 0.2rem;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        border-radius: 6px;
        -webkit-border-radius: 6px; }
        .itQuelleModal .__View .__Close .__CloseButton:hover {
          background: #eee; }
        .itQuelleModal .__View .__Close .__CloseButton:active {
          background: #e2e2e2; }
    .itQuelleModal .__View .__ViewContent {
      display: none;
      width: 100%;
      max-height: 100%;
      overflow: auto; }
      .itQuelleModal .__View .__ViewContent .__ContentView {
        flex: 1; }
      .itQuelleModal .__View .__ViewContent .__ButtonView {
        justify-content: flex-end;
        border-top: 1px solid #eee;
        height: 50px;
        align-items: center;
        padding: 0 1rem;
        display: flex;
        column-gap: 0.5rem; }
      .itQuelleModal .__View .__ViewContent .__TitleBar {
        display: flex;
        padding: 0 1rem;
        align-items: center;
        font-weight: 600;
        height: 50px;
        border-bottom: 1px solid #eee; }
      .itQuelleModal .__View .__ViewContent.Show {
        display: flex !important;
        height: 100%; }
    .itQuelleModal .__View .__Loading {
      display: flex;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center; }
      .itQuelleModal .__View .__Loading.Hide {
        display: none; }
      .itQuelleModal .__View .__Loading .__Load {
        margin: 0 10px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 4px solid #f3f3f3;
        border-top: 4px solid #6200EA;
        animation: rotating-spinner 1s linear infinite; }

@keyframes rotating-spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

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