@font-face {
  font-family: "Maison Neue";
  src: url("/platform-content/themes/generic-2021/fonts/maisonneuebold-webfont.woff2") format("woff2"), url("/platform-content/themes/generic-2021/fonts/maisonneuebold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Maison Neue";
  src: url("/platform-content/themes/generic-2021/fonts/maisonneuebook-webfont.woff2") format("woff2"), url("/platform-content/themes/generic-2021/fonts/maisonneuebook-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.tns-nav {
  text-align: center;
}
.tns-nav button {
  margin: 0 5px;
  background: #ccc;
  border: 0;
  width: 24px;
  height: 2px;
}
.tns-nav button.tns-nav-active {
  background: #2A96CE;
}

[react-clip=profile-image] {
  position: relative;
  width: 100%;
  max-width: 450px;
  display: none;
}
[react-clip=profile-image] .ReactCrop {
  display: flex;
  width: 160px;
  height: 160px;
}
[react-clip=profile-image] .ReactCrop img {
  max-width: 100%;
  max-height: 100%;
}

.profile-form-header {
  position: relative;
  background-color: var(--chat-bg);
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  border-bottom: 1px solid var(--chat-message-border);
}
.profile-form-header.loading {
  display: none;
}
.profile-form-header.loading .img {
  position: relative;
}
.profile-form-header.loading .img:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #48DAD0 url(./images/loading.gif) no-repeat 50%;
  background-size: 50%;
  border-radius: 50%;
}
.profile-form-header .control-profile {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0.5em;
}
.profile-form-header .control-profile .img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.profile-form-header .control-profile .control-profile-control {
  position: absolute;
  top: 0;
  right: -25px;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-indent: -9999em;
  color: white;
  text-align: center;
  border-radius: 4px;
  background: #66CA0A url(./images/tick.svg) no-repeat 50%;
  background-size: 50%;
  cursor: pointer;
}
.profile-form-header .control-profile .control-profile-control.decline {
  top: 30px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: #CA0A0A url(./images/cross.svg) no-repeat 50%;
  background-size: 50%;
}
.profile-form-header .control-profile .control-profile-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile-form-header .control-profile .control-profile-inner .screen-reader-text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 16px;
}
.profile-form-header .control-profile-link {
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-indent: -9999em;
  color: white;
  text-align: center;
  border-radius: 4px;
  background: #00d1d2 url(./images/edit.svg) no-repeat 50%;
  background-size: 75%;
  cursor: pointer;
}
.profile-form-header strong {
  text-align: center;
}

.profile_initials {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  font-weight: 700;
  background-color: #00d1d2;
  color: #34303d;
}
.profile_initials.small {
  font-size: 1em;
}
.profile_initials svg {
  color: white;
}

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
}

.ReactCrop:focus {
  outline: none;
}

.ReactCrop--disabled, .ReactCrop--locked {
  cursor: inherit;
}

.ReactCrop__image {
  display: block;
  max-width: 100%;
}

.ReactCrop__crop-selection, .ReactCrop__image {
  touch-action: manipulation;
}

.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateZ(0);
  box-sizing: border-box;
  cursor: move;
  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  border: 1px solid;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat;
}

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}

.ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
  box-shadow: 0 0 1px 1px #fff, 0 0 0 9999em rgba(0, 0, 0, 0.5);
}

.ReactCrop--invisible-crop .ReactCrop__crop-selection {
  display: none;
}

.ReactCrop__rule-of-thirds-hz:after, .ReactCrop__rule-of-thirds-hz:before, .ReactCrop__rule-of-thirds-vt:after, .ReactCrop__rule-of-thirds-vt:before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
}

.ReactCrop__rule-of-thirds-vt:after, .ReactCrop__rule-of-thirds-vt:before {
  width: 1px;
  height: 100%;
}

.ReactCrop__rule-of-thirds-vt:before {
  left: 33.3333%;
  left: 33.33333%;
}

.ReactCrop__rule-of-thirds-vt:after {
  left: 66.6666%;
  left: 66.66667%;
}

.ReactCrop__rule-of-thirds-hz:after, .ReactCrop__rule-of-thirds-hz:before {
  width: 100%;
  height: 1px;
}

.ReactCrop__rule-of-thirds-hz:before {
  top: 33.3333%;
  top: 33.33333%;
}

.ReactCrop__rule-of-thirds-hz:after {
  top: 66.6666%;
  top: 66.66667%;
}

.ReactCrop__drag-handle {
  position: absolute;
}

.ReactCrop__drag-handle:after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  outline: 1px solid transparent;
}

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize;
}

.ReactCrop .ord-nw:after {
  top: 0;
  left: 0;
}

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize;
}

.ReactCrop .ord-n:after {
  top: 0;
}

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize;
}

.ReactCrop .ord-ne:after {
  top: 0;
  right: 0;
}

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize;
}

.ReactCrop .ord-e:after {
  right: 0;
}

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize;
}

.ReactCrop .ord-se:after {
  bottom: 0;
  right: 0;
}

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize;
}

.ReactCrop .ord-s:after {
  bottom: 0;
}

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize;
}

.ReactCrop .ord-sw:after {
  bottom: 0;
  left: 0;
}

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize;
}

.ReactCrop .ord-w:after {
  left: 0;
}

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}

.ReactCrop__drag-bar {
  position: absolute;
}

.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px;
}

.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px;
}

.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px;
}

.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px;
}

.ReactCrop--fixed-aspect .ReactCrop__drag-bar, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w, .ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle {
  display: none;
}

@media (pointer: coarse) {
  .ReactCrop .ord-e, .ReactCrop .ord-n, .ReactCrop .ord-s, .ReactCrop .ord-w {
    display: none;
  }

  .ReactCrop__drag-handle {
    width: 24px;
    height: 24px;
  }
}
:root {
  --calendar-bg:#fff;
  --calendar-font-color:#303c49;
  --calendar-button-secondary-bg:#303c49;
  --calendar-font-family-light:"FiraGO",Arial,Helvetica,sans-serif;
  --calendar-font-family-regular:"FiraGO",Arial,Helvetica,sans-serif;
  --calendar-font-family-medium:"FiraGO",Arial,Helvetica,sans-serif;
  --calendar-font-family-bold:"FiraGO",Arial,Helvetica,sans-serif;
  --calendar-font-weight-light:300;
  --calendar-font-weight-regular:400;
  --calendar-font-weight-medium:500;
  --calendar-font-weight-bold:600;
}

[react-clip=profile-image] {
  position: relative;
  width: 100%;
  max-width: 450px;
}

[react-clip=profile-image] .ReactCrop {
  display: flex;
  width: 160px;
  height: 160px;
}

[react-clip=profile-image] .ReactCrop img {
  max-width: 100%;
  max-height: 100%;
}

.profile-form-header {
  position: relative;
  flex-direction: column;
  background-color: var(--chat-bg);
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--chat-message-border);
}

.profile-form-header.loading .img {
  position: relative;
}

.profile-form-header.loading .img:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #2A96CE url("../../images/loading.svg") no-repeat 50%;
  background-size: 50%;
  border-radius: 50%;
}

.profile-form-header .control-profile {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 0 0.5em;
}

.profile-form-header .control-profile .img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.profile-form-header .control-profile .control-profile-control {
  position: absolute;
  top: 0;
  right: -25px;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-indent: -9999em;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  background: #66ca0a url("../../images/tick.svg") no-repeat 50%;
  background-size: 50%;
  cursor: pointer;
}

.profile-form-header .control-profile .control-profile-control.decline {
  top: 30px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: #ca0a0a url("../../images/cross.svg") no-repeat 50%;
  background-size: 50%;
}

.profile-form-header .control-profile .control-profile-inner {
  position: relative;
}

.profile-form-header .control-profile-link {
  position: absolute;
  top: 16px;
  margin-left: 44px;
  left: 50%;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-indent: -9999em;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  background: #2A96CE url("../../images/edit.svg") no-repeat 50%;
  background-size: 75%;
  cursor: pointer;
}

.profile-form-header strong {
  text-align: center;
}
.profile_initials {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  font-weight: 700;
  background-color: var(--context-color);
  color: #34303d;
}
.profile_initials.small {
  font-size: 1em;
}

[data-brand=remeha] .profile-form-header.loading .img:after {
  background: #ffcf00 url(../../images/loading-remeha.gif) no-repeat 50%;
  background-size: 50%;
  border-radius: 50%;
}
[data-brand=broetje] .profile-form-header.loading .img:after {
  background: #da0a16 url(../../images/loading-broetje.gif) no-repeat 50%;
  background-size: 50%;
  border-radius: 50%;
}

[data-brand=remeha] .profile-form-header .control-profile-link {
  background-color: #ffcf00;
}
[data-brand=broetje] .profile-form-header .control-profile-link {
  background-color: #da0a16;
}

.profile-form-header {
  border-bottom: none !important;
}