.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}

.rdw-dropdownoption-default {
  min-height: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-inline-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rdw-block-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-block-dropdown {
  width: 110px;
}

.rdw-fontsize-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rdw-fontfamily-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}

.rdw-list-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rdw-text-align-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}

.rdw-colorpicker-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  -webkit-box-shadow: 1px 2px 1px #BFBDBD inset;
          box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  -webkit-box-shadow: 1px 2px 1px #BFBDBD;
          box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  -webkit-box-shadow: -1px -2px 1px #BFBDBD;
          box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  -webkit-box-shadow: 0px 0px 2px 2px #BFBDBD;
          box-shadow: 0px 0px 2px 2px #BFBDBD;
}

.rdw-link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-embedded-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}

.rdw-emoji-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rdw-spinner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.rdw-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  font-size: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span{
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.rdw-image-modal-url-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}

.rdw-remove-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}

.rdw-history-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
}
.rdw-history-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}

.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}

.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-image-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.rdw-image-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}

.rdw-editor-main {
  height: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: white;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}


/*# sourceMappingURL=react-draft-wysiwyg.css.map*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr;
}
body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  background: #fff;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px;
  font-weight: normal;
  color: #111;
}
p {
  line-height: 25px;
}
.row img {
  height: auto;
}
a {
  text-decoration: none;
  line-height: inherit;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  color: #111;
  cursor: pointer;
}
a:hover {
  color: #02646d;
}
iframe {
  border: 0 !important;
}
figure {
  margin: 0;
}
/* Layout Elements */
section {
  clear: both;
  overflow: hidden;
}
/* Rows and Columns */
.row {
  max-width: 1245px;
  margin: 0 auto;
  padding: 15px;
  position: relative;
}
section .row {
  padding: 75px 15px;
}
.no-padding-bottom .row,
.no-padding-bottom.row {
  padding-bottom: 0;
}
.no-padding-top.row {
  padding-top: 0;
}
.big-padding-top {
  padding-top: 75px !important;
}
.big-padding-bottom {
  padding-bottom: 85px !important;
}
.large-text {
  font-size: 20px;
}
/* Targets all elements */
[class*='col-'] {
  float: left;
  padding: 10px;
}
/* Clearfix */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/* Main Widths */
.col-1 {
  width: 100%;
}
.col-2 {
  width: 50%;
}
.col-3 {
  width: 33.33%;
}
.col-4 {
  width: 25%;
}
.col-5 {
  width: 20%;
}
.col-6 {
  width: 16.66666667%;
}
.col-7 {
  width: 14.28571429%;
}
.col-8 {
  width: 12.5%;
}
.col-9 {
  width: 11.11111111%;
}
.col-10 {
  width: 10%;
}
.col-11 {
  width: 9.09090909%;
}
.col-12 {
  width: 8.33%;
}
.col-1-3 {
  width: 33.33%;
}
.col-2-3 {
  width: 66.66%;
}
.col-3-4 {
  width: 75%;
}
.col-9-10 {
  width: 90%;
}
/* Golden Ratio */
.col-61 {
  width: 61.8%;
}
.col-38 {
  width: 38.2%;
}
/*------------------------------------------------------------------------------------------*/
/* 3. Fonts */
/*------------------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #111;
  font-weight: 400;
}
h1 {
  padding: 20px 0;
  font-weight: 800;
  font-size: 62px;
  line-height: 60px;
  color: #82266e;
}
h2 {
  padding: 14px 0;
}
h3 {
  padding: 10px 0;
  font-weight: 700;
}
h4 {
  padding: 7px 0;
  font-weight: 400;
}
h5 {
  padding: 7px 0;
  font-weight: 400;
}
h6 {
  padding: 7px 0;
  font-weight: 400;
}
.important-text {
  font-weight: 600;
}
/* Text Alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/* ----------Default Buttons---------- */
/* Button Color */
.button,
input[type="submit"] {
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #ffffff;
  border-radius: 10px;
  color: #ffffff;
  background-color: #02646d;
}
.button:hover,
input[type="submit"]:hover {
  color: #02646d;
  background-color: #c7d30a;
}
/* Input Elements */
input,
textarea {
  border: 1px solid #e1e1e1;
  padding: 10px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 3px;
}
input {
  height: 40px;
  margin: 3px 0;
  outline: none;
  line-height: normal;
  font-size: 14px;
}
input[type="submit"] {
  cursor: pointer;
  border-style: solid;
  border-width: 2px;
  padding-top: 0;
  padding-bottom: 0;
}
select {
  border: 1px solid #e1e1e1;
  height: 40px;
  padding: 5px;
}
input:focus,
textarea:focus {
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
*:focus {
  outline: none;
}
.secondary-background-color {
  background-color: #f5f5f5;
}
.icon i {
  color: #c7d30a;
}
#wrapper {
  background: white;
  width: 100%;
  overflow: hidden;
}
/* Logo */
#logo {
  float: left;
  height: 71px;
  line-height: 66px;
  margin-right: 15px;
}
#logo h1,
#logo h2 {
  display: inline-block;
}
#logo h2 {
  font-size: 18px;
  padding: 0;
}
#logo img {
  max-height: 75px;
  vertical-align: middle;
  margin-right: 15px;
}
#navigation-logo {
  display: none;
}
.nav-solid #logo #banner-logo {
  display: none;
}
.nav-solid #logo #navigation-logo {
  display: inline-block;
}
/* Buttons */
.call-to-action {
  padding: 35px 0 35px 0;
}
/*Style*/
.button {
  font-size: 16px;
  margin: 35px 0;
  padding: 11px 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  border: 2px solid transparent;
}
/* Navigation */
#header {
  font-size: 13px;
  overflow: visible;
  z-index: 9998;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #ffffffed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: auto;
  padding: 15px 0;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
#header .content {
  max-width: 1245px;
  width: 100%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  padding: 0 15px;
}
#header .main-navigation {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  margin-top: 10px;
}
#header aside {
  float: right;
}
#header nav ul {
  text-transform: uppercase;
}
#header nav a {
  height: 50px;
  line-height: 50px;
  display: block;
  padding: 0 10px;
  font-size: 18px;
}
#header.nav-solid {
  background: #fff;
  -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.2);
  position: fixed !important;
  left: 0;
  color: #333;
}
#header.nav-solid [class*='col-'] {
  padding: 0 20px;
}
#header.nav-solid.active {
  color: #c7d30a;
  border-color: #c7d30a;
}
#header.nav-solid a {
  border-bottom: 3px solid;
  border-color: #fff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #333;
}
#header.nav-solid a:hover {
  opacity: 1;
}
/* Responsive Nav Styling */
#nav-trigger {
  display: none;
  width: 28px;
  height: 60px;
  float: right;
  text-align: right;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-trigger span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #02646d;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  margin-top: 7px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#nav-trigger span:nth-child(1) {
  top: 0px;
}
#nav-trigger span:nth-child(2),
#nav-trigger span:nth-child(3) {
  top: 14px;
}
#nav-trigger span:nth-child(4) {
  top: 28px;
}
#nav-trigger.open span:nth-child(1) {
  top: 14px;
  width: 0%;
  left: 50%;
}
#nav-trigger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
#nav-trigger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
#nav-trigger.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
nav li {
  display: inline-block;
  list-style: none;
  margin: 0;
}
nav.open {
  position: relative;
  clear: both;
}
nav.open ul {
  list-style-type: none;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);
}
nav.open ul:after {
  display: none;
}
nav.open li {
  display: block;
  margin: 0 20px;
  float: none;
  text-align: left;
  border-bottom: 1px solid #e1e1e1;
}
nav.open li:last-child {
  border-bottom: none;
}
nav.open a {
  padding: 12px 0;
  color: #333;
  width: 100%;
  height: auto;
  line-height: normal;
  display: block;
  border-bottom: none !important;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
nav.open a:hover {
  background: #fafafa;
  opacity: 1;
}
.nav-solid nav#nav-mobile li {
  border-top: 1px solid #e1e1e1;
  border-bottom: none;
}
.features-part {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.features-part .description-part {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px 0 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
}
.features-part .description-part h4 {
  font-weight: 700;
  padding-top: 0;
  font-size: 22px;
  color: #26717a;
}
/* --------- 2.6 Images ---------- */
/*Alignment*/
img {
  vertical-align: top;
}
.image-center {
  display: block;
  margin: 0 auto;
}
a img {
  border: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
a img:hover {
  opacity: 0.7;
}
/* Section Headings */
.section-title {
  font-size: 34px;
  font-weight: 600;
  color: #111;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section-subtitle {
  font-size: 18px;
  padding-top: 0;
}
.section-heading {
  padding: 0 0 15px 0;
}
.section-heading h2:after {
  background: #c7d30a;
  content: "";
  display: block;
  width: 30px;
  height: 5px;
  margin-top: 30px;
}
.features-list .section-heading h2:after {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
.features-list .reversed .section-heading h2:after {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
.section-heading h3 {
  font-size: 14px;
  font-weight: bold;
  color: #ccc;
  letter-spacing: 2px;
  padding-bottom: 0;
  text-align: center;
}
.text-center .section-heading h2:after {
  margin: 30px auto 25px auto;
}
/* 4. Banner */
#banner {
  background: #eaeaea;
}
#banner .mobile-cover {
  display: none;
  padding: 15px;
}
#banner .mobile-cover img {
  max-width: 100%;
}
#banner .section-heading {
  padding: 75px 0 15px 0;
}
#banner .section-heading:before {
  content: "";
  display: block;
  width: 30px;
  height: 5px;
  margin-top: 30px;
  background: #c7d30a;
}
#banner .button {
  font-size: 16px;
  border-color: #f5f5f5;
}
#banner h1 {
  padding-top: 5%;
}
#banner-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#banner-content .left-side {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 470px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 470px;
          flex: 0 0 470px;
}
#banner-content .right-side {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
#banner-content .row {
  padding-top: 60px;
  padding-bottom: 100px;
}
/* Parrallax */
.banner-parallax-1,
.banner-parallax-2,
.banner-parallax-3 {
  min-height: 350px;
}
.features div:nth-child(4) {
  clear: both;
}
.feature {
  padding: 0 5px;
}
.features-list .main-part {
  padding: 0 15px;
}
#gallery img {
  max-height: 300px;
}
#gallery [class*='col-'] {
  padding: 0;
}
#gallery a {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
#gallery a:hover img {
  opacity: 0.15;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
#gallery a:before {
  font-size: 2.2em;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  content: "+";
  width: 70px;
  height: 70px;
  border-radius: 100em;
  display: block;
  position: absolute;
  top: 55%;
  left: 50%;
  line-height: 72px;
  margin: -35px 0 0 -35px;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#gallery a:hover:before {
  opacity: 1;
  top: 50%;
  left: 50%;
}
/* Pricing Table */
.pricing-block-content {
  background: #fff;
  padding: 25px 0 25px 0;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  position: relative;
  border: 10px solid #fff;
  border-radius: 10px;
}
.pricing-block ul {
  list-style: none;
  margin: 25px 0 25px 0;
}
.pricing-block li {
  padding: 14px 5px;
  font-size: 14px;
  border-bottom: 1px dotted #e1e1e1;
}
.pricing-block li.unavailable {
  text-decoration: line-through;
  color: #c5c5be;
}
.pricing-block li.important {
  font-weight: 600;
}
.pricing-block li:last-of-type {
  border: none;
}
.pricing-block h3 {
  font-size: 17px;
  text-transform: uppercase;
  padding-bottom: 0;
}
.pricing-sub {
  font-style: italic;
  color: #111;
  margin: 15px 0 15px 0;
  min-height: 55px;
}
.pricing {
  background: #f5f5f5;
  padding: 25px 10px;
  position: relative;
  border-radius: 10px;
}
.pricing p {
  font-style: italic;
  color: #b4b4b4;
  line-height: auto;
  margin: 0;
}
.featured .pricing {
  background-color: #02646d;
  color: #fff;
}
.featured .pricing p {
  color: #fff;
}
.price {
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  position: relative;
}
.price span {
  position: absolute;
  top: 0;
  left: -20px;
  font-size: 22px;
}
/* 7. Footer */
#landing-footer {
  clear: both;
  font-size: 13px;
  font-weight: normal;
}
#landing-footer .row {
  padding: 0;
}
#landing-footer p,
#landing-footer a {
  font-size: 13px;
}
#landing-footer .footer-item {
  margin: 20px;
  display: inline-block;
}
a.termsAndCondsLink {
  display: block;
  padding: 30px 30px 0;
  font-weight: 600;
  font-size: 20px;
}
.general {
  margin-bottom: 50px;
}
.privacy-text {
  text-align: left;
  line-height: 25px;
}
.privacy-text h2 {
  margin-top: 40px;
}
.privacy-text h3 {
  margin-top: 20px;
}
.privacy-text ul,
.privacy-text ol {
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 5px;
}
.privacy-text .shortDescription {
  padding-bottom: 20px;
}
.description-part img {
  max-width: 100%;
}
/* Media Queries for Nav
===============================*/
@media all and (max-width: 1024px) {
  #nav-trigger {
    display: block;
  }
  nav#nav-main {
    display: block;
    position: absolute;
    top: -1000px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
  }
  nav#nav-main.open {
    position: relative;
    top: 0;
    display: block;
    opacity: 1;
  }
  nav#nav-mobile {
    display: block;
  }
  nav#nav-mobile li {
    display: block;
  }
  #header aside {
    display: none;
  }
  #header {
    position: relative;
    top: 0;
  }
  #header .row {
    padding: 0 15px !important;
  }
  #header.nav-solid [class*="col-"] {
    padding: 0;
  }
  #banner {
    text-align: center;
  }
  #banner .section-heading:before {
    margin: auto;
  }
  #banner .mobile-cover {
    display: block;
  }
  #banner #banner-content .left-side {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  #banner #banner-content .right-side {
    display: none;
  }
  #banner #banner-content .section-heading {
    padding: 0px 10px;
  }
  #wrapper {
    margin: 0;
    padding: 0;
  }
  .features-list .features-part,
  .introduction .features-part {
    padding-left: 0;
    padding-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .features-list .features-part .description-part,
  .introduction .features-part .description-part {
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .features-list .reversed .features-part,
  .introduction .reversed .features-part {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .page-border {
    display: none;
  }
  .row {
    padding: 0 15px !important;
    width: 100%;
  }
  .button {
    margin: 15px 0;
  }
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-1-3,
  .col-2-3,
  .col-3-4,
  .col-9-10,
  .col-61,
  .col-38 {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }
  #logo h2 {
    padding: 0;
  }
  #banner-content.row {
    padding-top: 45px !important;
  }
  /*-----------------Sections-----------------*/
  section {
    text-align: center;
    padding-top: 40px;
  }
  /* Call to Action*/
  .call-to-action {
    padding-bottom: 25px;
  }
  .section-heading h2:after,
  .text-center .section-heading h2:after {
    margin: 30px auto 0;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }
  .section-heading h3,
  .text-center .section-heading h3 {
    padding-top: 20px;
  }
  .section-title {
    font-size: 26px;
  }
  .pricing-block li {
    padding: 10px 5px;
  }
  .pricing {
    padding: 15px 0;
    min-height: auto;
  }
  #landing-footer {
    padding: 10px 0;
  }
  #landing-footer .footer-item {
    margin: 2px;
    display: block;
  }
  /*-----------------Typography-----------------*/
  h1 {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (min-width: 1024px) {
  nav li {
    border-bottom: 5px solid transparent;
  }
  nav li:hover {
    border-bottom: 5px solid #02646d;
  }
  nav li.cta-wrapper:hover {
    border-bottom: none;
  }
  nav a.cta {
    background: #c7d30a;
    height: 35px;
    line-height: 35px;
    margin-left: 30px;
    border-radius: 7px;
    font-weight: 700;
    padding: 1px 15px 4px;
    -webkit-transition: 0.15s all ease-in;
    transition: 0.15s all ease-in;
  }
  nav a.cta:hover {
    background: #02646d;
    color: #ffffff;
  }
  .pricing-sub {
    min-height: 75px;
  }
  #banner {
    min-height: 600px;
  }
  .reversed .features-part .main-part {
    text-align: left;
  }
  .reversed .features-part .description-part {
    text-align: right;
  }
  .features-part .main-part {
    text-align: right;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 400px;
       -moz-box-flex: 1;
        -ms-flex: 1 0 400px;
            flex: 1 0 400px;
  }
  .introduction .features-part .main-part {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .pricing .price {
    font-size: 36px;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.3.3 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    /* z-index needs to be >= elements on the site. */
    /* position: centering content */
    text-align: center;
    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;
    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: rgba(0, 0, 0, 0);
  }
  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }
  .featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }
  .featherlight .featherlight-content {
    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 0;
    border-bottom: 25px solid transparent;
    /* dimensions: handling small or empty content */
    min-width: 30%;
    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    /* styling */
    cursor: auto;
    /* reset white-space wrapping */
    white-space: normal;
  }
  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block;
  }
  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 25px;
    right: 25px;
    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;
    /* styling */
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-family: "fontawesome";
    font-size: 22px;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .featherlight .featherlight-close-icon:hover {
    opacity: 1;
  }
  .featherlight .featherlight-image {
    /* styling */
    max-height: 100%;
    max-width: 100%;
  }
  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0;
  }
  .featherlight iframe {
    /* styling */
    border: none;
  }
}
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
/* Gallery Styling */
@media all {
  .featherlight-next,
  .featherlight-previous {
    font-family: "fontawesome";
    font-size: 22px;
    display: block;
    position: absolute;
    top: 25px;
    right: 0;
    bottom: 0;
    left: 80%;
    cursor: pointer;
    /* preventing text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* IE9 hack, otherwise navigation doesn't appear */
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .featherlight-previous {
    left: 0;
    right: 80%;
  }
  .featherlight-next span,
  .featherlight-previous span {
    display: inline-block;
    opacity: 0.3;
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 80px;
    line-height: 80px;
    /* center vertically */
    margin-top: -40px;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .featherlight-next span {
    text-align: right;
    left: auto;
    right: 7%;
  }
  .featherlight-previous span {
    text-align: left;
    left: 7%;
  }
  .featherlight-next:hover span,
  .featherlight-previous:hover span {
    display: inline-block;
    opacity: 1;
  }
  /* Hide navigation while loading */
  .featherlight-loading .featherlight-previous,
  .featherlight-loading .featherlight-next {
    display: none;
  }
}
/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px) {
  .featherlight-next:hover,
  .featherlight-previous:hover {
    background: none;
  }
  .featherlight-next span,
  .featherlight-previous span {
    display: block;
  }
}
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight-next,
  .featherlight-previous {
    top: 10px;
    right: 10px;
    left: 85%;
  }
  .featherlight-previous {
    left: 10px;
    right: 85%;
  }
  .featherlight-next span,
  .featherlight-previous span {
    margin-top: -30px;
    font-size: 40px;
  }
}
#cookie-policy {
  position: fixed;
  top: 25px;
  right: 15px;
  width: 600px;
  max-width: 100%;
  z-index: 9999;
}
.react-cookie-law-dialog {
  width: 100%;
  background-color: #02646d;
  border-radius: 5px;
  font-size: 13px;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.react-cookie-law-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  word-wrap: wrap;
}
.react-cookie-law-container .react-cookie-law-policy {
  color: white;
  text-decoration: underline;
}
.react-cookie-law-container .react-cookie-law-policy:hover {
  color: white;
}
.react-cookie-law-select-pane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.react-cookie-law-option-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  padding: 0 20px 0 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.react-cookie-law-option-wrapper:first-child {
  color: gray;
}
.react-cookie-law-option-checkbox {
  height: 18px;
  width: 18px;
  margin-right: 5px;
  cursor: pointer;
}
.react-cookie-law-button-wrapper {
  text-align: right;
}
.react-cookie-law-accept-btn {
  background-color: #c7d30a;
  border: 1px solid #c7d30a;
  padding: 10px;
  border-radius: 5px;
  color: #111;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.react-cookie-law-decline-btn {
  background-color: #02646d;
  border: none;
  padding: 0;
  border-radius: 0;
  margin-right: 20px;
  color: #dadada;
  cursor: pointer;
}
@media (max-width: 620px) {
  #cookie-policy {
    top: 0;
    left: 0;
    width: auto;
    margin: 20px;
  }
  .react-cookie-law-select-pane {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .react-cookie-law-option-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0 0;
  }
  .react-cookie-law-policy {
    margin-top: 15px;
  }
}
.error-headline {
  font-size: 26px;
  text-align: center;
}
.error-description {
  font-size: 16px;
  text-align: center;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.layoutWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#mainContainer {
  min-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
     -moz-box-orient: vertical !important;
     -moz-box-direction: normal !important;
          flex-direction: column !important;
  -ms-flex-direction: column !important;
}
.layout:has(.centralPart .mainContent .ant-layout-content .journeyMapWrapper) .header .contextualInfoPanel {
  display: none !important;
}
.layout:has(.centralPart .mainContent .ant-layout-content .journeyMapWrapper) .header .contextualActionPanel .padderLeft,
.layout:has(.centralPart .mainContent .ant-layout-content .journeyMapWrapper) .header .contextualActionPanel .padderRight {
  display: none !important;
}
.menuItem .translateTextInItemMenu {
  font-size: 12px;
  color: #909090;
  font-weight: 700;
  font-variant: normal;
}
.menuItem .itemNameInMenu {
  font-size: 14px;
  color: #121B28;
  font-weight: 700;
  font-variant: normal;
}
.menuItem .iconArrow {
  color: #909090;
}
.headerBottomLine {
  position: fixed;
  width: 100%;
  border-bottom: 1px solid #E5E5EF;
  top: 79px;
  z-index: 900;
}
.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: 79px;
  padding: 0 15px 0 0;
  position: fixed;
  width: 100%;
  z-index: 901;
  font-variant: small-caps;
  background-color: white;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .logoPart {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  position: relative;
  cursor: pointer;
  padding-left: 13px;
}
.header .logoPart .appLogo {
  height: 64px;
  padding: 5px 6px;
}
.header .rightPart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .rightPart .plusMenuButtonMenu li {
  padding-right: 0px !important;
}
.header .rightPart .plusMenuButtonMenu li .ant-menu-submenu-title .ant-menu-title-content svg {
  margin-right: 0px !important;
}
.header .rightPart .cssload-loader-wrapper {
  margin-right: 15px;
}
.header .rightPart .coCreate {
  border-radius: 8px;
  border: 1px solid black;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: black;
  padding: 5px 20px !important;
}
.header .rightPart .coCreate:hover {
  background-color: transparent !important;
  border: 1px solid black;
  color: black;
}
.header .breadcrumbsPart {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.header .ant-menu-root {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  color: #0c0c0c;
  background-color: white;
}
.header .ant-menu-root .ant-menu-item-divider {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
     -moz-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  height: 0;
}
.header .ant-menu-root .ant-menu-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.header .ant-menu-root .ant-menu-item.right {
  -webkit-align-self: right;
      -ms-flex-item-align: right;
          align-self: right;
}
.header .ant-menu-submenu-horizontal .anticon.bigRoundIcon {
  padding: 10px;
  width: 40px;
}
.header .ant-menu-submenu-horizontal .bigRoundIcon.addCircle {
  font-size: 40px;
  color: #005860;
  margin-right: 10px;
}
.header .ant-menu-submenu-horizontal.ant-menu-submenu-active .anticon.bigRoundIcon {
  background-color: white;
}
.header .ant-menu-submenu-horizontal.ant-menu-submenu-active .anticon.bigRoundIcon.white {
  background-color: white;
}
.header .ant-menu-item.separatedItem {
  border-top: 2px solid #e9e9e9;
}
.header .topMenuIconButton {
  background: white;
  border: 2px solid white;
  width: 40px;
  height: 40px;
  margin: 5px;
  color: #B2B2B2;
  font-size: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .topMenuIconButton:hover,
.header .topMenuIconButton:focus,
.header .topMenuIconButton:active {
  background: white;
  color: #B2B2B2 !important;
}
.header .topMenuIconButton .anticon {
  background: white;
  border: none;
}
.anticon.bigRoundIcon {
  padding: 10px;
  background-color: #c7d30a;
  width: 40px;
  border: 2px solid white;
  border-radius: 50%;
  color: #02646d;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.anticon.bigRoundIcon:hover {
  background-color: white;
}
.anticon.bigRoundIcon.white {
  background-color: white;
}
.anticon.bigRoundIcon.white:hover {
  background-color: white;
}
.ant-menu-submenu.ant-menu-dark.ant-menu-submenu-popup {
  font-variant: small-caps !important;
}
.centralPart {
  background-color: white;
  padding-top: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-bottom: 30px;
}
.footer {
  width: 100vw;
  position: fixed;
  bottom: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  max-height: 30px;
  line-height: 30px;
  background-color: white;
  text-align: center;
  font-size: 12px;
  color: #0c0c0c;
  font-weight: 500;
  z-index: 900;
}
.mainContent {
  height: 100%;
  padding-top: 30px;
  padding-left: 90px;
  -webkit-transition: padding-left 0.3s ease-out;
  transition: padding-left 0.3s ease-out;
}
.layout.anonymous .mainContent {
  padding-left: 0;
}
.layout.sideMenuExpanded .mainContent {
  padding-left: 340px;
}
.mainContent main {
  padding: 0 20px 20px 20px;
}
.mainContent .stickyTopGutter {
  height: 20px;
  width: 100%;
  background-color: white;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  z-index: 501;
}
.sideMenu {
  position: fixed;
  top: 80px;
  background-color: #005860 !important;
  width: 90px;
  height: 100%;
  z-index: 901;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  border-radius: 0px 12px 12px 0px;
  -webkit-transition: border-radius 0.5s;
  transition: border-radius 0.5s;
}
.sideMenu:has(.subMenu.visible) {
  border-radius: 0px !important;
}
.sideMenu .items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 90px;
  margin-left: -2px;
  position: relative;
  background-color: #005860 !important;
  height: 100%;
  z-index: 901;
  padding-top: 20px;
  border-radius: 0px 12px 12px 0px;
}
.sideMenu .sideMenuItem {
  color: white;
  font-size: 28px;
  display: block;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  -webkit-transition: background-color 0.3s, fill 0.3s ease-in-out;
  transition: background-color 0.3s, fill 0.3s ease-in-out;
  cursor: pointer;
  margin-top: 5px;
}
.sideMenu .sideMenuItem .svgImageInMenu {
  width: 22px;
}
.sideMenu .sideMenuItem.active,
.sideMenu .sideMenuItem:focus,
.sideMenu .sideMenuItem:hover {
  background-color: white;
  color: #005860;
}
.sideMenu .sideMenuItem.active .svgImageInMenu,
.sideMenu .sideMenuItem:focus .svgImageInMenu,
.sideMenu .sideMenuItem:hover .svgImageInMenu {
  -webkit-filter: invert(70%) sepia(100%) saturate(372%) hue-rotate(131deg) brightness(75%) contrast(100%);
          filter: invert(70%) sepia(100%) saturate(372%) hue-rotate(131deg) brightness(75%) contrast(100%);
}
.sideMenu .sideMenuItem .sideMenuIconBadge {
  font-size: inherit;
  color: inherit;
}
.sideMenu .sideMenuItem .sideMenuIconBadge sup {
  background-color: #c7d30a;
  color: #0c0c0c;
  font-weight: 500;
}
.sideMenu .divider {
  width: 40px;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.sideMenu .divider.dividerInMainMenu {
  background-color: white !important;
  height: 2px;
  border-radius: 2px;
}
.sideMenu a {
  color: white;
}
.sideMenu .subMenu {
  position: absolute;
  top: 0;
  opacity: 0;
  left: -162px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 250px;
  height: -webkit-calc(100vh - 80px);
  height: calc(100vh - 80px);
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #005860 !important;
  border-radius: 0px 12px 12px 0px;
}
.sideMenu .subMenu .subMenuCloseButton {
  position: absolute;
  top: 33px;
  right: -11px;
  padding: 4px;
  background-color: #005860;
  border: 2px solid #d9d9d9;
  color: #d9d9d9;
  font-size: 17px;
  border-radius: 50%;
}
.sideMenu .subMenu .subMenuCloseButton:hover {
  border: 2px solid white;
  color: white;
}
.sideMenu .subMenu .subMenuTitle {
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  padding: 37px 10px 8px 0px;
}
.sideMenu .subMenu .subMenuContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 5px 0 5px 5px;
  background-color: #005860 !important;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-top-left-radius: 5px;
  overflow: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
.sideMenu .subMenu .subMenuContent::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.sideMenu .subMenu.visible {
  left: 88px;
  opacity: 1;
}
.sideMenu .subMenu .subMenuItem {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  padding: 10px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-variant: small-caps;
  word-break: break-word;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  font-weight: 300;
  cursor: pointer;
}
.sideMenu .subMenu .subMenuItem .icon {
  font-size: 20px;
  padding-right: 15px;
}
.sideMenu .subMenu .subMenuItem .count {
  color: #c7d30a;
}
.sideMenu .subMenu .subMenuItem .activeItemIcon {
  font-size: 22px;
  margin-right: 8px;
}
.sideMenu .subMenu .subMenuItem:hover,
.sideMenu .subMenu .subMenuItem:focus {
  font-weight: bold;
}
.sideMenu .subMenu .subMenuItem.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.sideMenu .subMenu .subMenuItem.active .persona .personaMainInfo .personaName,
.sideMenu .subMenu .subMenuItem.active .principle .personaMainInfo .personaName,
.sideMenu .subMenu .subMenuItem.active .persona .principleMainInfo .principleName,
.sideMenu .subMenu .subMenuItem.active .principle .principleMainInfo .principleName {
  font-weight: bold !important;
}
.sideMenu .subMenu .subMenuItem:hover .persona .personaMainInfo .personaName,
.sideMenu .subMenu .subMenuItem:hover .principle .personaMainInfo .personaName,
.sideMenu .subMenu .subMenuItem:hover .persona .principleMainInfo .principleName,
.sideMenu .subMenu .subMenuItem:hover .principle .principleMainInfo .principleName {
  font-weight: bold !important;
}
.sideMenu .subMenu .subMenuItem .persona .personaMainInfo .personaName {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
.sideMenu .subMenu .divider {
  width: auto;
  height: auto;
  margin: 5px 5px 5px 0;
  border-bottom: 2px solid white;
  font-size: 13px;
  color: white;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  font-weight: bold;
}
.sideMenu .subMenu .emptyList {
  font-size: 14px;
  font-weight: normal;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  padding: 10px;
  text-align: left;
}
.cjgTooltip.navigationTooltip .ant-tooltip-inner {
  white-space: nowrap;
}
.cjgTooltip.navigationTooltip .ant-tooltip-inner,
.cjgTooltip.wildcardTooltip .ant-tooltip-inner,
.cjgTooltip.topActionsTooltip .ant-tooltip-inner,
.cjgTooltip.topActionItemTooltip .ant-tooltip-inner {
  background-color: #121B28;
  text-align: center;
  padding: 10px 8px;
}
.cjgTooltip.navigationTooltip .ant-tooltip-arrow-content,
.cjgTooltip.wildcardTooltip .ant-tooltip-arrow-content,
.cjgTooltip.topActionsTooltip .ant-tooltip-arrow-content,
.cjgTooltip.topActionItemTooltip .ant-tooltip-arrow-content {
  border-top-color: #121B28;
  background-color: #121B28;
}
.switchFormGroupContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modalButtonsSectionFormItem {
  width: 100%;
  margin-bottom: 0px !important;
  padding-top: 10px;
}
.modalButtonsSection,
.modalButtonsSectionFormItem .ant-form-item-control-input-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.globalModal {
  min-width: 580px;
  max-width: 580px;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.globalModal.withButtons .confirmModalActionItemName {
  text-align: center;
}
.modalButtonsSection .cancelButton,
.modalButtonsSectionFormItem .cancelButton,
.modalButtonsSection .submitButton,
.modalButtonsSectionFormItem .submitButton {
  width: 100%;
  padding: 8px;
  border-radius: 10px;
  font-weight: bold;
  font-size: 14px !important;
}
.modalButtonsSection .cancelButton,
.modalButtonsSectionFormItem .cancelButton {
  background-color: white !important;
  border: 1px solid grey !important;
  color: black !important;
  cursor: pointer;
}
.modalButtonsSection .cancelButton:hover,
.modalButtonsSectionFormItem .cancelButton:hover {
  background-color: white !important;
  border: 1px solid grey !important;
  color: black !important;
}
.modalButtonsSection .submitButton,
.modalButtonsSectionFormItem .submitButton {
  background-color: #5E3AAB !important;
  color: white !important;
  border-color: #5E3AAB !important;
}
.modalButtonsSection .submitButton:hover,
.modalButtonsSectionFormItem .submitButton:hover {
  background-color: #5E3AAB !important;
  color: white !important;
  border-color: #5E3AAB !important;
}
.breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  padding: 0 35px 0 0;
  font-size: 18px;
  font-weight: 500;
}
.breadcrumbs .breadcrumbPart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: auto;
  min-width: 60px;
  padding: 0 0 0 35px;
  position: relative;
  line-height: 20px;
  overflow-wrap: break-word;
  word-break: break-word;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  line-height: 16px;
  color: #121B28;
}
.breadcrumbs .breadcrumbPart .arrow {
  display: none;
  font-size: 17px;
  color: black;
  position: absolute;
  right: -25px;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.breadcrumbs .breadcrumbPart.spacer {
  min-width: 20px;
  max-width: 20px;
  width: 20px;
}
.breadcrumbs .breadcrumbPart.longText {
  font-size: 1vw;
  line-height: 1.1vw;
}
.breadcrumbs .breadcrumbPart:first-child:nth-last-child(n+5),
.breadcrumbs .breadcrumbPart:first-child:nth-last-child(n+5) ~ .breadcrumbPart {
  font-size: 1vw;
  line-height: 1.1vw;
}
.breadcrumbs .breadcrumbPart:first-child:nth-last-child(n+5).longText,
.breadcrumbs .breadcrumbPart:first-child:nth-last-child(n+5) ~ .breadcrumbPart.longText {
  font-size: 0.8vw;
  line-height: 0.9vw;
}
.breadcrumbs .breadcrumbPart::after {
  content: " ";
  display: block;
  width: 1px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  margin-left: 11px;
  left: 100%;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.breadcrumbs .breadcrumbPart.actionable {
  cursor: pointer;
}
.breadcrumbs .breadcrumbPart.actionable:hover {
  background-color: white;
}
.breadcrumbs .breadcrumbPart.actionable:hover .arrow {
  opacity: 0;
}
.breadcrumbs .breadcrumbPart.gutter {
  min-width: auto;
  padding-left: 10px;
  cursor: default;
}
.breadcrumbs .breadcrumbPart.gutter.active,
.breadcrumbs .breadcrumbPart.gutter:focus,
.breadcrumbs .breadcrumbPart.gutter::after {
  display: none;
}
.breadcrumbs .breadcrumbPart.gutter.actionable:hover {
  background-color: transparent;
}
.breadcrumbs .breadcrumbPart.gutter.actionable:hover::after {
  border-left-color: transparent;
}
.breadcrumbs .breadcrumbPart .breadcrumbPartContent {
  margin-right: 10px;
  z-index: 3;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  padding: 3px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  color: #121B28;
  font-weight: 600;
  font-variant: normal;
}
.breadcrumbs .breadcrumbPart .breadcrumbPartContent span {
  font-variant: normal;
  font-weight: 600;
}
.breadcrumbs .breadcrumbPart .projectItemLogo {
  max-height: 100%;
  max-width: 100%;
  padding: 5px 10px 5px 5px;
}
.breadcrumbs .breadcrumbPart.standalone {
  margin-left: 20px;
  border-right: 4px solid white;
  border-top-width: 0;
  border-bottom-width: 0;
}
.breadcrumbs .breadcrumbPart.standalone::after,
.breadcrumbs .breadcrumbPart.standalone::before {
  border: none;
}
.breadcrumbs .breadcrumbPart.standalone .breadcrumbPartContent {
  margin-right: 0;
  padding-right: 10px;
}
.breadcrumbs .breadcrumbPart.standalone .downIcon {
  font-size: 19px;
  color: #02646d;
  margin-top: 2px;
}
.breadcrumbs .breadcrumbPart:last-child::after,
.breadcrumbs .breadcrumbPart:last-child::before {
  display: none;
}
.breadcrumbs .breadcrumbPart:last-child .arrow {
  display: none;
}
.bigWidthMenu .bigWidthProfileSection {
  font-size: 14px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-variant: normal;
  white-space: nowrap;
}
.bigWidthMenu .bigWidthProfileSection .arrow {
  font-size: 20px;
  color: black;
}
.userNameValue {
  color: black !important;
  display: inline-block;
  text-overflow: ellipsis;
  margin: 0px !important;
  overflow: hidden;
  white-space: nowrap;
  max-width: 180px;
}
.bcSwitchList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-height: 200px;
  overflow: auto;
}
.bcSwitchList .listItem {
  font-size: 16px;
  color: #0c0c0c;
  font-weight: 500;
  padding: 5px 10px;
  -webkit-transition: background-color 0.45s ease-in;
  transition: background-color 0.45s ease-in;
}
.bcSwitchList .listItem:hover,
.bcSwitchList .listItem:focus,
.bcSwitchList .listItem.active {
  background-color: #c7d30a;
}
.bcSwitchList .listItem.grayedOut {
  color: #898989;
  font-style: italic;
}
.bcSwitchList:hover .listItem.active {
  background-color: initial;
}
.bcSwitchList:hover .listItem.active:hover {
  background-color: #c7d30a;
}
.addHeroJourneyInMenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.optionalCreateItemHeroJourney:hover,
.optionalCreateItem:hover,
.profileMenuItem:hover {
  background-color: transparent !important;
  font-weight: bold !important;
}
.userOptionsMenuItem {
  min-width: 190px;
  font-variant: normal;
}
.userOptionsMenuItem .ant-menu-title-content {
  gap: 15px;
}
.createMenuItem {
  min-width: 240px;
}
.createMenuItem .ant-menu-title-content {
  gap: 15px;
}
.optionalCreateItem,
.profileMenuItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.optionalCreateItem .optionalCreateItemIcon,
.profileMenuItem .optionalCreateItemIcon,
.optionalCreateItem .profileMenuIcon,
.profileMenuItem .profileMenuIcon {
  margin: 0px;
  color: #B2B2B2 !important;
  font-size: 20px !important;
}
.optionalCreateItem .optionalCreateItemIcon.anticon,
.profileMenuItem .optionalCreateItemIcon.anticon,
.optionalCreateItem .profileMenuIcon.anticon,
.profileMenuItem .profileMenuIcon.anticon {
  margin-right: 5px !important;
}
.optionalCreateItem .optionalCreateItemText,
.profileMenuItem .optionalCreateItemText,
.optionalCreateItem .profileMenuText,
.profileMenuItem .profileMenuText {
  color: #121B28;
}
.optionalCreateItem .optionalCreateItemText,
.profileMenuItem .optionalCreateItemText {
  font-variant: normal;
}
.breadcrumbPopover .bcSwitchList .listItem {
  color: #121B28;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumbPopover .bcSwitchList .listItem .doneIcon {
  font-size: 22px;
}
.breadcrumbPopover .bcSwitchList .listItem:hover,
.breadcrumbPopover .bcSwitchList .listItem:focus,
.breadcrumbPopover .bcSwitchList .listItem.active {
  background-color: transparent !important;
  font-weight: bold;
}
.contextualPanel {
  position: absolute;
  cursor: pointer;
  top: 80px;
  width: auto;
  opacity: 0;
  -webkit-transition: opacity, right, left 0.3s ease-out;
  transition: opacity, right, left 0.3s ease-out;
  min-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.contextualPanel.active {
  opacity: 1;
}
.contextualPanel .panelContent {
  background-color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 100%;
  min-width: 30px;
}
.contextualPanel .panelContent::after,
.contextualPanel .panelContent::after {
  background-color: white;
  border-radius: 10px;
}
.contextualPanel .panelContent:has(.actions .controlPanelWrapperControlPanel) {
  background-color: transparent !important;
}
.contextualPanel .panelContent:has(.actions .controlPanelWrapperControlPanel) .actions {
  background-color: transparent !important;
}
.contextualPanel .padderLeft,
.contextualPanel .padderRight {
  content: ' ';
  position: relative;
  background-color: transparent;
  max-height: 10px;
  min-width: 10px;
  overflow: hidden;
}
.contextualPanel .padderLeft::after,
.contextualPanel .padderRight::before {
  content: ' ';
  position: absolute;
  top: 0;
  background-color: transparent;
  min-width: 10px;
  height: 10px;
  -webkit-box-shadow: 0 0 0 20px white;
          box-shadow: 0 0 0 20px white;
}
.contextualPanel .padderLeft::after {
  border-top-right-radius: 10px;
  right: 0;
}
.contextualPanel .padderRight::before {
  border-top-left-radius: 10px;
  left: 0;
}
.contextualInfoPanel {
  left: 90px;
}
.layout.sideMenuExpanded .contextualInfoPanel {
  left: 340px;
}
.contextualActionPanel {
  right: 90px;
}
.contextualActionPanel .panelContent {
  min-height: 18px;
}
.contextualActionPanel .actions {
  background-color: white;
  margin: 0 3px 3px 3px;
  border-radius: 7px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.contextualActionPanel .actions .tooltippedActionIcon {
  margin: 2px 5px;
  font-size: 20px;
}
.contextualActionPanel .actions .tooltippedActionIcon:last-child {
  margin-right: 0;
}
.contextualActionPanel .actions .tooltippedActionIcon:first-child {
  margin-right: 5px;
}
.contextualActionPanel .actions .mainActionButton {
  height: 32px;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 11px;
  margin: 3px;
  background-color: #5E3AAB !important;
  border-color: #5E3AAB !important;
}
.contextualActionPanel .actions .mainActionButton:hover {
  color: white !important;
  opacity: 0.5;
}
.contextualActionPanel .actions .mainActionButton.inverted {
  color: white !important;
  background-color: #02646d !important;
  border-color: #02646d !important;
}
.contextualActionPanel .actions .mainActionButton.inverted:hover {
  color: #0c0c0c !important;
  border-color: #c7d30a !important;
  background-color: #c7d30a !important;
}
.contextualActionPanel .actions .mainActionButton.disabled {
  color: white;
  background-color: #adadad !important;
  border-color: #adadad !important;
}
.contextualActionPanel .actions .mainActionButton.disabled:hover {
  color: white;
  background-color: #adadad !important;
  border-color: #adadad !important;
}
.expandableContent {
  font-variant: normal;
}
.expandableContent .heading {
  padding: 3px 10px;
  font-weight: 500;
}
.expandableContent .body {
  width: 0;
  height: 0;
  opacity: 0;
  background-color: white;
  overflow: hidden;
  border-radius: 10px;
}
.expandableContent .bodyContent {
  background-color: white;
  padding: 10px;
  width: 800px;
  max-height: 600px;
  overflow: auto;
  border-radius: 5px;
}
.expandableContent:hover .body {
  -webkit-animation: expand-content 0.3s ease-in-out 1 forwards;
          animation: expand-content 0.3s ease-in-out 1 forwards;
  padding: 10px;
}
@-webkit-keyframes expand-content {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  1% {
    opacity: 0;
    width: auto;
    height: auto;
  }
  100% {
    opacity: 1;
    width: auto;
    height: auto;
  }
}
@keyframes expand-content {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  1% {
    opacity: 0;
    width: auto;
    height: auto;
  }
  100% {
    opacity: 1;
    width: auto;
    height: auto;
  }
}
.autoSave .ant-message-notice-content .ant-message-custom-content span.anticon {
  display: none !important;
}
.iconSize {
  font-size: 20px;
}
.infoPanel {
  font-size: 14px;
}
.infoPanelTitle {
  height: 35px;
  cursor: pointer;
}
.infoPanelTitle .textualPart {
  padding-left: 5px;
}
.infoPanelTitle .divider {
  height: 25px;
  width: 2px;
  background-color: white;
  margin: 0 10px;
}
.infoPanelTitle .tagList {
  max-width: 250px;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
@media (max-width: 1024px) {
  .breadcrumbs .breadcrumbPart {
    min-width: 80px;
    font-size: 14px;
    line-height: 16px;
  }
  .breadcrumbs .breadcrumbPart.standalone .downIcon {
    display: none;
  }
  .breadcrumbs .breadcrumbPart:first-child:nth-last-child(n+4),
  .breadcrumbs .breadcrumbPart:first-child:nth-last-child(n+4) ~ .breadcrumbPart {
    font-size: 1vw;
    line-height: 1.1vw;
  }
}
@media (max-width: 1200px) {
  .contextualActionPanel {
    right: 20px;
  }
}
@media (min-width: 1400px) {
  .breadcrumbs .breadcrumbPart.longText,
  .breadcrumbs .breadcrumbPart:first-child:nth-last-child(n+5),
  .breadcrumbs .breadcrumbPart:first-child:nth-last-child(n+5) ~ .breadcrumbPart {
    font-size: 14px;
    line-height: 16px;
  }
  .breadcrumbs .breadcrumbPart.longText.longText,
  .breadcrumbs .breadcrumbPart:first-child:nth-last-child(n+5).longText,
  .breadcrumbs .breadcrumbPart:first-child:nth-last-child(n+5) ~ .breadcrumbPart.longText {
    font-size: 14px;
    line-height: 16px;
  }
}
.material-symbols-rounded {
  font-family: 'Material Symbols Rounded' !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.customFontSize {
  word-break: break-all;
}
.customFontSize.withAdjustedMargin {
  display: inline-block;
}
.customFontSize.fontWithMarginLeft {
  margin-left: 11px;
}
.customFontSize.size0 {
  font-size: 18px;
}
.customFontSize.size0.withAdjustedMargin {
  margin: 0;
}
.customFontSize.size1 {
  font-size: 22px;
}
.customFontSize.size1.withAdjustedMargin {
  margin: 2px;
}
.customFontSize.size2 {
  font-size: 24px;
}
.customFontSize.size2.withAdjustedMargin {
  margin: 4px;
}
.customFontSize.size3 {
  font-size: 28px;
}
.customFontSize.size3.withAdjustedMargin {
  margin: 8px;
}
.customFontSize.size4 {
  font-size: 32px;
}
.customFontSize.size4.withAdjustedMargin {
  margin: 12px;
}
.customFontSize.size5 {
  font-size: 36px;
}
.customFontSize.size5.withAdjustedMargin {
  margin: 16px;
}
.customFontSize.size6 {
  font-size: 40px;
}
.customFontSize.size6.withAdjustedMargin {
  margin: 18px;
}
.upperCase {
  text-transform: uppercase;
}
.commentList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.commentNavigation {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.visibilityToggleContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.visibilityToggleContainer .toggleTitle {
  padding-left: 10px;
  font-weight: 500;
}
.comment {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 6px;
  font-size: 14px;
}
.comment.myComment {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
.comment.new.otherComment .commentBody {
  border: 1.5px solid #5E3AAB;
}
.comment.acknowledged .commentBody {
  border: 1.5px solid #035f03;
}
.comment .commentHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 3px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #909090;
  font-size: 10px;
}
.comment .commentHeader .userInfo {
  padding: 0 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.comment .commentHeader .dateInfo {
  padding-right: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  text-align: right;
}
.comment .commentBody {
  padding: 8px 12px;
  background-color: #E5E5EF;
  color: #121B28;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  font-size: 12px;
  word-break: break-word;
}
.comment .actions .acknowledged {
  color: #035f03;
}
.comment .actions .tooltippedActionIcon {
  background: transparent;
  font-size: 16px;
  color: #121B28;
}
.comment .actions .tooltippedActionIcon:hover {
  color: #121B28 !important;
}
.comment .actions .tooltippedActionIcon .material-symbols-rounded {
  font-size: 17px;
}
.commentForm textarea {
  border-radius: 8px;
}
.commentForm .ant-btn {
  font-size: 12px !important;
}
.commentTarget {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.commentTarget.active .commentTargetPanel svg {
  color: #c7d30a;
}
.commentTarget .commentTargetPanel {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  min-width: 28px;
  height: 25.7px;
  border: 1px solid #d7d7d7;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 25px;
  padding-left: 4px;
  padding-right: 4px;
  background: white;
  color: #0c0c0c;
  z-index: 200;
}
.commentTarget .commentTargetPanel .commentCount {
  min-width: 14px;
  height: 14px;
  color: #005860;
  background-color: white;
  border: 1px solid #005860;
  position: absolute;
  top: -8px;
  right: -8px;
  border-radius: 50%;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 8px;
  font-weight: bold;
  padding: 2px;
}
.commentTarget .commentTargetPanel.withComments .commentCount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.commentTarget .commentTargetPanel .anticon {
  float: right;
  margin: 2px;
}
.commentTarget .commentTargetPanel.withComments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.commentTarget .commentTargetPanel.withNewComments .commentCount {
  background: #005860;
  color: white;
}
.commentTarget:hover .commentTargetPanel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.commentTarget:hover .commentTargetPanel .commentCount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebar {
  background-color: white;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 1000;
  overflow-y: auto;
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: -8px 0px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: -8px 0px 16px 0px rgba(0, 0, 0, 0.1);
}
.sidebar .sidebarContent {
  padding: 15px 22px;
  min-width: 380px;
  font-size: 14px;
}
.sidebar .sidebarHeader {
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  margin-top: 15px;
  padding-bottom: 2px;
  margin-bottom: 20px;
}
.sidebar.ant-layout-sider-collapsed {
  border: 0;
}
.sidebar.ant-layout-sider-collapsed .closeButton {
  display: none;
}
.sidebar .explanation {
  margin-bottom: 10px;
}
.sidebar .explanationExport {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #121B28 !important;
  margin: 12px 0px;
}
.sidebar .explanationExportWithMargin {
  margin-top: 14px;
  margin-bottom: 20px;
}
.controlPanelWrapperControlPanel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.controlPanelWrapperControlPanel .additionalOptionalButtons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  height: 36px;
}
.controlPanelWrapperControlPanel .additionalOptionalButtons button {
  margin: 0px !important;
  border-radius: 0px 0px 8px 8px;
  height: 100% !important;
}
.controlPanelWrapperControlPanel .itemOfActionControlPanel {
  margin: 0px;
  margin-left: 25px;
  border-radius: 0px 0px 8px 8px;
  border: 1px solid #E5E5EF;
  border-top: none;
  background: white;
  max-height: 36px;
  min-height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.controlPanelWrapperControlPanel .itemOfActionControlPanel > div {
  max-width: 40px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.controlPanelWrapperControlPanel .itemOfActionControlPanel button,
.controlPanelWrapperControlPanel .itemOfActionControlPanel > div {
  max-height: 35px !important;
  min-height: 35px !important;
  min-width: unset !important;
  margin: 0px !important;
  padding: 8px !important;
  color: #3C3C3C !important;
}
.controlPanelWrapperControlPanel .itemOfActionControlPanel > button:first-child,
.controlPanelWrapperControlPanel .itemOfActionControlPanel > div:first-child {
  padding-left: 16px !important;
}
.controlPanelWrapperControlPanel .itemOfActionControlPanel > button:last-child,
.controlPanelWrapperControlPanel .itemOfActionControlPanel > div:last-child {
  padding-right: 16px !important;
}
.controlPanelWrapperControlPanel .itemOfActionControlPanel > span button {
  padding-right: 16px !important;
}
.standardActionPanel,
.principleActionPanel {
  display: none;
  position: absolute;
  top: -14px;
  right: -14px;
  z-index: 2;
  background: white;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #005860;
  border-radius: 8px;
}
.standardActionPanel button span,
.principleActionPanel button span {
  font-size: 16px;
  color: #3C3C3C;
}
.standardActionPanel.standardSize,
.principleActionPanel.standardSize {
  width: 36px;
  height: 36px;
  border-radius: 5px;
  background: transparent;
}
.standardActionPanel.standardSize button,
.principleActionPanel.standardSize button {
  margin: 5px;
}
.standardActionPanel .tooltippedActionIcon,
.principleActionPanel .tooltippedActionIcon {
  margin: 0 2px;
}
.standardActionPanel:hover,
.principleActionPanel:hover {
  z-index: 250;
}
.painpointAndStandardSizeIcon {
  font-size: 21px;
  color: #3C3C3C !important;
  background-color: transparent !important;
}
.painpointActionPanelWrapper {
  display: none;
  gap: 3px;
  top: -14px;
  right: -14px;
  position: absolute;
}
.painpointActionPanelWrapper .painpointToggleAction {
  border-radius: 8px;
  background-color: #FE6161;
  border: 1px solid #FE6161;
  padding-inline: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.painpointActionPanelWrapper .painpointToggleAction:has(.toggleIconForBarrier.used) {
  background-color: #005860;
  border: 1px solid #005860;
}
.painpointActionPanelWrapper .painpointToggleAction .toggleIconForBarrier {
  border-radius: 0px !important;
  background-color: transparent !important;
  margin: 0px !important;
}
.painpointActionPanelWrapper .painpointToggleAction button span {
  font-size: 16px;
  color: white;
}
.painpointActionPanelWrapper .painpointActionPanel {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative !important;
  top: unset !important;
  right: unset !important;
}
.painpointActionPanel {
  display: none;
  position: absolute;
  top: -14px;
  right: -14px;
  z-index: 2;
  background: white;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #005860;
  border-radius: 8px;
}
.painpointActionPanel button span {
  font-size: 16px;
  color: #3C3C3C;
}
.painpointActionPanel.painpointSize {
  width: 36px;
  height: 36px;
  border-radius: 5px;
  background: transparent;
}
.painpointActionPanel.painpointSize button {
  margin: 5px;
}
.painpointActionPanel .tooltippedActionIcon {
  margin: 0 2px;
}
.painpointActionPanel:hover {
  z-index: 250;
}
.painpointItemWrapper:hover .painpointActionPanelWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.itemWithActionPanel {
  position: relative;
}
.itemWithActionPanel:hover .standardActionPanel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.itemWithActionPanel:hover .painpointActionPanel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.itemWithActionPanel:hover .principleActionPanel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.topActionsIconsForItemWrapper {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  color: #121B28;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.topActionsIconsForItemWrapper .actionsIcons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  border: 1px solid #005860;
  border-radius: 5px;
}
.topActionsIconsForItemWrapper .actionsIcons .topActionItem,
.topActionsIconsForItemWrapper .actionsIcons button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: center;
  padding: 4px 5px !important;
}
.topActionsIconsForItemWrapper .actionsIcons .topActionItem:first-child,
.topActionsIconsForItemWrapper .actionsIcons button:first-child {
  padding-left: 10px !important;
}
.topActionsIconsForItemWrapper .actionsIcons .topActionItem:last-child,
.topActionsIconsForItemWrapper .actionsIcons button:last-child {
  padding-right: 10px !important;
}
.topActionsIconsForItemWrapper .actionsIcons * {
  cursor: pointer;
}
.topActionsIconsForItemWrapper .actionsIcons img {
  width: 14px;
}
.topActionsIconsForItemWrapper .actionsIcons button {
  font-size: 13px;
  margin: 0px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: 24px !important;
  min-width: 24px !important;
}
.topActionButtonWrapper {
  position: fixed;
  padding: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  top: 79px;
  right: 80px;
  z-index: 900;
  gap: 16px;
}
.topActionButtonWrapper .itemOfActionButtons {
  background-color: white;
  border: 1px solid #d9d9d9;
  border-radius: 0px 0px 8px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-top-color: white;
}
.topActionButtonWrapper .itemOfActionButtons .infoModalForPersona {
  position: absolute;
  top: 52px;
  right: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 256px;
  padding: 24px;
  height: auto;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background-color: white;
  color: #121B28;
}
.topActionButtonWrapper .itemOfActionButtons .infoModalForPersona .infoModalForPersonaActionIcons {
  position: absolute;
  top: 18px;
  right: 18px;
  cursor: pointer;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  color: black;
}
.topActionButtonWrapper .itemOfActionButtons .infoModalForPersona .infoModalForPersonaTitle {
  margin-bottom: 15px;
}
.topActionButtonWrapper .itemOfActionButtons .infoModalForPersona .infoModalForPersonaTitle,
.topActionButtonWrapper .itemOfActionButtons .infoModalForPersona .infoModalForPersonaTitleFrameworks {
  color: #121B28;
  font-size: 14px;
  font-weight: bold;
}
.topActionButtonWrapper .itemOfActionButtons .infoModalForPersona .infoModalForPersonaDescription {
  font-size: 10px;
}
.topActionButtonWrapper .itemOfActionButtons .infoModalForPersona .infoModalForPersonaTitleFrameworks {
  font-size: 12px !important;
  padding-bottom: 10px;
  padding-top: 10px;
}
.topActionButtonWrapper .itemOfActionButtons .infoModalForPersona .associatedProjectItemContainer {
  padding: 10px 0px;
  border-top: 1px solid #E5E5EF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
}
.topActionButtonWrapper .itemOfActionButtons .infoModalForPersona .associatedProjectItemContainer svg {
  margin-right: 10px;
  font-size: 17px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.topActionButtonWrapper .itemOfActionButtons .infoModalForPersona .associatedProjectItemContainer:hover svg {
  margin-right: 0px;
}
.topActionButtonWrapper .itemOfActionButtons:has(.additionalActionButton) {
  padding: 0px 8px !important;
}
.topActionButtonWrapper .itemOfActionButtons .commonActionButton,
.topActionButtonWrapper .itemOfActionButtons .additionalActionButton {
  padding: 8px;
}
.topActionButtonWrapper .itemOfActionButtons .commonActionButton img,
.topActionButtonWrapper .itemOfActionButtons .additionalActionButton img {
  height: 18px;
}
.topActionButtonWrapper .itemOfActionButtons .commonActionButton.commonActionButtonWildcard {
  padding-bottom: 5px !important;
}
.topActionButtonWrapper .itemOfActionButtons .commonActionButton svg,
.topActionButtonWrapper .itemOfActionButtons .additionalActionButton svg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 19px;
  color: #3C3C3C;
}
.topActionButtonWrapper .itemOfActionButtons .commonActionButton .editIconActive {
  color: #005860;
}
.confirmModalAction {
  max-width: 580px;
}
.confirmModalAction div .ant-modal-content .ant-modal-close:hover {
  background-color: transparent !important;
}
.confirmModalAction.modalWithoutButtons .confirmModalActionContent {
  max-width: unset !important;
}
.confirmModalAction.modalWithoutButtons .confirmModalActionContent .confirmModalActionTitle {
  position: absolute;
  top: 0px;
  left: 0px;
}
.confirmModalAction.modalAssociatedJourneysList .confirmModalActionContent .confirmModalActionDescription {
  padding: 0px !important;
}
.confirmModalAction .confirmModalActionContent {
  position: relative;
  padding-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.confirmModalAction .confirmModalActionContent .confirmModalActionTitle {
  font-size: 20px;
  font-weight: 600;
  color: #121B28;
  text-align: center;
}
.confirmModalAction .confirmModalActionContent .confirmModalActionItemName {
  margin-top: -20px;
  font-size: 16px;
  color: #121B28;
}
.confirmModalAction .confirmModalActionContent .confirmModalActionDescription {
  font-size: 14px;
  color: #121B28;
  padding-bottom: 18px;
  text-align: center;
}
.confirmModalAction .confirmModalActionContent .confirmModalActionButtons {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.confirmModalAction .confirmModalActionContent .confirmModalActionButtons .confirmModalActionConfirmButton,
.confirmModalAction .confirmModalActionContent .confirmModalActionButtons .confirmModalActionCancelButton {
  width: 100%;
  padding: 8px;
  border-radius: 10px;
  border: none;
  outline: none;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.confirmModalAction .confirmModalActionContent .confirmModalActionButtons .confirmModalActionConfirmButton {
  background-color: #5E3AAB;
  color: white;
}
.confirmModalAction .confirmModalActionContent .confirmModalActionButtons .confirmModalActionCancelButton {
  background-color: white;
  border: 1px solid black;
  color: black;
}
.confirmModalAction .ant-modal-content {
  border-radius: 16px;
  padding: 24px !important;
}
.confirmModalAction .ant-modal-content .ant-modal-close {
  top: 20px;
  right: 20px;
}
.confirmModalAction .ant-modal-content .ant-modal-close .ant-modal-close-x {
  color: #3C3C3C;
}
.confirmModalAction .ant-modal-content .ant-modal-footer {
  margin: 0px !important;
}
.mainContent:has(.ant-layout-content .mainPersonaList, .ant-layout-content .personaNewWrapperItem) {
  padding-top: 0px !important;
}
.layout:has(.centralPart .mainContent .ant-layout-content .personaNewWrapperItem, .centralPart .mainContent .ant-layout-content .mainPersonaList ) .header .contextualActionPanel,
.layout:has(.centralPart .mainContent .ant-layout-content .personaNewWrapperItem, .centralPart .mainContent .ant-layout-content .mainPersonaList ) .header .contextualInfoPanel {
  display: none;
}
.inputInSliderWidget,
.inputForLabelItemTitle {
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  padding: 0px;
  height: 23px;
  text-overflow: ellipsis;
}
.inputInSliderWidget:hover,
.inputForLabelItemTitle:hover,
.inputInSliderWidget:focus,
.inputForLabelItemTitle:focus,
.inputInSliderWidget:active,
.inputForLabelItemTitle:active {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
}
.titleOfWidget {
  color: #121B28;
  font-size: 14px;
  font-weight: bold;
  background-color: transparent;
  border-radius: 8px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.titleOfWidget:hover .personaListItemDropdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.titleOfWidget .personaListItemDropdown {
  position: absolute;
  right: -16px;
  height: 100%;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0px;
  cursor: pointer;
  font-size: 17px;
  padding-left: 1px;
}
.widgetCell {
  min-width: 200px;
  height: 287px;
  background-color: rgba(94, 58, 171, 0.05);
  border-radius: 16px;
  position: relative;
  padding: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.widgetCell:hover .topPartOfWidget .topActionsIconsForPersonaWidget {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.widgetCell .topPartOfWidget .titleOfWidget:hover {
  background-color: transparent !important;
}
.widgetCell .topPartOfWidget .topActionsIconsForPersonaWidget {
  top: -10px;
}
.widgetCell .topPartOfWidget .personaWidgetListItemDropDown {
  position: absolute;
  right: -17px;
  height: 100%;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0px;
  cursor: pointer;
  font-size: 17px;
  padding-left: 1px;
  color: #121B28;
  font-weight: bold;
}
.widgetCell .imageWidget.imageWidgetBigSize {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.widgetCell .imageWidget.imageWidgetBigSize .imageItemInWidget {
  height: 100% !important;
}
.widgetCell .imageWidget.imageWidgetBigSize .imageItemInWidget .ant-image {
  height: 100% !important;
}
.widgetCell .imageWidget.imageWidgetBigSize .imageItemInWidget .ant-image .imageItem {
  max-height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.widgetCell .imageWidget.imageWidgetSmallSize {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 12px;
}
.widgetCell .imageWidget .galleryForImageWidgetAddButtonBig,
.widgetCell .imageWidget .galleryForImageWidgetAddButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.widgetCell .imageWidget .galleryForImageWidgetAddButtonBig:hover .addButtonInImageWidget,
.widgetCell .imageWidget .galleryForImageWidgetAddButton:hover .addButtonInImageWidget {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.widgetCell .imageWidget .galleryForImageWidgetAddButtonBig .addButtonInImageWidget,
.widgetCell .imageWidget .galleryForImageWidgetAddButton .addButtonInImageWidget {
  outline: none;
  border: none;
  border-radius: 50%;
  background-color: #E0D9EF;
  cursor: pointer;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.widgetCell .imageWidget .galleryForImageWidgetAddButtonBig {
  width: 200px;
  height: 134px;
  border-radius: 12px;
}
.widgetCell .imageWidget .galleryForImageWidgetAddButtonBig .addButtonInImageWidget {
  width: 44px;
  height: 44px;
}
.widgetCell .imageWidget .galleryForImageWidgetAddButtonBig .addButtonInImageWidget svg {
  font-size: 30px;
}
.widgetCell .imageWidget .galleryForImageWidgetAddButton {
  width: 100%;
  height: 61px;
  border-radius: 4px;
  background-color: white;
}
.widgetCell .imageWidget .galleryForImageWidgetAddButton .addButtonInImageWidget {
  width: 24px;
  height: 24px;
}
.widgetCell .imageWidget .galleryForImageWidgetAddButton .addButtonInImageWidget svg {
  font-size: 24px;
}
.widgetCell .imageWidget .imageItemInWidget {
  position: relative;
  width: 100%;
  height: 61px;
}
.widgetCell .imageWidget .imageItemInWidget:hover .topActionsIconsForPersonaImageWidgetItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.widgetCell .imageWidget .imageItemInWidget .imageItem {
  min-width: 113px;
  height: 61px;
  -o-object-fit: cover;
     object-fit: cover;
}
.widgetCell .imageWidget .imageItemInWidget .topActionsIconsForPersonaImageWidgetItem {
  top: -17px;
}
.widgetCell .imageWidget .ant-image {
  width: 100%;
}
.widgetCell .imageWidget .ant-image .ant-image-mask {
  display: none !important;
}
.widgetCell .labelWidget {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.widgetCell .labelWidget .labelAddNewItemSection {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 30px;
}
.widgetCell .labelWidget .labelAddNewItemSection,
.widgetCell .labelWidget .labelItemEditable {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.widgetCell .labelWidget .labelAddNewItemSection .addButtonSectionInLabelWidget .addButtonInLabelWidget,
.widgetCell .labelWidget .labelItemEditable .addButtonSectionInLabelWidget .addButtonInLabelWidget {
  border: none;
  outline: none;
  border-radius: 2px;
  background-color: white;
  color: #B2B2B2;
  font-size: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 6px 8px;
  cursor: pointer;
}
.widgetCell .labelWidget .labelAddNewItemSection .ant-form-item,
.widgetCell .labelWidget .labelItemEditable .ant-form-item {
  margin: 0 !important;
}
.widgetCell .labelWidget .labelAddNewItemSection .ant-form-item .ant-form-item-control-input,
.widgetCell .labelWidget .labelItemEditable .ant-form-item .ant-form-item-control-input {
  min-height: 10px !important;
}
.widgetCell .labelWidget .labelAddNewItemSection .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content,
.widgetCell .labelWidget .labelItemEditable .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content {
  font-size: 10px;
}
.widgetCell .labelWidget .labelItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.widgetCell .labelWidget .labelItem:hover .topActionsIconsForPersonaLabelWidgetItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.widgetCell .labelWidget .labelItem .topActionsIconsForPersonaLabelWidgetItem {
  top: -17px;
}
.widgetCell .labelWidget .labelItem,
.widgetCell .labelWidget .labelAddNewItemSection {
  position: relative;
}
.widgetCell .labelWidget .labelItem .labelItemContent,
.widgetCell .labelWidget .labelAddNewItemSection .labelItemContent {
  border-radius: 2px;
  background-color: #AB9DD1;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 6px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widgetCell .labelWidget .labelItem .labelItemContent .labelItemTitle,
.widgetCell .labelWidget .labelAddNewItemSection .labelItemContent .labelItemTitle {
  font-size: 10px;
  font-weight: bold;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widgetCell .labelWidget .labelItem .labelItemContent .starIconLabel,
.widgetCell .labelWidget .labelAddNewItemSection .labelItemContent .starIconLabel {
  color: #5E3AAB;
  font-size: 14px;
}
.widgetCell .sliderWidget .ant-form .ant-form-item {
  margin-bottom: 0px !important;
}
.widgetCell .sliderWidget .ant-form .ant-form-item .ant-form-item-control-input {
  min-height: 10px !important;
}
.widgetCell .sliderWidget .sliderWidgetItem {
  position: relative;
}
.widgetCell .sliderWidget .sliderWidgetItem:hover .topActionsIconsForPersonaSliderWidgetItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.widgetCell .sliderWidget .sliderWidgetItem .topActionsIconsForPersonaSliderWidgetItem {
  top: -20px;
  width: 24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.widgetCell .sliderWidget .sliderWidgetItem .personaWidgetListItemSliderDropDown {
  position: absolute;
  right: -17px;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 3px;
  cursor: pointer;
  font-size: 17px;
  padding-left: 1px;
  color: #121B28;
  font-weight: bold;
}
.widgetCell .sliderWidget .mainTitleInSliderWidget {
  font-size: 14px;
  height: 22px;
  font-weight: 600;
  color: #121B28;
  margin-bottom: 6px;
  text-overflow: ellipsis;
}
.widgetCell .sliderWidget .labelsInSliderWidget {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.widgetCell .sliderWidget .labelsInSliderWidget .label1InSliderWidget,
.widgetCell .sliderWidget .labelsInSliderWidget .label2InSliderWidget {
  font-size: 12px;
  color: #121B28;
}
.widgetCell .sliderWidget .labelsInSliderWidget .label2InSliderWidget {
  text-align: right;
}
.widgetCell .sliderWidget .addButtonSectionInSliderWidget {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.widgetCell .sliderWidget .addButtonSectionInSliderWidget .addButtonInSliderWidget {
  outline: none;
  border: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #E0D9EF;
  cursor: pointer;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.widgetCell .sliderWidget .addButtonSectionInSliderWidget .addButtonInSliderWidget:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.widgetCell .sliderWidget .addButtonSectionInSliderWidget .addButtonInSliderWidget svg {
  font-size: 20px;
}
.widgetCell.viewOnlyWidgetCell .topPartOfWidget {
  min-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widgetCell.viewOnlyWidgetCell .textWidget {
  overflow: auto;
}
.widgetCell .textWidget .mainTitleOfItemInTextWidget {
  color: #121B28;
  font-size: 14px;
}
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText .textEditorWrapper .editorToolbar .rdw-colorpicker-wrapper,
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText .textEditorWrapper .editorToolbar .rdw-link-wrapper {
  position: unset !important;
}
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText .textEditorWrapper .editorToolbar .rdw-colorpicker-wrapper .colorPicker,
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText .textEditorWrapper .editorToolbar .rdw-link-wrapper .colorPicker,
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText .textEditorWrapper .editorToolbar .rdw-colorpicker-wrapper .rdw-link-modal,
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText .textEditorWrapper .editorToolbar .rdw-link-wrapper .rdw-link-modal {
  left: 0px !important;
  bottom: 35px !important;
  top: unset !important;
}
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText {
  padding: 0px !important;
  border: none !important;
}
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
}
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText .textEditorWrapper .editorToolbar {
  margin: 0px !important;
  padding: 0px !important;
  background-color: transparent !important;
  border: none !important;
}
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText .textEditorWrapper .editorToolbar .rdw-option-wrapper {
  background: transparent !important;
}
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText .textEditorWrapper .textEditor {
  overflow: auto;
}
.widgetCell .textWidget .mainTitleOfItemInTextWidget .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .wysiwygText .textEditorWrapper .textEditor .public-DraftEditor-content {
  min-height: auto !important;
  height: 160px;
}
.widgetCell .textWidget textarea {
  border: none !important;
  outline: none !important;
  background-color: transparent !important;
  padding: 0px !important;
}
.widgetCell .textWidget textarea:hover,
.widgetCell .textWidget textarea:focus,
.widgetCell .textWidget textarea:active {
  border: none !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.widgetCell .textWidget textarea.valueOfItemInTextWidget {
  color: #121B28;
  font-size: 12px;
}
.optionWrapper {
  width: 120px;
  height: 120px;
  position: relative;
  border-radius: 7px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 10px;
  background-color: #F7F5FB;
}
.optionWrapper:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.optionWrapper .imageMiniature {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.optionWrapper .imageMiniature img {
  width: 84px;
  height: auto;
  margin-bottom: 35px;
}
.optionWrapper .labelMiniature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.optionWrapper .labelMiniature .labelItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.optionWrapper .labelMiniature .labelItem .labelItemContent {
  border-radius: 1px;
  background-color: #AB9DD1;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 2px 4px;
}
.optionWrapper .labelMiniature .labelItem .labelItemContent .labelItemTitle {
  font-size: 4px;
  font-weight: bold;
}
.optionWrapper .labelMiniature .labelItem .labelItemContent .starIconLabel {
  color: #5E3AAB;
  font-size: 7px;
}
.optionWrapper .textMiniature {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}
.optionWrapper .textMiniature .textMiniatureItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.optionWrapper .textMiniature .textMiniatureItem .textMiniatureItemTitle {
  color: #909090;
  font-size: 6px;
}
.optionWrapper .textMiniature .textMiniatureItem .textMiniatureItemValue {
  color: #121B28;
  font-size: 5px;
}
.optionWrapper .optionWrapperTitle {
  font-size: 6px;
  color: #121B28;
  font-weight: bold;
}
.optionWrapper .optionWrapperTypeTitle {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #cdbee6ce;
  color: black;
  font-size: 12px;
}
.modalWidgetBuilder {
  min-width: 650px;
}
.modalWidgetBuilder .modalWidgetBuilderContent {
  padding: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.modalWidgetBuilder .modalWidgetBuilderContent .modalWidgetBuilderTopPart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  color: black;
}
.modalWidgetBuilder .modalWidgetBuilderContent .modalWidgetBuilderTopPart .widgetBuilderModalTitle {
  font-size: 24px;
}
.modalWidgetBuilder .modalWidgetBuilderContent .modalWidgetBuilderTopPart .widgetBuilderModalDescription {
  font-size: 14px;
  padding: 20px;
  border-radius: 8px;
  background-color: #E5E5EF;
}
.modalWidgetBuilder .modalWidgetBuilderContent .modalWidgetBuilderWidgetList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
}
.modalWidgetBuilder .ant-modal-content {
  border-radius: 20px;
}
.modalWidgetBuilder .ant-modal-content .ant-modal-close {
  top: 30px;
  right: 30px;
}
.modalWidgetBuilder .ant-modal-content .ant-modal-close .ant-modal-close-x {
  font-size: 32px;
  color: #161718;
}
.personaQuoteView {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  gap: 24px;
}
.personaQuoteView.wrapperItem {
  gap: 15px !important;
  width: 100%;
}
.personaQuoteView.wrapperItem .ant-form-item {
  width: 100%;
  margin-bottom: 0px;
}
.personaQuoteView.wrapperItem .ant-form-item .ant-form-item-control {
  width: 100%;
}
.personaQuoteView.wrapperItem .ant-form-item .ant-form-item-control .ant-form-item-control-input {
  width: 100%;
}
.personaQuoteView.wrapperItem .ant-form-item .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content {
  width: 100%;
}
.personaQuoteView.wrapperItem .ant-form-item .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
  width: 100%;
  color: #121B28 !important;
}
.personaQuoteView.wrapperItem .ant-input:-moz-placeholder-shown {
  background: none;
  border-radius: 8px;
  height: 24px;
  font-size: 12px;
  color: #909090 !important;
}
.personaQuoteView.wrapperItem .ant-input:-ms-input-placeholder {
  background: none;
  border-radius: 8px;
  height: 24px;
  font-size: 12px;
  color: #909090 !important;
}
.personaQuoteView.wrapperItem .ant-input:placeholder-shown,
.personaQuoteView.wrapperItem .ant-input {
  background: none;
  border-radius: 8px;
  height: 24px;
  font-size: 12px;
  color: #909090 !important;
}
.personaQuoteView img {
  min-width: 24px;
  height: auto;
}
.personaQuoteView .personaQuoteIconItem {
  min-width: 27px !important;
  max-height: 24px;
}
.personaQuoteView span {
  font-size: 12px;
  color: #121B28;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shareInBaseView {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.shareInBaseView span {
  font-size: 12px;
  color: #121B28;
}
.shareInBaseView .shareInBasePersonaIndex {
  -webkit-transition: width 1s;
  transition: width 1s;
  width: 100%;
  height: 8px;
  background-color: #E0D9EF;
  border-radius: 4px;
}
.shareInBaseView .shareInBasePersonaIndex .shareInBasePersonaIndexFillPart {
  width: 0px;
  height: 100%;
  background-color: #AB9DD1;
  -webkit-transition: width 2s;
  transition: width 2s;
  border-radius: 4px;
}
.shareInBaseView .ant-slider .ant-slider-rail,
.shareInBaseView .ant-slider .ant-slider-track,
.shareInBaseView .ant-slider .ant-slider-step {
  height: 8px !important;
}
.ant-slider.sliderInSliderWidget .ant-slider-rail,
.ant-slider.sliderInSliderWidget .ant-slider-track,
.ant-slider.sliderInSliderWidget .ant-slider-step {
  height: 4px !important;
}
.ant-slider.sliderInSliderWidget .ant-slider-handle::after {
  margin-top: -5px !important;
}
.ant-slider.sliderInWidgetMiniature .ant-slider-handle::after {
  width: 3px !important;
  height: 3px !important;
  -webkit-box-shadow: 0 0 0 1px #5E3AAB !important;
          box-shadow: 0 0 0 1px #5E3AAB !important;
  margin-top: -6px !important;
}
.ant-slider.sliderInWidgetMiniature .ant-slider-handle:focus::after,
.ant-slider.sliderInWidgetMiniature .ant-slider-handle:hover::after {
  -webkit-box-shadow: 0 0 0 1px #5E3AAB !important;
          box-shadow: 0 0 0 1px #5E3AAB !important;
}
.ant-slider.sliderInSliderWidget .ant-slider-handle,
.ant-slider.sliderInPersonaWrapper .ant-slider-handle,
.ant-slider.sliderInWidgetMiniature .ant-slider-handle {
  width: 20px;
  height: 20px;
}
.ant-slider.sliderInSliderWidget .ant-slider-handle::after,
.ant-slider.sliderInPersonaWrapper .ant-slider-handle::after,
.ant-slider.sliderInWidgetMiniature .ant-slider-handle::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -3px;
  -webkit-box-shadow: 0 0 0 2px #5E3AAB;
          box-shadow: 0 0 0 2px #5E3AAB;
}
.ant-slider.sliderInSliderWidget .ant-slider-handle:focus::after,
.ant-slider.sliderInPersonaWrapper .ant-slider-handle:focus::after,
.ant-slider.sliderInWidgetMiniature .ant-slider-handle:focus::after,
.ant-slider.sliderInSliderWidget .ant-slider-handle:hover::after,
.ant-slider.sliderInPersonaWrapper .ant-slider-handle:hover::after,
.ant-slider.sliderInWidgetMiniature .ant-slider-handle:hover::after {
  -webkit-box-shadow: 0 0 0 2px #5E3AAB;
          box-shadow: 0 0 0 2px #5E3AAB;
  outline: 6px solid rgba(94, 58, 171, 0.2);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-slider.sliderInWidgetMiniature,
.ant-slider.sliderInPersonaWrapper,
.ant-slider.sliderInSliderWidget {
  margin: 0 !important;
}
.ant-slider.sliderInWidgetMiniature.ant-slider-disabled,
.ant-slider.sliderInPersonaWrapper.ant-slider-disabled,
.ant-slider.sliderInSliderWidget.ant-slider-disabled {
  cursor: pointer !important;
}
.ant-slider.sliderInWidgetMiniature.ant-slider-disabled .ant-slider-handle,
.ant-slider.sliderInPersonaWrapper.ant-slider-disabled .ant-slider-handle,
.ant-slider.sliderInSliderWidget.ant-slider-disabled .ant-slider-handle,
.ant-slider.sliderInWidgetMiniature.ant-slider-disabled .ant-slider-disabled .ant-slider-dot,
.ant-slider.sliderInPersonaWrapper.ant-slider-disabled .ant-slider-disabled .ant-slider-dot,
.ant-slider.sliderInSliderWidget.ant-slider-disabled .ant-slider-disabled .ant-slider-dot {
  cursor: pointer !important;
  border-color: #5E3AAB !important;
}
.ant-slider.sliderInWidgetMiniature .ant-slider-rail,
.ant-slider.sliderInPersonaWrapper .ant-slider-rail,
.ant-slider.sliderInSliderWidget .ant-slider-rail,
.ant-slider.sliderInWidgetMiniature .ant-slider-track,
.ant-slider.sliderInPersonaWrapper .ant-slider-track,
.ant-slider.sliderInSliderWidget .ant-slider-track,
.ant-slider.sliderInWidgetMiniature .ant-slider-step,
.ant-slider.sliderInPersonaWrapper .ant-slider-step,
.ant-slider.sliderInSliderWidget .ant-slider-step {
  height: 2px;
}
.ant-slider.sliderInWidgetMiniature .ant-slider-rail,
.ant-slider.sliderInPersonaWrapper .ant-slider-rail,
.ant-slider.sliderInSliderWidget .ant-slider-rail {
  background-color: #E0D9EF !important;
}
.ant-slider.sliderInWidgetMiniature .ant-slider-track,
.ant-slider.sliderInPersonaWrapper .ant-slider-track,
.ant-slider.sliderInSliderWidget .ant-slider-track {
  background-color: #AB9DD1 !important;
}
.personaBadgeItemMenu .ant-dropdown-menu-item .ant-dropdown-menu-title-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.personaBadgeItemMenu,
.personaInfoListItemMenu,
.personaWidgetListItemMenu,
.personaWidgetListSliderItemMenu {
  border-radius: 8px;
  overflow: hidden;
}
.personaBadgeItemMenu .ant-dropdown-menu-item,
.personaInfoListItemMenu .ant-dropdown-menu-item,
.personaWidgetListItemMenu .ant-dropdown-menu-item,
.personaWidgetListSliderItemMenu .ant-dropdown-menu-item,
.personaBadgeItemMenu .deletePersonaActionContainer,
.personaInfoListItemMenu .deletePersonaActionContainer,
.personaWidgetListItemMenu .deletePersonaActionContainer,
.personaWidgetListSliderItemMenu .deletePersonaActionContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #121B28;
}
.personaBadgeItemMenu .ant-dropdown-menu-item img,
.personaInfoListItemMenu .ant-dropdown-menu-item img,
.personaWidgetListItemMenu .ant-dropdown-menu-item img,
.personaWidgetListSliderItemMenu .ant-dropdown-menu-item img,
.personaBadgeItemMenu .deletePersonaActionContainer img,
.personaInfoListItemMenu .deletePersonaActionContainer img,
.personaWidgetListItemMenu .deletePersonaActionContainer img,
.personaWidgetListSliderItemMenu .deletePersonaActionContainer img {
  width: 14px;
}
.additionalPersonaTopSection {
  position: absolute;
  top: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #121B28;
  z-index: 501;
  padding: 5px 20px;
  padding-bottom: 10px;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.additionalPersonaTopSection .backToPersonaListButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.additionalPersonaTopSection .backToPersonaListButton .backToPersonaListButtonIcon {
  font-size: 18px;
}
.tagItemContainer {
  position: relative;
}
.tagItemContainer:hover .additionalPersonaActionButtons {
  display: block;
}
.tagItemContainer .additionalPersonaActionButtons {
  position: absolute;
  top: -50px;
  left: 0px;
  z-index: 502;
  display: none;
  padding-bottom: 15px;
}
.tagItemContainer .additionalPersonaActionButtons .additionalPersonaActionButtonsContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  border-radius: 8px;
  padding: 8px;
  color: #B2B2B2;
  background-color: white;
  -webkit-box-shadow: 0px 0.25px 0.75px 0px #00000005;
          box-shadow: 0px 0.25px 0.75px 0px #00000005;
  -webkit-box-shadow: 0px 0.6px 1.8px 0px #00000007;
          box-shadow: 0px 0.6px 1.8px 0px #00000007;
  -webkit-box-shadow: 0px 1.13px 3.38px 0px #00000009;
          box-shadow: 0px 1.13px 3.38px 0px #00000009;
  -webkit-box-shadow: 0px 2.01px 6.03px 0px #0000000B;
          box-shadow: 0px 2.01px 6.03px 0px #0000000B;
  -webkit-box-shadow: 0px 3.76px 11.28px 0px #0000000D;
          box-shadow: 0px 3.76px 11.28px 0px #0000000D;
  -webkit-box-shadow: 0px 9px 27px 0px #00000012;
          box-shadow: 0px 9px 27px 0px #00000012;
  cursor: pointer;
}
.tagItemContainer .additionalPersonaActionButtons .additionalPersonaActionButtonsContent .commonActionButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tagItemContainer .additionalPersonaActionButtons .additionalPersonaActionButtonsContent .commonActionButton svg {
  font-size: 20px;
}
.tagItemContainer .additionalPersonaActionButtons .additionalPersonaActionButtonsContent .commonActionButton img {
  width: 21px;
}
#export .personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer {
  overflow: visible;
  max-height: none;
}
#export .personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListItems {
  overflow: visible;
}
#export .personaListItemsContainer,
.personaNewWrapperItem .personaListItemsContainer {
  grid-template-rows: auto auto;
}
.personaNewWrapperItem {
  padding-top: 30px;
}
.personaNewWrapperItem.exportViewPersona {
  padding-left: 50px;
  padding-bottom: 50px;
}
.personaNewWrapperItem .personaWidgetsList {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.personaNewWrapperItem .personaWidgetsList .addWidgetButton {
  min-width: 287px;
  height: 287px;
  background-color: rgba(94, 58, 171, 0.05);
  border-radius: 16px;
  cursor: pointer;
  position: relative;
}
.personaNewWrapperItem .personaWidgetsList .addWidgetButton:hover .addWidgetButtonIconContainer {
  width: 70px;
  height: 70px;
  font-size: 44px;
}
.personaNewWrapperItem .personaWidgetsList .addWidgetButton .addWidgetButtonIconContainer {
  position: absolute;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 40px;
  color: white;
  background-color: rgba(94, 58, 171, 0.15);
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.personaNewWrapperItem .personaContentView {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 10px;
  gap: 24px;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent {
  width: 25%;
  min-width: 287px;
  border-radius: 16px;
  padding: 24px 24px 40px 24px;
  background-color: rgba(94, 58, 171, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .avatar {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: none !important;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .avatar .actionsIcons button,
.personaNewWrapperItem .personaContentView .personaPropertiesContent .formMediaItem .actionsIcons button {
  color: black;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .avatar .avatarCustomNoImageWithIcon,
.personaNewWrapperItem .personaContentView .personaPropertiesContent .formMediaItem .avatarCustomNoImageWithIcon,
.personaNewWrapperItem .personaContentView .personaPropertiesContent .avatar .noContentCustomContainerWithIcon,
.personaNewWrapperItem .personaContentView .personaPropertiesContent .formMediaItem .noContentCustomContainerWithIcon,
.personaNewWrapperItem .personaContentView .personaPropertiesContent .avatar .personaAvatarImage,
.personaNewWrapperItem .personaContentView .personaPropertiesContent .formMediaItem .personaAvatarImage {
  min-width: 240px;
  min-height: 240px;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .avatar .contentDefined .circleProfileImage,
.personaNewWrapperItem .personaContentView .personaPropertiesContent .formMediaItem .contentDefined .circleProfileImage {
  padding: 0px !important;
  min-width: 240px !important;
  min-height: 240px !important;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaNameProperty {
  font-size: 20px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaNameProperty.personaNameEditableProperty {
  width: 100%;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaNameProperty.personaNameEditableProperty .ant-form-item-control {
  width: 100%;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaNameProperty.personaNameEditableProperty .ant-form-item-control .ant-form-item-control-input {
  width: 100%;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaNameProperty.personaNameEditableProperty .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content {
  width: 100%;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaNameProperty.personaNameEditableProperty .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
  width: 100%;
  background-color: transparent;
  color: #121B28;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView {
  width: 100%;
  padding-right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView.onlyForView .personaDescriptionViewItem .personaDescItemValue {
  max-width: 30rem;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemTranslateValue {
  color: #121B28;
  font-size: 12px;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue {
  width: 100%;
  margin-bottom: 0px !important;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-form-item-control {
  width: 100%;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-form-item-control .ant-form-item-control-input {
  width: 100%;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content {
  width: 100%;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
  width: 100%;
  padding: 14px 11px;
  color: #121B28 !important;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select {
  background-color: transparent !important;
  color: #121B28 !important;
  font-weight: 400 !important;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select * {
  font-size: 12px !important;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select .ant-select-selector {
  border-radius: 8px;
  background-color: transparent !important;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select .ant-select-selector .ant-select-selection-search input {
  font-size: 12px;
  color: #909090 !important;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-input:-moz-placeholder-shown {
  background: none;
  border-radius: 8px;
  height: 24px;
  font-size: 12px;
  color: #909090 !important;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-input:-ms-input-placeholder {
  background: none;
  border-radius: 8px;
  height: 24px;
  font-size: 12px;
  color: #909090 !important;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-input:placeholder-shown,
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue .ant-input {
  background: none;
  border-radius: 8px;
  height: 24px;
  font-size: 12px;
  color: #909090 !important;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemTranslateValue {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-weight: 700;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemTranslateValue svg {
  font-size: 18px;
}
.personaNewWrapperItem .personaContentView .personaPropertiesContent .personaDescriptionView .personaDescriptionViewItem .personaDescItemTranslateValue img {
  width: 18px;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer {
  width: 75%;
  border-radius: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 24px;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer {
  max-height: 430px;
  overflow: auto;
  background-color: rgba(94, 58, 171, 0.05);
  border-radius: 16px;
  padding: 16px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListTitle {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #121B28;
  gap: 8px;
  padding: 0px 24px;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListTitle .personaListTitleIcon {
  font-size: 21px;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListTitle .personaListTitleImgIcon {
  min-width: 20px;
  height: auto;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListDescription {
  width: 100%;
  font-size: 10px;
  color: #909090;
  padding: 0px 24px;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListItems {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  overflow: auto;
  padding-top: 10px;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListItems .personaListItemMain {
  position: relative;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListItems .personaListItemMain:hover .topActionsIconsForPersonaInfoItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListItems .personaListItemMain .topActionsIconsForPersonaInfoItem {
  top: -10px;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListItems .personaListItemMain .personaListItemDropdown {
  position: absolute;
  right: -16px;
  height: 100%;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0px;
  cursor: pointer;
  font-size: 17px;
  padding-left: 1px;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListItems .personaListItem {
  width: 100%;
  overflow-wrap: break-word;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  color: #121B28;
  background-color: white;
  outline: none;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListItems .personaListInputForNewItemName {
  width: 100%;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  color: #121B28;
  background-color: transparent;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListItems .addPersonaListItem {
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(94, 58, 171, 0.15);
  color: white;
  font-size: 18px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  margin: 0px auto;
  margin-top: 8px;
}
.personaNewWrapperItem .personaContentView .personaListItemsContainer .personaListContainer .personaListItems .addPersonaListItem:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.personaNewWrapperItem .tagsAndSaveButtonContainer {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .saveButtonSection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: self-end;
  -webkit-align-items: self-end;
     -moz-box-align: self-end;
      -ms-flex-align: self-end;
          align-items: self-end;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .saveButtonSection .saveButton {
  padding: 8px 16px;
  background-color: #5E3AAB;
  border-radius: 8px;
  color: white;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .tagItem,
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag input {
  max-width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 10px;
  letter-spacing: 3px;
  font-size: 11px;
  color: white;
  border-radius: 3px;
  font-weight: 700;
  outline: none;
  border: none;
  line-height: 18px;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .tagItem.tagWithoutColor,
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag input.tagWithoutColor {
  min-width: 20px;
  background-color: #e2e2e2;
  color: #121B28;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .tagItem.tagItemClickable,
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag input.tagItemClickable {
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .tagItem.tagItemClickable:hover,
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag input.tagItemClickable:hover {
  opacity: 0.8;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .listTagsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: self-end;
  -webkit-align-items: self-end;
     -moz-box-align: self-end;
      -ms-flex-align: self-end;
          align-items: self-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: self-end;
  -webkit-align-items: self-end;
     -moz-box-align: self-end;
      -ms-flex-align: self-end;
          align-items: self-end;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag .tagSearchPopoverForPersonaTags {
  width: 350px;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag .tagSearchPopoverForPersonaTags.noTags {
  width: unset !important;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag .tagSearchPopoverForPersonaTags .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
  max-height: 550px;
  overflow: auto;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag .tagSearchInputWIthButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: self-end;
  -webkit-align-items: self-end;
     -moz-box-align: self-end;
      -ms-flex-align: self-end;
          align-items: self-end;
  gap: 12px;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag .tagSearchInputWIthButton input {
  background-color: rgba(94, 58, 171, 0.05);
  color: #121B28 !important;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag .tagSearchInputWIthButton .addNewTagButton {
  border: none;
  width: 25px;
  height: 25px;
  background-color: #E0D9EF;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 50%;
  font-size: 18px;
}
.personaNewWrapperItem .tagsAndSaveButtonContainer .tagsContainer .addNewTag .tagSearchInputWIthButton .addNewTagButton:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.persona {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.persona.default {
  min-width: 200px;
}
.persona .avatar {
  margin: 0 10px 0 0;
}
.persona .personaMainInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.persona .personaMainInfo.withDescription {
  -webkit-box-pack: initial;
  -webkit-justify-content: initial;
     -moz-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
}
.persona .personaMainInfo .personaName {
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
}
.persona .personaMainInfo .personaDescription {
  width: 100%;
}
.persona.compact {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.persona.compact .avatar {
  margin: 0 10px 0 0;
}
.persona.compact .personaMainInfo .personaName {
  font-size: 14px;
  line-height: 16px;
}
.persona.minimal .avatar {
  margin: 0 4px 0 0;
}
.persona.actionable {
  cursor: pointer;
}
.persona.actionable:hover .avatar {
  -webkit-box-shadow: 0 0 10px 0px #898989;
          box-shadow: 0 0 10px 0px #898989;
}
.addNewPersona.persona {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 345px;
}
.addNewPersona.persona .personaAddPersonaNewDesign {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.addNewPersona.persona .personaAddPersonaNewDesign .personaAddNewView {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.addNewPersona.persona .personaAddPersonaNewDesign .personaAddNewView .actionalAddPersona {
  min-width: 64px;
  min-height: 64px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(94, 58, 171, 0.15);
  color: #5E3AAB;
  font-size: 40px;
}
.addNewPersona.persona .personaAddPersonaNewDesign .personaAddNewView .addNewPersonaTitle {
  color: #5E3AAB;
  font-size: 12px;
  font-weight: 500;
}
.compactList .persona.compact {
  margin: 0 0 10px 0;
}
.compactList .persona.default {
  margin: 0 10px 10px 0;
}
.minimalList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.minimalList .persona.minimal:last-of-type .avatar {
  margin: 0;
}
.quote {
  font-style: italic;
}
.quote.withGutter {
  margin-bottom: 10px;
}
.personaNewWrapperItem {
  position: relative;
}
.mainPersonaList,
.personaNewWrapperItem {
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
}
.personaBadgeWrapper {
  min-width: 0;
  position: relative;
}
.personaBadgeWrapper .personaBadgeItemDropdown {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.15s all;
  transition: 0.15s all;
}
.personaBadgeWrapper:hover .personaBadgeItemDropdown {
  opacity: 1;
  visibility: visible;
}
.mainPersonaList .personaSortByContainer {
  width: 100%;
  margin-top: -20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #121B28;
}
.mainPersonaList .personaSortByContainer .sortBySelect {
  min-width: 170px;
}
.mainPersonaList .personaSortByContainer .sortBySelect .ant-select-arrow {
  color: #121B28;
}
.personaList,
.principleList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 20px;
}
.personaList .persona,
.principleList .persona {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 24px;
  background-color: rgba(94, 58, 171, 0.05);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 16px;
}
.personaList .persona .initials,
.principleList .persona .initials {
  position: relative;
}
.personaList .persona:hover,
.principleList .persona:hover {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}
.personaList .persona .personaMiddleContent,
.principleList .persona .personaMiddleContent {
  height: 265px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.personaList .persona .personaMiddleContent .personaMiddleContentAvatar,
.principleList .persona .personaMiddleContent .personaMiddleContentAvatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.personaList .persona .personaMiddleContent .personaMiddleContentAvatar .avatar,
.principleList .persona .personaMiddleContent .personaMiddleContentAvatar .avatar {
  width: 200px !important;
  height: 200px !important;
  border: none !important;
}
.personaList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign,
.principleList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign {
  width: -webkit-calc(100% - 250px);
  width: calc(100% - 250px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.personaList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign .personaDescriptionView,
.principleList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign .personaDescriptionView {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.personaList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign .personaDescriptionView .personaDescriptionViewItem,
.principleList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign .personaDescriptionView .personaDescriptionViewItem {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.personaList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue,
.principleList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign .personaDescriptionView .personaDescriptionViewItem .personaDescItemValue {
  width: 75%;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.personaList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign .personaDescriptionView .personaDescriptionViewItem .personaDescItemTranslateValue,
.principleList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign .personaDescriptionView .personaDescriptionViewItem .personaDescItemTranslateValue {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-weight: 700;
  min-width: 110px;
  color: #121B28;
  font-size: 12px;
}
.personaList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign .personaDescriptionView .personaDescriptionViewItem .personaDescItemTranslateValue svg,
.principleList .persona .personaMiddleContent .personaMiddleContentAvatar .personaDescNewDesign .personaDescriptionView .personaDescriptionViewItem .personaDescItemTranslateValue svg {
  font-size: 18px;
}
.personaList .persona .personaName,
.principleList .persona .personaName {
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
}
.personaList .persona .personaName.personaShrinkText,
.principleList .persona .personaName.personaShrinkText {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.personaList .persona .wildcardInPersonaBadge,
.principleList .persona .wildcardInPersonaBadge {
  position: absolute;
  right: 40px;
  top: 8px;
  width: 32px;
}
.personaWrapper .personaFoto {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  max-width: 100%;
  max-height: 350px;
}
.personaWrapper .persona {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.personaWrapper .persona .description {
  background-color: #f5f5f5;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.personaWrapper .persona .description .headline {
  font-size: 16px;
  white-space: pre-wrap;
}
.personaWrapper .persona .personaName {
  font-size: 20px;
  font-weight: 500;
}
.personaWrapper .persona .basicDetails {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 300px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.personaWrapper .persona .basicDetails .photo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.personaWrapper .persona .basicDetails .photo .image {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  width: 250px;
  height: auto;
  max-height: 350px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
  border-radius: 10px;
  border: 8px solid #d9d9d9;
}
.personaWrapper .persona .basicDetails .photo .image.noPhoto {
  height: 250px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 60px;
}
.personaWrapper .persona .basicDetails .photo .image.noPhoto.dark {
  color: white;
}
.personaWrapper .persona .basicDetails .photo .image.noPhoto.light {
  color: #0c0c0c;
}
.personaWrapper .persona .basicDetails .photo.withQuote .image {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-width: 0;
}
.personaWrapper .persona .basicDetails .photo .quote {
  background-color: #d9d9d9;
  padding: 10px;
  margin-bottom: 20px;
  font-style: italic;
  width: 250px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.personaWrapper .persona .basicDetails .photo .quote.dark {
  color: white;
}
.personaWrapper .persona .basicDetails .mainActionButton {
  margin-top: 15px;
}
.personaWrapper .persona .additionalDetails {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 15px;
}
.personaWrapper .persona .additionalFormItem {
  width: 100%;
}
.personaWrapper .persona .additionalFormItem .name {
  font-size: 16px;
  font-weight: 500;
}
.personaWrapper .persona .additionalFormItem .infoValue {
  line-height: 1.5;
}
.personaWrapper .persona .additionalFormItem .infoValue .textEditorContainer {
  padding: 0;
}
.personaWrapper .persona .additionalFormItem .infoValue .textEditorContainer .notEditableHtml {
  min-height: 0;
}
.personaWrapper .persona .additionalFormItem.compactMode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
     -moz-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 5px 10px;
}
.personaWrapper .persona .additionalFormItem.compactMode.readonly {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.personaWrapper .persona .additionalFormItem.compactMode .name {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  word-break: break-word;
}
.personaWrapper .persona .additionalFormItem.compactMode.headlineField .name {
  font-size: 18px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.personaWrapper .persona .additionalFormItem.compactMode.richTextField {
  padding: 10px;
}
.personaWrapper .persona .additionalFormItem.compactMode.progressField,
.personaWrapper .persona .additionalFormItem.compactMode.sliderField {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.personaWrapper .persona .additionalFormItem.compactMode.progressField .name,
.personaWrapper .persona .additionalFormItem.compactMode.sliderField .name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.personaWrapper .persona .additionalFormItem.standardMode {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 5px;
}
.personaWrapper .persona .additionalFormItem.headlineField {
  border-radius: 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  font-variant: small-caps;
  padding-bottom: 5px;
  letter-spacing: -1px;
  margin-top: 5px;
}
.personaWrapper .persona .additionalFormItem.headlineField .name {
  font-size: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.personaWrapper .persona.editMode .personaFormFields {
  border-bottom: 2px solid #c7d30a;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.personaWrapper .persona.editMode .personaFormFields .additionalFormItem.writable .textEditorContainer {
  border: 1px solid #d9d9d9;
}
.personaWrapper .persona.editMode .personaFormFields .formMediaItem {
  max-width: 300px;
}
.personaWrapper .persona.editMode .personaFormFields .basicDetails .photo {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.personaWrapper .persona.editMode .additionalFormItem .formItemValue {
  background-color: white;
  border-radius: 4px;
}
.personaWrapper .persona.editMode.design .basicDetails .additionalFormItem.writable {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.personaWrapper .persona.editMode .tooltippedActionIcon {
  font-size: 18px;
}
.personaWrapper .formMediaItem .contentNotDefined {
  border: 8px solid #d9d9d9;
  border-radius: 10px;
  margin: 0;
  min-height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.personaWrapper .formMediaItem .contentDefined .personaFoto {
  border: 8px solid #d9d9d9;
  border-radius: 10px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.sidebarContent .personaWrapper .persona {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebarContent .personaWrapper .persona .basicDetails {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sidebarContent .personaWrapper .persona .basicDetails .image {
  width: 200px;
  height: auto;
}
.sidebarContent .personaWrapper .persona .basicDetails .image.noPhoto {
  height: 200px;
}
.sidebarContent .personaWrapper .persona .basicDetails .quote {
  width: 200px;
}
.sidebarContent .personaWrapper .persona .basicDetails .optionalFields {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 25px;
}
.sidebarContent .personaWrapper .persona .additionalDetails {
  margin-left: 0;
}
.personaFormActions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.personaControlPanel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.personaTitleWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.personaTitleWrapper .nameHierarchy {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.mainContent:has(.ant-layout-content .journeyMapWrapper ) .stickyTopGutter {
  display: none !important;
}
.journeyMapContent {
  position: -webkit-sticky;
  position: sticky;
  top: 300px;
}
.journeyMapWrapper .switchTypeOfView,
.journeyMapContent .switchTypeOfView {
  position: -webkit-sticky;
  position: sticky;
  top: 200px;
  z-index: 221;
  background-color: white;
}
.journeyMapWrapper .projectItemTopPart,
.journeyMapContent .projectItemTopPart {
  background-color: white;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  z-index: 221;
  margin-top: -48px;
  padding-top: 15px;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.journeyMapWrapper .projectItemTopPart .projectItemGoBack,
.journeyMapContent .projectItemTopPart .projectItemGoBack {
  cursor: pointer;
  padding: 8px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.journeyMapWrapper .projectItemTopPart .projectItemGoBack span,
.journeyMapContent .projectItemTopPart .projectItemGoBack span {
  color: #3C3C3C;
  font-size: 24px;
}
.journeyMapWrapper .projectItemTopPart .tagList .tag,
.journeyMapContent .projectItemTopPart .tagList .tag {
  padding: 5px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: bold;
  border: none;
}
.journeyMapWrapper .mainProjectItemNameTitleContainer,
.journeyMapContent .mainProjectItemNameTitleContainer {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
  z-index: 221;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 18px;
  background-color: white;
}
.journeyMapWrapper .mainProjectItemNameTitleContainer.mainProjectItemNameTitleContainerJourney,
.journeyMapContent .mainProjectItemNameTitleContainer.mainProjectItemNameTitleContainerJourney {
  padding-bottom: 4px;
}
.journeyMapWrapper .mainProjectItemNameTitleContainer .mainProjectItemName,
.journeyMapContent .mainProjectItemNameTitleContainer .mainProjectItemName {
  font-size: 24px;
  font-weight: bold;
  color: #121B28;
}
.journeyMapWrapper .switchGroup,
.journeyMapContent .switchGroup {
  margin-bottom: 12px;
}
.journeyMapWrapper .journeyMap .journeyMapLanes,
.journeyMapContent .journeyMap .journeyMapLanes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: auto;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane.firstLane .laneHeader .relativeWrapper .laneHeaderTitle,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane.firstLane .laneHeader .relativeWrapper .laneHeaderTitle {
  font-weight: 900 !important;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane:first-child .journeyMapLaneSteps .journeyMapCellWrapper,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane:first-child .journeyMapLaneSteps .journeyMapCellWrapper {
  border-top: 1px solid #d9d9d9;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .painpoint,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .painpoint {
  opacity: 0.5;
  text-align: center;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .painpoint.used,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .painpoint.used {
  opacity: 1;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .interaction,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .interaction,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .keyResult,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .keyResult,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .objective,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .objective,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .goal,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .goal,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .barrier,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .barrier,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .unmetWish,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .unmetWish,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .minimumStandard,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .minimumStandard,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .painpoint,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .painpoint,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .childHeroJourneyStep,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .childHeroJourneyStep,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .principleRuleDoItem,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .principleRuleDoItem {
  margin-bottom: 8px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  padding: 8px;
  background-color: white;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  font-size: 10px;
  font-weight: 400;
  color: #121B28;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .interaction:active,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .interaction:active,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .keyResult:active,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .keyResult:active,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .objective:active,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .objective:active,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .goal:active,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .goal:active,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .barrier:active,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .barrier:active,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .unmetWish:active,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .unmetWish:active,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .minimumStandard:active,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .minimumStandard:active,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .painpoint:active,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .painpoint:active,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .childHeroJourneyStep:active,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .childHeroJourneyStep:active,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .principleRuleDoItem:active,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .principleRuleDoItem:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .inlineForm,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .inlineForm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .inlineTextboxWrapper,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .inlineTextboxWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 5px;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .ant-input,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .ant-input {
  border: 1px solid #d9d9d9;
  border-radius: 8px 0px 0px 8px;
  font-size: 10px;
  padding: 8px 12px;
  background-color: transparent;
  max-height: 33px;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .ant-input.addingInput,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .ant-input.addingInput {
  border-radius: 8px;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .ant-form-item,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .ant-form-item {
  margin-right: 0px !important;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .inlineFormSubmit,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .inlineFormSubmit {
  width: 24px;
  height: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #005860;
  color: white;
  border-radius: 0px 8px 8px 0px;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .inlineFormSubmit .ant-btn-icon span,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .inlineForm .inlineFormSubmit .ant-btn-icon span {
  font-size: 12px;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .graphCell .multigraphArea,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .graphCell .multigraphArea {
  border-radius: 8px;
  background-color: #F7F5FB;
  overflow: hidden;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .freeItemListCell .notEditableHtml,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .freeItemListCell .notEditableHtml,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .textCell .notEditableHtml,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .textCell .notEditableHtml {
  font-size: 10px;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .textCell .textEditorContainer,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .textCell .textEditorContainer {
  padding: 8px;
  height: unset !important;
  border-radius: 8px;
  background-color: rgba(94, 58, 171, 0.05);
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .textCell .textEditorContainer .textEditorWrapper .editorToolbar,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .textCell .textEditorContainer .textEditorWrapper .editorToolbar {
  background-color: transparent;
  border-color: transparent;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .textCell .textEditorContainer .textEditorWrapper .editorToolbar div > .rdw-option-wrapper,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .textCell .textEditorContainer .textEditorWrapper .editorToolbar div > .rdw-option-wrapper {
  background-color: transparent;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .okrListCell .okrListCellContent,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .okrListCell .okrListCellContent {
  height: 100%;
  padding: 8px;
  background-color: rgba(94, 58, 171, 0.05);
  border-radius: 8px;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .okrListCell .okrListCellContent .itemWithActionPanel,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .okrListCell .okrListCellContent .itemWithActionPanel {
  text-align: center;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .imageCell .contentDefined img,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .imageCell .contentDefined img {
  border-radius: 8px;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .phaseCell,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .phaseCell,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .phaseName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .phaseName,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .phaseName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .phaseName {
  padding: 10px 0px;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .phaseName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .phaseName,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .phaseName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .phaseName,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .stepName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .stepName,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .stepName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .stepName {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .phaseName .phaseItemName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .phaseName .phaseItemName,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .phaseName .phaseItemName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .phaseName .phaseItemName,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .stepName .phaseItemName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .stepName .phaseItemName,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .stepName .phaseItemName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .stepName .phaseItemName {
  background: white;
  width: 100%;
  text-align: center;
  border-radius: 8px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  word-break: break-word;
}
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .phaseName .stepInfoItemName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .phaseName .stepInfoItemName,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .phaseName .stepInfoItemName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .phaseName .stepInfoItemName,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .stepName .stepInfoItemName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .phaseCell .stepName .stepInfoItemName,
.journeyMapWrapper .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .stepName .stepInfoItemName,
.journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .stepInfoCell .stepName .stepInfoItemName {
  background: rgba(94, 58, 171, 0.05);
  width: 100%;
  text-align: center;
  border-radius: 8px;
  padding: 8px;
}
.projectInfoView .projectInfoViewContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  gap: 16px;
}
.projectInfoView .projectInfoViewContainer .projectInfoViewLeftSide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.projectInfoView .projectInfoViewContainer .projectInfoViewLeftSide .projectInfoViewName {
  font-size: 20px;
  color: #121B28;
  font-weight: 600;
}
.projectInfoView .projectInfoViewContainer .projectInfoViewLeftSide .description p {
  color: #909090 !important;
  font-size: 14px;
  font-weight: 500;
}
.projectItemLogo {
  max-height: 100px;
  max-width: 250px;
}
.projectItemLogoCircle {
  max-height: 64px;
  max-width: 64px;
  min-height: 64px;
  min-width: 64px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project .description,
.projectItems .description {
  margin-bottom: 15px;
}
.actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.actions .mainActionButton {
  margin-left: 0px;
}
.actions .mainActionButton ~ .mainActionButton {
  margin-left: 5px;
}
.sortIconContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sortIconContainer .customIconInTable {
  margin: -5px;
}
.standardItemList .projectItemName {
  padding-right: 10px;
  font-weight: bold;
  font-size: 14px;
  color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.standardItemList .ant-table-row.with-padding .ant-table-cell {
  padding-left: 40px !important;
}
.standardItemList .ant-table-cell-with-append .customExpanedContainer {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  float: left;
  height: 100%;
  -webkit-margin-end: 8px;
     -moz-margin-end: 8px;
          margin-inline-end: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.standardItemList .ant-table-cell-with-append .customExpanedContainer .customExpandedButton {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  border: 1px solid #f0f0f0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.standardItemList .ant-table-cell-with-append .customExpanedContainer .customExpandedButton:focus,
.standardItemList .ant-table-cell-with-append .customExpanedContainer .customExpandedButton:hover,
.standardItemList .ant-table-cell-with-append .customExpanedContainer .customExpandedButton:active {
  border-color: #5E3AAB;
  color: #5E3AAB;
}
.standardItemList .ant-table-cell-with-append .customExpanedContainer .customExpandedButton.disabledExpandedButton {
  visibility: hidden;
  border: none;
}
.standardItemList .persona,
.standardItemList .principle {
  margin: 2px 4px 2px 0;
}
.standardItemList .persona .avatar,
.standardItemList .principle .avatar {
  margin: 0;
}
.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.publicProjectItemDetails .projectItemProperty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.publicProjectItemDetails .projectItemProperty .name {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 150px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
}
.publicProjectItemDetails .projectItemProperty .value {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.infoPanel .publicProjectItemDetails .projectItemProperty .name {
  -webkit-flex-basis: 220px;
      -ms-flex-preferred-size: 220px;
          flex-basis: 220px;
}
.publicProjectItemDetails .projectItemProperty .compactList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.publicProjectItemDetails .projectItemProperty .compactList .persona,
.publicProjectItemDetails .projectItemProperty .compactList .principle {
  max-width: 500px;
  min-width: 220px;
}
.sidebarContent .publicProjectItemDetails .projectItemLogo {
  max-width: 150px;
}
.heroJourneyStepList .description {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
  display: inline-block;
  color: #595959;
}
.loadFailureInfoWrapper {
  max-width: 500px;
}
.loadFailureInfoWrapper .inlineForm {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-top: 10px;
}
.sharingView .title {
  margin-top: 30px;
}
.sharingView .anonymousSharing .title {
  color: #a0518f;
  border-color: #a0518f;
}
.sharingView .sharingState {
  font-weight: 500;
  margin: 20px 0 10px;
}
.sharingView .sharableLinkWrapper {
  margin-bottom: 5px;
  margin-top: 10px;
}
.sharingView .sharableLinkWrapper input {
  font-size: 12px;
}
.permissionList {
  margin-bottom: 10px;
}
.permissionList .scrollablePart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.permissionList .permissionRow {
  min-height: 30px;
  line-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.permissionList .permissionRow.formRow {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.permissionList .permissionRow .ant-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
}
.permissionList .permissionRow .userNameColumn {
  min-width: 150px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50%;
     -moz-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  padding-right: 10px;
}
.permissionList .permissionRow .userPermissionsActionColumn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.permissionList .permissionRow .userPermissionsActionColumn .selectColumn .ant-select {
  width: 130px;
}
.permissionList .permissionRow .userPermissionsActionColumn .actionColumn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.permissionList .permissionRow .userPermissionsActionColumn .actionColumn button span {
  font-size: 20px;
  color: #121B28 !important;
}
.permissionList .permissionRow .ant-form-item {
  margin-bottom: 0;
  width: 100%;
}
.permissionList .permissionRow .ant-form-item .ant-form-item-control-input {
  width: 100%;
}
.permissionList .tooltippedActionIcon {
  margin: 0;
}
/*SPINNER*/
.cssload-loader {
  position: relative;
  width: 30px;
  height: 30px;
}
.loadingSection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.loadingSection .successContainer {
  width: 16px;
  height: 16px;
  background-color: #52c41a;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.loadingSection span {
  margin-left: 5px;
}
.centralContent .loadingText {
  padding-top: 35px;
}
.centralContent .cssload-loader {
  width: 100px;
  height: 100px;
}
.centralContent .cssload-loader-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cssload-inner {
  position: absolute;
  width: 100%;
  height: 100%;
}
.cssload-loader-wrapper {
  display: none;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle fill="%235E3AAB" stroke="%235E3AAB" stroke-width="15" r="15" cx="40" cy="65"><animate attributeName="cy" calcMode="spline" dur="1.2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></circle><circle fill="%235E3AAB" stroke="%235E3AAB" stroke-width="15" r="15" cx="100" cy="65"><animate attributeName="cy" calcMode="spline" dur="1.2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></circle><circle fill="%235E3AAB" stroke="%235E3AAB" stroke-width="15" r="15" cx="160" cy="65"><animate attributeName="cy" calcMode="spline" dur="1.2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></circle></svg>');
}
.cssload-loader-wrapper.processing {
  display: block;
}
.ie .cssload-loader-wrapper.processing:before {
  content: "Loading...";
}
.gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.gallery .tabs {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  border-right: 1px solid #f5f5f5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.gallery .maxSizeNotice {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-style: italic;
  padding: 10px 0 20px;
}
.gallery.adminGallery .tabs {
  min-width: 200px;
  max-width: 200px;
}
.gallery.adminGallery .mediaItems .mediaItemsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 28px;
}
.gallery .mediaItems {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
     -moz-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 10px;
}
.gallery .mediaItems .mediaItemsContainer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.gallery .mediaItems .mediaItemsContainer .dragAndDropGalleryButton,
.gallery .mediaItems .mediaItemsContainer .mediaThumbnail {
  width: 152px !important;
  height: 134px !important;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  margin: 0px !important;
}
.gallery .mediaItems .mediaItemsContainer .dragAndDropGalleryButton .dragAndDropGalleryButtonIcon,
.gallery .mediaItems .mediaItemsContainer .mediaThumbnail .dragAndDropGalleryButtonIcon {
  font-size: 30px;
}
.gallery .mediaItems .mediaItemsContainer .dragAndDropGalleryButton .dragAndDropGalleryButtonText,
.gallery .mediaItems .mediaItemsContainer .mediaThumbnail .dragAndDropGalleryButtonText {
  font-size: 12px;
  text-align: center;
}
.gallery .mediaItems .mediaItemsContainer .mediaThumbnail {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.gallery .ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar {
  border: none;
}
.gallery .ant-tabs-vertical > .ant-tabs-bar .ant-tabs-tab {
  max-width: 157px;
  white-space: normal;
  font-variant: small-caps;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  padding: 8px 10px;
}
.gallery .mediaThumbnail {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 130px;
  height: 130px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  margin: 0 5px 5px 0;
  cursor: pointer;
}
.gallery .mediaThumbnail .topActionsIconsForMediaImage {
  top: -12px;
}
.gallery .mediaThumbnail .topActionsIconsForMediaImage * {
  -webkit-transition: none !important;
  transition: none !important;
  color: #121B28 !important;
}
.gallery .mediaThumbnail .topActionsIconsForMediaImage .ant-upload-wrapper .ant-upload .ant-upload button {
  padding-left: 10px !important;
  padding-right: 5px !important;
}
.gallery .mediaThumbnail .topActionsIconsForMediaImage div .ant-btn {
  padding-left: 5px !important;
}
.gallery .mediaThumbnail:hover {
  -webkit-box-shadow: 0 0 10px 1px #f0f0f0;
          box-shadow: 0 0 10px 1px #f0f0f0;
}
.gallery .mediaThumbnail:hover .topActionsIconsForMediaImage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.gallery .mediaThumbnail.selected {
  border: 2px solid #c7d30a;
}
.gallery .uploadArea {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 5px 5px 0;
  width: 130px;
  height: 130px;
  border: 1px dashed #c7d30a;
  border-radius: 10px;
  cursor: pointer;
}
.gallery .uploadArea .clickArea {
  padding: 25px;
}
.gallery .uploadArea .icon {
  font-size: 18px;
}
.gallery .uploadArea:has(.ant-upload .ant-upload .clickArea .dragAndDropGalleryButton) {
  border: none !important;
  width: 152px;
  height: 134px;
  margin: 0px !important;
}
.galleryModal .gallery {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.galleryModal .gallery .mediaItemsContainer {
  max-height: 400px;
  overflow: auto;
}
.galleryModal .gallery .headingTitleNewDesign {
  padding: 15px 0px 10px 0px;
  font-size: 24px;
}
.galleryModal .ant-modal-content .ant-modal-close {
  top: 30px;
  right: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.galleryModal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  font-size: 32px;
  height: unset !important;
  color: #161718;
}
.mediaCropModal .cropperContainer {
  position: relative;
  width: 100%;
  height: 400px;
}
.noImageContentWithUploadText {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  font-size: 12px;
  color: #121B28;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 12px;
}
.noImageContentWithUploadText .addMediaIcon {
  font-size: 24px;
}
.exportList .headerRow {
  margin-bottom: 3px;
  margin-top: 3px;
  color: #121B28;
  font-weight: 700;
  font-size: 16px;
}
.exportList .exportItem {
  margin-bottom: 8px;
  margin-top: 8px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid #d9d9d9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-inline: 14px;
}
.exportList .exportItem .ant-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.exportList .exportItem .status {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
     -moz-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.exportList .exportItem .status a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #121B28;
  text-decoration: none;
}
.exportList .exportItem.failed {
  border: 1px solid #AA3240;
}
.exportList .exportItem.failed .exportDate,
.exportList .exportItem.failed .status {
  color: #AA3240;
}
.exportList .exportItem.processing .exportDate,
.exportList .exportItem.notStarted .exportDate,
.exportList .exportItem.processed .exportDate {
  color: #121B28;
}
.exportList .exportItem.processing .status,
.exportList .exportItem.notStarted .status,
.exportList .exportItem.processed .status {
  color: #3C3C3C;
}
.exportList .exportItem.notStarted,
.exportList .exportItem.processing {
  opacity: 0.5;
}
.exportLineSeparator {
  width: 100%;
  height: 1px;
  background-color: #E5E5EF;
  margin: 3px 0px 15px 0px;
}
body:has(:not(#export)):has(.journeyMapContent) {
  overflow-x: auto !important;
}
#export {
  width: 100%;
  background-color: white;
}
#export .personaNewWrapperItem,
#export .principleNewWrapperItem {
  width: 100% !important;
  padding-top: 0px !important;
}
#export .personaNewWrapperItem .personaContentView,
#export .principleNewWrapperItem .personaContentView,
#export .personaNewWrapperItem .principlePropertiesMainContainer,
#export .principleNewWrapperItem .principlePropertiesMainContainer {
  margin-top: 0px !important;
}
#export .personaNewWrapperItem.exportViewPersona,
#export .principleNewWrapperItem.exportViewPersona,
#export .personaNewWrapperItem.exportViewPrinciple,
#export .principleNewWrapperItem.exportViewPrinciple {
  padding-left: 0px !important;
  padding-bottom: 0px !important;
}
#export .journeyMapContent .journeyMap {
  padding: 0px !important;
  margin: 0px !important;
}
#export .journeyMapContent .journeyMap .journeyMapLanes .journeyMapLane .laneHeader {
  position: relative !important;
  left: unset !important;
}
#export .projectItemExportHeader {
  position: relative;
  left: 0;
  width: auto;
}
#export .projectItemExportHeader .projectItemTitleWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#export .projectItemExportHeader .nameHierarchy {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#export .projectItemExportHeader .projectName {
  color: #02646d;
}
#export .projectItemExportHeader .logoWithDescription {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  max-width: 1000px;
  margin-bottom: 30px;
}
#export .projectItemExportHeader .divider {
  width: 2px;
  background-color: #f5f5f5;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin: 0 29px 30px 29px;
}
#export .projectItemExportHeader .description {
  padding: 20px 15px;
  background-color: #f5f5f5;
  border: none;
  font-size: 15px;
  max-width: 800px;
  min-width: 500px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#export .projectItemExportHeader .description.withLogo {
  margin-left: 30px;
}
#export .projectItemExportHeader .logoWrapper {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
#export .projectItemExportHeader .associatedPersonaList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-bottom: 30px;
}
#export .projectItemExportHeader .associatedPersonaList .persona {
  margin-right: 30px;
  margin-top: 0;
  cursor: pointer;
}
#export .projectItemExportHeader .associatedPersonaList .persona .personaMainInfo {
  min-width: 120px;
  max-width: 300px;
}
#export .projectItemExportHeader .associatedPrincipleList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-bottom: 30px;
}
#export .projectItemExportHeader .principle {
  margin-right: 30px;
}
#export .projectItemExportHeader .principle .principleMainInfo {
  margin-top: 0px;
  min-width: 120px;
  max-width: 300px;
}
.laneExportDefinition {
  padding: 2px 10px;
  margin-bottom: 8px;
  cursor: pointer;
  line-height: 30px;
  font-weight: 400;
  border-radius: 12px;
  color: #121B28;
  border: 1px solid #d9d9d9;
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.laneExportDefinition .exportCheckbox .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #5E3AAB !important;
}
.laneExportDefinition .exportCheckbox .ant-checkbox-checked .ant-checkbox-inner:hover {
  background-color: #5E3AAB !important;
}
.laneExportDefinition .exportCheckbox:hover .ant-checkbox-inner,
.laneExportDefinition .exportCheckbox .ant-checkbox:hover .ant-checkbox-inner,
.laneExportDefinition .exportCheckbox .ant-checkbox-input:focus + .ant-checkbox-inner,
.laneExportDefinition .exportCheckbox:hover {
  border-color: #d9d9d9 !important;
}
.laneExportDefinition .exportCheckbox .ant-checkbox-inner {
  width: 18px;
  height: 18px;
  border-radius: 3px !important;
  border-color: #d9d9d9 !important;
}
.exportTabs {
  font-weight: 500;
}
.exportView .ant-form .ant-form-item {
  margin-bottom: 0px !important;
}
.exportView .fontSizeSelectWrapper {
  margin-bottom: 20px;
}
.exportView,
.exportList {
  font-family: 'Montserrat', sans-serif;
}
.exportView .titleInExport .ant-form-item-label label,
.exportList .titleInExport .ant-form-item-label label {
  font-weight: 700 !important;
  font-variant: normal !important;
  color: #121B28 !important;
}
.exportView .customExportButton,
.exportList .customExportButton {
  padding: 15px 20px;
  background-color: #5E3AAB !important;
  border-color: #5E3AAB !important;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.exportView .customExportButton:hover,
.exportList .customExportButton:hover {
  color: #121B28;
  background-color: white !important;
  border-color: #d9d9d9 !important;
}
.exportView .customExportButton.disabled:hover,
.exportList .customExportButton.disabled:hover {
  background-color: #898989 !important;
  border-color: #898989 !important;
}
.exportTabsWrapper .ant-tabs-nav::before {
  display: none !important;
}
.valuesExportImportView .uploadArea {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5px 5px 5px 0;
  width: 100%;
  height: 100px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  cursor: pointer;
}
.valuesExportImportView .uploadArea .ant-upload.ant-upload-select {
  display: block;
}
.valuesExportImportView .uploadArea .ant-upload {
  width: 100%;
  height: 100px;
}
.valuesExportImportView .uploadArea .clickArea {
  width: 100%;
  display: block;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.valuesExportImportView .uploadArea .clickArea .uploadAreaContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.valuesExportImportView .uploadArea .clickArea .uploadAreaContent .icon {
  font-size: 24px;
  color: #3C3C3C;
}
.valuesExportImportView .uploadArea .clickArea .uploadAreaContent .uploadAreaText {
  font-size: 12px;
  color: #121B28;
  text-decoration: underline;
  font-weight: 400;
}
.journeyMap {
  margin: 28px 0;
  padding: 1px 40px 20px 0;
  min-height: 350px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.ie .journeyMap {
  height: 100%;
  width: 100%;
}
.journeyMap .gutter {
  display: none;
}
.journeyMap .journeyMapLanes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: auto;
}
.journeyMap .journeyMapLanes .journeyMapLane:last-of-type {
  border-bottom: 1px solid #d9d9d9;
}
.journeyMap .journeyMapLane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border: none;
}
.journeyMap .journeyMapLane.firstLane .laneHeader {
  border-radius: 12px 0px 0px 0px;
}
.journeyMap .journeyMapLane.firstLane:before {
  content: "";
  position: absolute;
  top: -24px;
  display: block;
  height: 34px;
  background-color: white;
  width: 100%;
  z-index: -1;
}
.journeyMap .journeyMapLane.sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 220;
}
.journeyMap .journeyMapLane .laneHeader {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 140px;
  max-width: 140px;
  position: -webkit-sticky;
  position: sticky;
  left: 90px;
  z-index: 210;
  padding: 5px;
  -webkit-transition: background-color, left 0.3s ease-out;
  transition: background-color, left 0.3s ease-out;
  background-color: #5E3AAB;
  border: 1px solid #d9d9d9;
  border-bottom: none !important;
}
.layout.sideMenuExpanded .journeyMap .journeyMapLane .laneHeader {
  left: 340px;
}
.layout.anonymous .journeyMap .journeyMapLane .laneHeader {
  left: 0;
}
.journeyMap .journeyMapLane .laneHeader .cellActionPanelContainer {
  top: -5px;
  right: -5px;
}
.journeyMap .journeyMapLane .laneHeader .cellActionPanelContainer .cellActionPanel {
  position: relative;
  top: 0px;
  right: 0px;
}
.journeyMap .journeyMapLane .laneHeader .cellActionPanel {
  top: -5px;
  right: -5px;
  background: white;
  border-bottom-left-radius: 8px;
}
.journeyMap .journeyMapLane .laneHeader .cellActionPanel .tooltippedActionIcon {
  font-size: 16px;
}
.journeyMap .journeyMapLane .laneHeader:hover .cellActionPanel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.journeyMap .journeyMapLane .laneHeader.canDrag {
  cursor: move;
}
.journeyMap .journeyMapLane .laneHeaderTitle {
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-align: center;
  word-break: break-word;
}
.journeyMap .journeyMapLane .laneHeaderDescription {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.journeyMap .journeyMapLane .laneHeaderDescription .wysiwygText {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.journeyMap .journeyMapLane .laneHeaderDescription .wysiwygText .descriptionContent {
  font-size: 12px;
  min-height: auto !important;
  height: auto !important;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-weight: 400 !important;
  color: #d9d9d9 !important;
}
.journeyMap .journeyMapLane .journeyMapLaneSteps {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.journeyMap .journeyMapLane .journeyMapCellWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.journeyMap .journeyMapLane .resizer,
.journeyMap .journeyMapLane .spacer {
  width: 1px;
  background-color: #d9d9d9;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 1px;
          flex: 0 0 1px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.journeyMap .journeyMapLane .spacer:hover {
  position: relative;
  z-index: 5;
  width: 1px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 1px;
          flex: 0 0 1px;
  cursor: pointer;
}
.journeyMap .journeyMapLane .spacer:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: -35px;
  right: 0;
  bottom: 0;
  width: 70px;
  height: 28.33px;
  margin: auto;
  background-color: white;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.journeyMap .journeyMapLane .resizer.resizable {
  cursor: ew-resize;
  background-color: #dedede;
  width: 1px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 1px;
          flex: 0 0 1px;
  background-color: #d9d9d9;
}
.journeyMap .journeyMapLane .resizer.resizable:hover {
  background-color: #dedede;
  width: 1px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 1px;
          flex: 0 0 1px;
  background-color: #d9d9d9;
}
.ie .journeyMap .journeyMapLane .resizer.resizable:hover {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  width: 2px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 2px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 2px;
          flex: 0 0 2px;
}
.journeyMap .journeyMapLane .journeyMapCell {
  min-width: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 8px;
  background-color: white;
  position: relative;
}
.journeyMap .journeyMapLane .journeyMapCell .cellActionPanel {
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  background: white;
}
.journeyMap .journeyMapLane .journeyMapCell:hover .cellActionPanel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.journeyMap .journeyMapLane .journeyMapCell .tooltippedActionIcon {
  font-size: 16px;
}
.journeyMap .journeyMapLane .cellActionPanelContainer {
  top: -17px;
  left: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 300;
}
.journeyMap .journeyMapLane .cellActionPanelContainer .cellActionPanel {
  position: relative !important;
  margin-right: 4px;
  top: 0 !important;
  left: 0 !important;
}
.journeyMap .journeyMapLane .cellActionPanel {
  display: none;
  position: absolute;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 250;
}
.journeyMap .journeyMapLane .cellActionPanel.topLeft {
  top: -19px;
  left: 15px;
}
.journeyMap .journeyMapLane .cellActionPanel button span {
  font-size: 16px;
  color: #3C3C3C;
}
.journeyMap .journeyMapLane .cellActionPanel > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.journeyMap .journeyMapLane .cellActionPanel .tooltippedActionIcon {
  margin: 0 2px;
  -webkit-box-shadow: 0 0 white;
          box-shadow: 0 0 white;
}
.journeyMap .journeyMapLane .relativeWrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.journeyMap .journeyMapLane .relativeWrapper .cellActionPanel.topLeft {
  top: 0;
  right: 0;
}
.journeyMap .journeyMapLane .relativeWrapper .cellActionPanel.topLeft {
  top: 0;
  left: 0;
}
.journeyMap .journeyMapLane .cellContent {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px 12px;
  background-color: white;
}
.journeyMap .journeyMapLane .cellContent .commentTargetPanel,
.journeyMap .journeyMapLane .cellContent .cellActionPanel {
  border-color: #02646d;
}
.journeyMap .journeyMapLane .cellContent .cellActionPanelContainer .commentTarget .commentTargetPanel .material-symbols-rounded {
  background: white;
  font-size: 16px;
  color: #3C3C3C;
}
.journeyMap .journeyMapLane .cellContent.painpointListCell:hover .interactionList .addNewEmptyInteraction,
.journeyMap .journeyMapLane .cellContent.interactionListCell:hover .interactionList .addNewEmptyInteraction,
.journeyMap .journeyMapLane .cellContent.painpointListCell:hover .painpointList .addNewEmptyInteraction,
.journeyMap .journeyMapLane .cellContent.interactionListCell:hover .painpointList .addNewEmptyInteraction {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.journeyMap .journeyMapLane .cellContent.painpointListCell .interactionList .addNewEmptyInteraction,
.journeyMap .journeyMapLane .cellContent.interactionListCell .interactionList .addNewEmptyInteraction,
.journeyMap .journeyMapLane .cellContent.painpointListCell .painpointList .addNewEmptyInteraction,
.journeyMap .journeyMapLane .cellContent.interactionListCell .painpointList .addNewEmptyInteraction {
  border-radius: 8px;
  background-color: #005860;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  padding: 8px;
  color: white;
  margin-top: 8px;
  cursor: pointer;
}
.journeyMap .journeyMapLane .cellContent.painpointListCell .interactionList .addNewEmptyInteraction span,
.journeyMap .journeyMapLane .cellContent.interactionListCell .interactionList .addNewEmptyInteraction span,
.journeyMap .journeyMapLane .cellContent.painpointListCell .painpointList .addNewEmptyInteraction span,
.journeyMap .journeyMapLane .cellContent.interactionListCell .painpointList .addNewEmptyInteraction span {
  font-size: 12px;
  font-weight: bold;
}
.journeyMap .journeyMapLane .cellContent.interactionListCell .interactionList {
  height: 100%;
  padding: 8px;
  background-color: rgba(94, 58, 171, 0.05);
  border-radius: 8px;
}
.journeyMap .journeyMapLane .cellContent.interactionListCell .interactionList .interaction {
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  word-break: break-word;
}
.journeyMap .journeyMapLane .cellContent.interactionListCell .interactionList .interaction .ant-badge .ant-badge-count {
  background-color: white;
  color: #121B28;
  border: 1px solid #5E3AAB;
}
.journeyMap .journeyMapLane .cellContent:hover .commentTargetPanel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.journeyMap .journeyMapLane .cellContent:hover .commentTargetPanel .commentCount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.journeyMap .journeyMapLane .principleDosListContent .principleDosList {
  height: 100%;
  padding: 8px;
  background-color: rgba(94, 58, 171, 0.05);
  border-radius: 8px;
}
.journeyMap .journeyMapLane .principleDosListContent .ant-form .ant-form-item .ant-row .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .ant-select .ant-select-selector {
  margin-top: 8px;
  border-radius: 8px;
}
.journeyMap .journeyMapLane .phaseCell {
  background-color: rgba(94, 58, 171, 0.35);
  color: #121B28;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}
.journeyMap .journeyMapLane .phaseCell .phaseName {
  position: -webkit-sticky;
  position: sticky;
  left: 231px;
  right: 1px;
}
.journeyMap .journeyMapLane .phaseCell .delimiter {
  position: absolute;
  top: -1px;
  width: 1px;
  height: -webkit-calc(100% + 2px);
  height: calc(100% + 2px);
  display: none;
  cursor: pointer;
}
.journeyMap .journeyMapLane .phaseCell .delimiter::after {
  content: '';
  position: absolute;
  top: 0;
  left: -20px;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 28.33px;
  margin: auto;
  background-color: #e2e2e2;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.journeyMap .journeyMapLane .phaseCell .phaseMover {
  display: none;
  border: 1px solid black;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 30px;
}
.journeyMap .journeyMapLane .phaseCell .phaseMover.right {
  right: 0;
}
.journeyMap .journeyMapLane .phaseCell .phaseMover.left {
  left: 0;
}
.journeyMap .journeyMapLane .phaseCell:hover .delimiter,
.journeyMap .journeyMapLane .phaseCell:hover .phaseMover {
  display: block;
}
.journeyMap .journeyMapLane .stepInfoCell {
  background-color: white;
  color: #121B28;
  font-weight: 400;
  font-size: 10px;
  text-align: center;
}
.journeyMap .journeyMapLane .stepInfoCell .stepName {
  position: -webkit-sticky;
  position: sticky;
  left: 231px;
  right: 1px;
}
.journeyMap .journeyMapLane .interactionInfoCell {
  background-color: rgba(94, 58, 171, 0.35);
  text-align: center;
  padding: 12px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.journeyMap .journeyMapLane .interactionInfoCell .interactionName {
  background-color: white;
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}
.journeyMap .journeyMapLane .interactionInfoCell .interactionName .interactionInfoCellName {
  color: #121B28;
  font-size: 10px;
  font-weight: bold;
}
.journeyMap .journeyMapLane .freeItemListCell .contentNotDefined.imageContent {
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid #d9d9d9;
  color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  border-radius: 8px;
}
.journeyMap .journeyMapLane .freeItemListCell .contentNotDefined.imageContent .imageContentText {
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
}
.journeyMap .journeyMapLane .freeItemListCell .contentNotDefined.imageContent .imageContentUploadIcon {
  font-size: 24px;
}
.journeyMap .journeyMapLane .imageCell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.journeyMap .journeyMapLane .imageCell .contentNotDefined {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
}
.journeyMap .journeyMapLane .imageCell .contentNotDefined.imageContent {
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid #d9d9d9;
  color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}
.journeyMap .journeyMapLane .imageCell .contentNotDefined.imageContent .imageContentText {
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
}
.journeyMap .journeyMapLane .imageCell .contentNotDefined.imageContent .imageContentUploadIcon {
  font-size: 24px;
}
.journeyMap .journeyMapLane .imageCell .contentDefined {
  position: relative;
}
.journeyMap .journeyMapLane .imageCell .image {
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.journeyMap .journeyMapLane .textCell {
  width: 100%;
  min-height: 60px;
}
.journeyMap .journeyMapLane .graphCell {
  position: relative;
}
.journeyMap .journeyMapLane .minimumStandardListCell .interactionName {
  background: #a0518f;
  color: white;
  text-align: center;
  position: relative;
  top: -5;
  top: -5px;
  left: -5px;
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding: 5px;
  font-size: 16px;
  font-weight: 500;
}
.journeyMap .journeyMapLane .minimumStandardListCell .emptyList {
  font-size: 10px;
  padding: 10px;
}
.journeyMap .journeyMapLane .minimumStandardListCell .listWithInteractionName {
  padding: 5px 0;
}
.journeyMap .journeyMapLane .painpointListCell .painpointList {
  height: 100%;
  padding: 8px;
  padding-bottom: 0px;
  border-radius: 8px;
  background: rgba(94, 58, 171, 0.05);
}
.journeyMap .journeyMapLane .painpointListCell .interactionName {
  background: #a0518f;
  color: white;
  text-align: center;
  position: relative;
  top: -5;
  top: -5px;
  left: -5px;
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding: 5px;
  font-size: 16px;
  font-weight: 500;
}
.journeyMap .journeyMapLane .painpointListCell .emptyList {
  font-size: 10px;
  padding: 10px;
}
.journeyMap .journeyMapLane .painpointListCell .listWithInteractionName {
  padding: 5px 0;
}
.multiGraphLegend {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.multiGraphLegend:hover .topActionsIconsForGraphELement {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.multiGraphLegend .legendElement {
  padding: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  cursor: pointer;
  color: #0c0c0c;
  font-size: 13px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 150px;
     -moz-box-flex: 1;
      -ms-flex: 1 1 150px;
          flex: 1 1 150px;
  max-width: 300px;
}
.multiGraphLegend .legendElement .lane {
  position: relative;
}
.multiGraphLegend .legendElement .elementContent {
  max-width: 265px;
  padding-left: 5px;
  word-break: break-word;
}
.multiGraphLegend .legendElement .elementContent .elementName {
  font-size: 16px;
  font-variant: small-caps;
  font-weight: 500;
  text-align: left;
  min-width: 80px;
}
.multiGraphLegend .legendElement .elementContent .elementDescription {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.multiGraphLegend .legendElement.invisible {
  opacity: 0.15;
}
.multiGraphLegend .topActionsIconsForGraphELement {
  position: absolute;
  right: 0;
  top: 0;
}
.multiGraphLegend .topActionsIconsForGraphELement .actionsIcons {
  position: absolute;
  right: -22px;
}
.multiGraphLegend .topActionsIconsForGraphELement .actionsIcons .topActionItem svg path {
  fill: unset !important;
}
.multiGraphLegend .draggablePoint {
  position: absolute;
  cursor: pointer;
}
.multiGraphLegend path {
  stroke-width: 3px;
  fill: none;
}
.graphPointMenu .tooltippedActionIcon {
  margin: 0 2px;
  border: none;
  color: #0c0c0c;
  line-height: 18px;
  font-size: 16px;
  -webkit-box-shadow: 0 0 white;
          box-shadow: 0 0 white;
}
.multigraphArea .draggablePoint {
  position: absolute;
  cursor: pointer;
}
.multigraphArea .pointLabel {
  position: absolute;
  font-weight: bold;
  word-break: break-word;
  font-size: 14px;
  line-height: 16px;
}
.multigraphArea .pointLabel.leftSide {
  text-align: right;
}
.multigraphArea .pointLabel.textLabel {
  width: 175px;
  font-style: italic;
  font-size: 13px;
  line-height: 14px;
}
.multigraphArea .pointLabel.valueLabel {
  width: 55px;
  text-align: left;
}
.multigraphArea .pointLabel.valueLabel.leftSide {
  text-align: right;
}
.multigraphArea path.graphPath {
  stroke-width: 5px;
  fill: none;
}
.multigraphArea text {
  stroke-width: 1px;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 14px;
}
.multigraphArea text.standardText {
  stroke: #121B28;
}
.freeItem {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  margin-bottom: 8px;
}
.freeItem:has(.imageFreeItem .contentDefined img) {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.freeItem:has(.imageFreeItem .contentDefined img) .imageFreeItem,
.freeItem:has(.imageFreeItem .contentDefined img) .imageFreeItem .contentDefined {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.freeItem .freeItemPanel {
  display: none;
  position: absolute;
  z-index: 145;
  right: -15px;
  top: -15px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #005860;
}
.freeItem .freeItemPanel button {
  margin: 0px 2px 0px 2px !important;
}
.freeItem .freeItemPanel button span {
  font-size: 16px;
  color: #3C3C3C;
}
.freeItem:has(.imageFreeItem .contentDefined) {
  border: none !important;
}
.freeItem .imageFreeItem .contentDefined img {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  max-height: 350px;
  -o-object-fit: contain;
     object-fit: contain;
}
.freeItem .resizeHandle {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #d7d7d7;
  border-radius: 4px 0 0 4px;
  width: 6px;
  height: 100%;
  cursor: ew-resize;
}
.freeItem .resizeHandle.resizing {
  display: block;
}
.freeItem.editable {
  cursor: pointer;
}
.freeItem.editable:hover .freeItemPanel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.freeItem.resizable:hover .resizeHandle {
  display: block;
}
.freeItem .imageFreeItem .imageContent {
  border: none !important;
}
.freeItem .imageFreeItem,
.freeItem .image {
  max-width: 100%;
  width: 100%;
}
.freeItem .image {
  pointer-events: none;
}
.freeItem .contentNotDefined {
  text-align: center;
  font-weight: 500;
  padding: 5px;
  cursor: pointer;
}
.freeItem .freeItemNewLine {
  width: 100%;
  height: 5px;
}
.freeItem .freeItemNewLine:hover {
  background-color: #d7d7d7;
}
.freeItemList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.freeItemList .lineBreak {
  width: 100%;
  height: 1px;
}
.freeItemListCell,
.freeItemListWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.freeItemListCell .ant-select-selector,
.freeItemListWrapper .ant-select-selector {
  border-radius: 8px 0px 0px 8px !important;
}
.okrTitle,
.principleRuleTitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 2.3;
}
.formForItemInLane {
  margin-bottom: 5px;
}
.objectiveContainer {
  margin-bottom: 15px;
}
.interaction,
.keyResult,
.objective,
.goal,
.barrier,
.unmetWish,
.minimumStandard,
.painpoint,
.childHeroJourneyStep,
.principleRuleDoItem {
  position: relative;
  border-radius: 8px;
  margin-bottom: 5px;
  border: 1px solid #f0f0f0;
  padding: 5px;
  background-color: #f5f5f5;
  cursor: move;
  font-size: 14px;
  font-weight: 500;
  color: #090909;
  -webkit-transition: background-color 0.4s ease-out;
  transition: background-color 0.4s ease-out;
}
.interaction.important,
.keyResult.important,
.objective.important,
.goal.important,
.barrier.important,
.unmetWish.important,
.minimumStandard.important,
.painpoint.important,
.childHeroJourneyStep.important,
.principleRuleDoItem.important {
  font-weight: bold;
}
.interaction:last-child,
.keyResult:last-child,
.objective:last-child,
.goal:last-child,
.barrier:last-child,
.unmetWish:last-child,
.minimumStandard:last-child,
.painpoint:last-child,
.childHeroJourneyStep:last-child,
.principleRuleDoItem:last-child {
  margin-bottom: 0;
}
.principleRuleDoItem {
  text-align: center;
  margin-bottom: 5px !important;
  cursor: unset !important;
}
.interactionList .interaction {
  cursor: -webkit-grab !important;
  cursor: -moz-grab !important;
  cursor: grab !important;
}
.interactionList .interaction.currentlyDragging {
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important;
}
.interaction,
.keyResult,
.objective,
.goal,
.barrier,
.unmetWish,
.minimumStandard,
.painpoint {
  border-width: 1px;
}
.viewTypeChooseInteractions .interaction {
  cursor: pointer;
}
.viewTypeChooseInteractions .interaction.chosen {
  border-color: #5E3AAB !important;
}
.minimumStandard.use {
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}
.minimumStandard.use .standardActionPanel {
  top: 1px;
  right: 1px;
}
.minimumStandard.use.used {
  border-color: #7fb37f;
  background-color: #d4ead0;
}
.minimumStandard.use.new {
  border-color: #cbe0ae;
  background-color: #eaf9bd;
}
.minimumStandard.use.new.used {
  border-color: #7fb37f;
  background-color: #eaf9bd;
}
.painpointItemWrapper {
  position: relative;
}
.painpoint {
  background-color: transparent;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  color: #121B28;
  padding-inline: 16px;
}
.painpoint.connectedJourneyPainpoint {
  opacity: 0.4 !important;
}
.painpoint.connectedJourneyPainpoint.used {
  opacity: 1 !important;
}
.painpoint.use {
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}
.painpoint.use .painpointActionPanel {
  top: 1px;
  right: 1px;
}
.detailsPopover {
  width: 300px;
}
.ant-popover .ant-popover-content .ant-popover-inner:has(.ant-popover-inner-content .interactionDetailsContent) .ant-popover-title {
  word-break: break-word;
}
.childHeroJourneyStep {
  line-height: 24px;
}
.standardsManagement .singleViewContent,
.painpointsManagement .singleViewContent,
.standardsManagement .listViewContent,
.painpointsManagement .listViewContent {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.standardsManagement.singleView .singleViewContent,
.painpointsManagement.singleView .singleViewContent {
  opacity: 1;
}
.standardsManagement.singleView .listViewContent,
.painpointsManagement.singleView .listViewContent {
  opacity: 0;
}
.standardsManagement.listView .singleViewContent,
.painpointsManagement.listView .singleViewContent {
  opacity: 0;
}
.standardsManagement.listView .listViewContent,
.painpointsManagement.listView .listViewContent {
  opacity: 1;
}
.topBarrierActions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.topBarrierActions .goBackBarrierButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
}
.topBarrierActions .goBackBarrierButton .goBackBarrierIcon {
  font-size: 24px;
  color: #3C3C3C;
}
.topBarrierActions .goBackBarrierButton .goBackBarrierText {
  font-weight: bold;
  font-size: 14px;
  color: #121B28;
}
.topBarrierActions .deleteBarrierButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.topBarrierActions .deleteBarrierButton .deleteBarrierIcon {
  font-size: 20px;
  color: #3C3C3C;
}
.addnewBarrierButton {
  width: 100%;
  padding: 11px;
  gap: 4px;
  border: none !important;
  border-radius: 34px;
  background-color: #E0D9EF;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
  margin-top: 5px;
}
.addnewBarrierButton .addNewBarrierText {
  font-size: 14px;
  font-weight: bold;
  color: #5E3AAB;
}
.addnewBarrierButton .addNewBarrierIcon {
  font-size: 16px;
  color: #5E3AAB;
}
.childHeroJourneyStep.deprecated {
  background-color: #a04a4a;
  color: white;
  font-weight: 500;
}
.inlineForm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}
.inlineForm .inlineTextboxWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 5px;
}
.inlineForm .ant-input {
  border: 1px solid #d9d9d9;
  border: 8px 0px 0px 8px;
}
.inlineForm .inlineFormSubmit {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  color: #02646d;
  border-color: #02646d;
}
.boundInteractionName {
  font-weight: 600;
  padding: 5px 0px 10px 0px;
}
.addLastStepButtonWrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.addLaneButton,
.addLastStepButton {
  border: none !important;
  font-weight: 500;
  font-size: 16px;
  color: white !important;
  background-color: #005860 !important;
}
.addLaneButton:hover,
.addLastStepButton:hover {
  opacity: 0.7;
}
.addLaneButton {
  width: 140px;
  height: 43px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  margin-top: 10px;
  margin-right: 10px;
  font-size: 18px;
  border-radius: 0px;
  font-size: 12px;
  font-weight: 600;
}
.addLaneButton .material-symbols-rounded {
  font-size: 12px;
}
.ie .addLastStepButton {
  height: 100%;
  margin-top: 0;
}
.ie .addLaneButton {
  left: 0;
}
.ie .journeyMap .journeyMapCell .imageCell .image {
  width: auto;
}
.addLastStepButton {
  height: -webkit-calc(100% - 63px);
  height: calc(100% - 63px);
  min-height: 50px;
  width: 43px;
  font-size: 20px;
  margin-left: 15px;
}
.journeyMapContentFilter {
  padding: 10px 20px 0;
  margin-bottom: -10px;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  background-color: #eaeaea;
  font-weight: 500;
}
.textEditorWrapper {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.textEditorWrapper .rdw-editor-toolbar {
  border-top: 1px solid #d9d9d9;
  border-bottom: none !important;
  margin-bottom: 0px !important;
}
@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.editorToolbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  background: white;
  border: 1px solid white;
  border-bottom: 1px solid #d9d9d9;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  z-index: 220;
  font-size: 18px;
  margin-bottom: 15px;
}
.firstLane .editorToolbar {
  top: 20px;
  left: -220px;
}
.editorToolbar .rdw-option-wrapper {
  border: none;
  padding: 0px;
  min-width: 18px;
  height: 18px;
  cursor: pointer;
}
.editorToolbar .rdw-option-wrapper:hover {
  -webkit-box-shadow: 0px 0px 4px #BFBDBD;
          box-shadow: 0px 0px 4px #BFBDBD;
}
.editorToolbar .rdw-option-active {
  -webkit-box-shadow: 0px 0px 2px 1px #02646d;
          box-shadow: 0px 0px 2px 1px #02646d;
}
.editorToolbar .rdw-dropdown-wrapper {
  font-size: 12px;
}
.editorToolbar .rdw-dropdown-wrapper.rdw-fontfamily-dropdown {
  width: 90px;
}
.editorToolbar .rdw-dropdown-wrapper.rdw-block-dropdown {
  width: 75px;
}
.editorToolbar .rdw-dropdown-wrapper .rdw-dropdown-carettoopen {
  top: 40%;
}
.editorToolbar .rdw-dropdown-wrapper.rdw-fontsize-dropdown {
  width: 45px;
}
.editorToolbar .rdw-dropdown-wrapper.rdw-fontsize-dropdown .rdw-dropdown-optionwrapper li {
  word-wrap: none;
}
.editorToolbar .rdw-colorpicker-option {
  border-radius: 15px;
}
.editorToolbar .rdw-colorpicker-cube {
  border-radius: 15px;
}
.editorToolbar .rdw-colorpicker-modal.colorPicker {
  width: 220px;
  padding: 10px;
  left: -169px;
}
.editorToolbar .rdw-colorpicker-modal.colorPicker .rdw-colorpicker-modal-options {
  overflow: hidden;
}
.editorToolbar .rdw-colorpicker-modal-header {
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Montserrat', 'Helvetica Neue', sans-serif;
  font-variant: small-caps;
  font-weight: 500;
}
.editorToolbar .rdw-link-modal {
  height: auto;
  left: -105px;
}
.editorToolbar .rdw-link-wrapper {
  font-size: 14px;
}
.editorToolbar .rdw-link-modal-label {
  font-weight: 500;
  font-variant: small-caps;
}
.editorToolbar .rdw-link-modal-input {
  font-size: 14px;
}
.editorToolbar .rdw-link-modal,
.editorToolbar .rdw-colorpicker-modal {
  z-index: 220;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.textEditorContainer {
  width: 100%;
  height: 100%;
  padding: 5px;
}
.textEditor {
  min-height: 100px;
  width: 100%;
  padding: 0;
  font-family: Arial;
  font-size: 14px;
  overflow: hidden;
}
.textEditor img {
  max-width: 100%;
}
.textEditor ul::before,
.textEditor ol::before,
.textEditor li::before {
  color: #8b8b8b;
}
.textEditor .blockOfText > div.public-DraftStyleDefault-block {
  margin: 0;
}
.textEditor .public-DraftStyleDefault-ul,
.textEditor .public-DraftStyleDefault-ol {
  margin: 8px 0;
}
.textEditor .rdw-link-decorator-wrapper a {
  font-weight: 500;
  cursor: pointer;
  color: #0e4aa3;
}
.textEditor .rdw-image-alignment-option:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.textEditor .rdw-image-alignment-options-popup {
  border-radius: 5px;
  width: 75px;
  font-weight: bold;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 25px;
  padding: 0;
}
.textEditor .rdw-image-alignment-option {
  height: 23px;
  width: 15px;
  min-width: 15px;
  border: 0;
}
.textEditor .public-DraftStyleDefault-block {
  margin: 0;
  vertical-align: text-top;
}
.textEditor .DraftEditor-root,
.textEditor .DraftEditor-editorContainer,
.textEditor .public-DraftEditor-content {
  min-height: 100px;
}
.notEditableHtml {
  width: 100%;
  height: 100%;
  min-height: 100px;
  font-family: Arial;
  font-size: 14px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.notEditableHtml p {
  margin: 0;
  display: block;
  min-height: 1.5em;
  margin-bottom: 0;
  white-space: pre-wrap;
}
.notEditableHtml a {
  font-weight: 500;
  cursor: pointer;
  color: #0e4aa3;
}
.notEditableHtml figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.notEditableHtml img {
  max-width: 100%;
}
.notEditableHtml img.alignleft {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
.notEditableHtml img.alignright {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
.notEditableHtml ul::before,
.notEditableHtml ol::before,
.notEditableHtml li::before {
  color: #8b8b8b;
}
.notEditableHtml ul,
.notEditableHtml ol {
  margin: 8px 0;
  padding: 0;
}
.notEditableHtml ul ul,
.notEditableHtml ol ul,
.notEditableHtml ul ol,
.notEditableHtml ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.notEditableHtml ul li,
.notEditableHtml ul ul,
.notEditableHtml ul ol {
  margin-left: 1.5em;
}
.notEditableHtml ol li,
.notEditableHtml ol ul,
.notEditableHtml ol ol {
  margin-left: 1.1em;
  padding-left: 0.4em;
}
.connectionIssue {
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.connectionIssue .connectionIssueActions {
  text-align: right;
}
.connectionIssue .connectionIssueActions button span {
  color: #121B28;
}
.connectionIssue .issueName {
  font-size: 10px;
  font-weight: 500;
  padding-bottom: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.connectionIssue .issueDescription {
  padding: 8px 12px;
  border: 1px solid #121B28;
  font-size: 12px;
  border-radius: 8px;
}
.connectionIssue .issueIcon {
  font-size: 20px;
  padding: 0 10px 0 0;
}
.connectionIssue .infoColor {
  color: #121B28;
}
.connectionIssue .warningColor {
  color: #E7B100;
}
.connectionIssue .errorColor {
  color: #FE6161;
}
.formMedia {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 10px;
  margin-top: 10px;
  max-width: 100%;
  max-height: 200px;
}
.formMedia.circleProfileImage {
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border: none !important;
  border-radius: 50%;
}
.formMediaItem {
  min-height: 50px;
}
.formMediaItem .personaAvatarImage {
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.formMediaItem .personaAvatarImage:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.formMediaItem .contentNotDefined {
  border: 1px solid #d9d9d9;
  text-align: center;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.formMediaItem .contentDefined {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.formMediaItem .contentDefined:hover .topActionsIconsForItemWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.formMediaItem .contentDefined .topActionsIconsForItemWrapper {
  position: absolute;
  width: 100%;
  top: 0px;
  color: #121B28;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.formMediaItem .contentDefined .topActionsIconsForItemWrapper .actionsIcons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  border: 1px solid #005860;
  border-radius: 5px;
}
.formMediaItem .contentDefined .topActionsIconsForItemWrapper .actionsIcons button {
  font-size: 13px;
  margin: 0px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: 24px !important;
  min-width: 24px !important;
}
.formMediaItem .contentDefined .personaFoto,
.formMediaItem .contentDefined .formMedia {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.additionalFormItemListWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.additionalFormItemListWrapper .mainActionButton {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.additionalFormItem {
  line-height: 1.5;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.additionalFormItem.writable .percentageFormItem .sliderHandle {
  cursor: ew-resize;
}
.additionalFormItem.standardMode {
  border-radius: 5px;
  margin-bottom: 15px;
}
.additionalFormItem input,
.additionalFormItem button,
.additionalFormItem button:hover,
.additionalFormItem button:active,
.additionalFormItem button.active {
  background-color: transparent;
}
.additionalFormItem input::-webkit-input-placeholder {
  color: #0c0c0c;
}
.additionalFormItem input::-moz-placeholder {
  color: #0c0c0c;
}
.additionalFormItem input:-ms-input-placeholder {
  color: #0c0c0c;
}
.additionalFormItem input::-ms-input-placeholder {
  color: #0c0c0c;
}
.additionalFormItem input::placeholder {
  color: #0c0c0c;
}
.additionalFormItem .textEditorContainer {
  word-break: break-word;
  cursor: text;
}
.additionalFormItem .formItemName {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 32px;
}
.additionalFormItem .toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
}
.additionalFormItem.headlineField {
  border-radius: 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.additionalFormItem.headlineField .formItemName {
  font-variant: small-caps;
  letter-spacing: -1px;
  font-size: 20px;
}
.additionalFormItem.headlineField.compactMode .formItemName {
  font-size: 18px;
}
input.formItemName {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 3px;
  cursor: text;
}
input.formItemValue {
  border: none;
}
.formItemNameWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.circle-picker {
  width: 100%!important;
}
.colorFormItem.compactPicker {
  line-height: initial;
}
.colorFormItem.singleLine {
  height: 38px;
}
.colorFormItem.compactPickerWrapper .colorFormItemWrapper div {
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
  border-radius: 0px!important;
}
.colorSetRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.colorSetRow .colorSetPart {
  min-width: 300px;
}
.interactionSelectMenu {
  position: fixed;
}
.interactionSelectMenu ul {
  max-width: 280px;
}
.interactionSelectMenu li {
  white-space: normal;
}
.coloringExample {
  width: 160px;
  text-align: center;
  padding: 8px;
  font-variant: small-caps;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
}
.wysiwygText.textEditorContainer {
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  cursor: text;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 8px 16px;
  line-height: 1.5;
}
.wysiwygText.textEditorContainer .notEditableHtml {
  min-height: auto;
  height: auto;
}
.wysiwygText.textEditorContainer.readonly {
  border: none;
  padding: 0;
  height: auto;
  min-height: auto;
}
.wysiwygText.textEditorContainer.readonly:active,
.wysiwygText.textEditorContainer.readonly:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.wysiwygText.textEditorContainer:active,
.wysiwygText.textEditorContainer:hover {
  border-color: #02646d;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 113, 123, 0.149);
          box-shadow: 0 0 0 2px rgba(0, 113, 123, 0.149);
}
.showEditableTextOnFocusIcon {
  font-size: 19px !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.7s linear;
  transition: visibility 0s, opacity 0.7s linear;
}
.ant-form-item-control-input:has(.editableText) {
  min-height: 10px !important;
}
.wysiwygText.textEditorContainer.editableText {
  border: none;
  cursor: pointer;
  overflow: hidden;
}
.wysiwygText.textEditorContainer.editableText .textEditor.rdw-editor-main {
  min-height: auto !important;
}
.wysiwygText.textEditorContainer.editableText .textEditor.rdw-editor-main .DraftEditor-root {
  min-height: auto !important;
}
.wysiwygText.textEditorContainer.editableText .textEditor.rdw-editor-main .DraftEditor-root .DraftEditor-editorContainer {
  min-height: auto !important;
}
.wysiwygText.textEditorContainer.editableText .textEditor.rdw-editor-main .DraftEditor-root .DraftEditor-editorContainer .public-DraftEditor-content {
  min-height: auto !important;
}
.wysiwygText.textEditorContainer.editableText .showEditableTextOnFocusIcon {
  position: absolute;
  right: 5px;
  top: 9px;
}
.wysiwygText.textEditorContainer.editableText:hover .showEditableTextOnFocusIcon {
  visibility: visible;
  opacity: 1;
}
.wysiwygText.textEditorContainer.editableText .rdw-editor-toolbar,
.wysiwygText.textEditorContainer.editableText .editorToolbar {
  display: none;
  -webkit-animation: none;
          animation: none;
}
.wysiwygText.textEditorContainer.editableText.isFocus {
  border: 1px solid black;
  height: auto;
  cursor: auto;
}
.wysiwygText.textEditorContainer.editableText.isFocus .textEditor.rdw-editor-main {
  min-height: 100px !important;
}
.wysiwygText.textEditorContainer.editableText.isFocus .textEditor.rdw-editor-main .DraftEditor-root {
  min-height: 100px !important;
}
.wysiwygText.textEditorContainer.editableText.isFocus .textEditor.rdw-editor-main .DraftEditor-root .DraftEditor-editorContainer {
  min-height: 100px !important;
}
.wysiwygText.textEditorContainer.editableText.isFocus .textEditor.rdw-editor-main .DraftEditor-root .DraftEditor-editorContainer .public-DraftEditor-content {
  min-height: 100px !important;
}
.wysiwygText.textEditorContainer.editableText.isFocus .rdw-editor-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.fontSizeSelectWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
}
.fontSizeSelectWrapper .fontSizeSelect,
.fontSizeSelectWrapper .fontSizeSelectPreview {
  -webkit-box-flex: 40%;
  -webkit-flex: 40%;
     -moz-box-flex: 40%;
      -ms-flex: 40%;
          flex: 40%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.fontSizeSelectWrapper .fontSizeSelect .fontSizeSelectLabel,
.fontSizeSelectWrapper .fontSizeSelectPreview .fontSizeSelectLabel {
  font-size: 14px;
  font-weight: 500;
  color: #121B28;
}
.fontSizeSelectWrapper .fontSizeSelect .customFontSize,
.fontSizeSelectWrapper .fontSizeSelectPreview .customFontSize {
  line-height: 40px;
  font-weight: 600;
  color: #121B28 !important;
}
.sliderWrapper {
  color: #121B28;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  line-height: 30px;
}
.sliderWrapper .sliderMark {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.sliderWrapper .slider {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 280px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
}
.sliderWrapper .customSlider .ant-slider-rail {
  background-color: #d9d9d9;
  height: 2px;
  top: 5px;
}
.sliderWrapper .customSlider .ant-slider-track {
  display: none !important;
}
.sliderWrapper .customSlider .ant-slider-step .ant-slider-dot {
  width: 18px;
  height: 18px;
  top: -7px;
  background-color: #d9d9d9;
  border: 2px solid white;
}
.sliderWrapper .customSlider .ant-slider-handle::after {
  content: '';
  position: absolute;
  width: 17px;
  height: 17px;
  background-color: #5E3AAB;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 0px;
  -webkit-box-shadow: 0 0 0 2px white;
          box-shadow: 0 0 0 2px white;
}
.sliderWrapper .customSlider .ant-slider-handle:focus::after,
.sliderWrapper .customSlider .ant-slider-handle:hover::after {
  width: 22px;
  height: 22px;
  -webkit-box-shadow: 0 0 0 2px white;
          box-shadow: 0 0 0 2px white;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  outline: 4px solid rgba(94, 58, 171, 0.2);
}
.sliderWrapper .customSlider .ant-slider-handle.ant-tooltip-open {
  border-color: white;
}
.tilePickerOptions {
  margin-bottom: 10px;
}
.tilePickerOptions.chooseTypeLane {
  margin-bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.tilePickerOptions.chooseTypeLane .tilePickerOption {
  margin-top: 0px;
  border-radius: 12px;
  background-color: rgba(94, 58, 171, 0.05);
}
.tilePickerOptions.chooseTypeLane .tilePickerOption.selected {
  outline: 1px solid #5E3AAB;
}
.tilePickerOptions.chooseTypeLane .tilePickerOption .optionIcon {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  padding-right: 0px;
  background: transparent;
}
.tilePickerOptions.chooseTypeLane .tilePickerOption .optionIcon span,
.tilePickerOptions.chooseTypeLane .tilePickerOption .optionIcon svg {
  font-size: 32px;
  color: #3C3C3C !important;
}
.tilePickerOptions.chooseTypeLane .tilePickerOption .optionValue {
  line-height: 63px;
  font-size: 14px;
}
.tilePickerOptions.chooseTypeLane .tilePickerOption .optionValue span {
  color: #121B28;
}
.tilePickerOption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  cursor: pointer;
}
.tilePickerOption .optionIcon {
  background: #02646d;
  color: white;
  padding: 16px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  text-align: center;
  font-size: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tilePickerOption .optionValue {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #0c0c0c;
  line-height: 52px;
}
.tilePickerOption:hover .optionIcon,
.tilePickerOption.selected .optionIcon {
  background: #c7d30a;
  color: #0c0c0c;
}
.tilePickerOption.disabled .optionIcon {
  background: #898989;
  color: #0c0c0c;
}
.percentageFormItem .sliderArea {
  width: 100%;
  height: 10px;
  margin: 5px 0;
  border-radius: 4px;
  position: relative;
  cursor: default;
}
.percentageFormItem .filledArea {
  position: absolute;
  height: 100%;
  border-radius: 4px;
}
.percentageFormItem .sliderHandle {
  width: 16px;
  height: 16px;
  position: relative;
  top: -3px;
  left: -3px;
  border-radius: 50%;
  background-color: #02646d;
  cursor: default;
}
.percentageFormItem .sliderHandle .sliderValue {
  position: absolute;
  top: -7px;
  left: 19px;
  font-weight: bold;
  font-size: 14px;
}
.percentageFormItem .sliderHandle .sliderValue.highValue {
  left: auto;
  right: 19px;
}
.sliderTextualDescription {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  position: relative;
  top: 1px;
  line-height: 18px;
  color: #0c0c0c;
  font-weight: 500;
}
.sliderWithTextsFormItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.imageListFormItem .imageListItem {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px;
}
.imageListFormItem .imageListItem .toolbar {
  position: absolute;
  top: 0;
  right: 0;
}
.imageListFormItem .imageListItem:hover .toolbar {
  background-color: white;
}
.imageListFormItem .imageListItem .image {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 200px;
}
.imageListFormItem .imageList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.imageListFormItem .imageList.imageSize1 .image {
  max-width: 70px;
  max-height: 70px;
}
.imageListFormItem .imageList.imageSize1 .imageListItem {
  width: 70px;
  height: 70px;
}
.imageListFormItem .imageList.imageSize2 .image {
  max-width: 100px;
  max-height: 100px;
}
.imageListFormItem .imageList.imageSize2 .imageListItem {
  width: 100px;
  height: 100px;
}
.imageListFormItem .imageList.imageSize3 .image {
  max-width: 150px;
  max-height: 150px;
}
.imageListFormItem .imageList.imageSize3 .imageListItem {
  width: 150px;
  height: 150px;
}
.imageListFormItem .imageList.imageSize4 .image {
  max-width: 200px;
  max-height: 200px;
}
.imageListFormItem .imageList.imageSize4 .imageListItem {
  width: 200px;
  height: 200px;
}
.imageListFormItem .imageList.imageSize5 .image {
  max-width: 250px;
  max-height: 250px;
}
.imageListFormItem .imageList.imageSize5 .imageListItem {
  width: 250px;
  height: 250px;
}
.imageListFormItem .imageList.imageSize6 .image {
  max-width: 300px;
  max-height: 300px;
}
.imageListFormItem .imageList.imageSize6 .imageListItem {
  width: 300px;
  height: 300px;
}
.imageListFormItem .addImageButton {
  border: 1px dashed gray;
  border-radius: 5px;
  height: 100%;
  width: 100%;
}
.graphJourneyMapLaneFormItem {
  margin-bottom: 15px;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav {
  gap: 16px;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav::before {
  display: none;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav .ant-tabs-extra-content button {
  width: 100px !important;
  margin-right: 0px !important;
  border-radius: 8px !important;
  background-color: #E0D9EF !important;
  stroke: 1px solid #E5E5EF;
  border: none !important;
  color: white;
  min-height: 92px;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav .ant-tabs-extra-content button span {
  font-size: 32px;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap {
  overflow: visible !important;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  width: auto !important;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
     -moz-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  overflow-x: visible !important;
  gap: 16px;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar {
  display: none;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  margin-left: 0px !important;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn .multiGraphLegend .legendElement {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn .multiGraphLegend .legendElement .lane {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn .multiGraphLegend .legendElement .lane .draggablePoint {
  cursor: pointer !important;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn .multiGraphLegend .legendElement .elementContent {
  padding-left: 0px !important;
}
.graphJourneyMapLaneFormItem .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn .multiGraphLegend .legendElement .elementContent .elementName {
  line-height: 20px;
  text-align: center !important;
  font-variant: normal !important;
  color: #121B28;
  font-size: 12px !important;
}
.graphJourneyMapLaneFormItem textarea {
  min-height: 85px;
}
.graphLineDefinitionHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.graphLineDefinitionHeader .lineName {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.graphLineDefinitionHeader .actions {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 10px;
}
.addNewGraphLineButton {
  width: 110px;
  border: 2px solid #c7d30a;
  font-weight: 500;
  min-height: 40px;
  height: auto;
  white-space: pre-wrap;
  margin-right: 15px;
  padding: 5px;
  border-radius: 7px;
}
.multiSelectFormItem .multiSelectItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -webkit-align-items: top;
     -moz-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  padding: 10px 5px 10px 10px;
  cursor: pointer;
}
.multiSelectFormItem .multiSelectItem .itemContent {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.multiSelectFormItem .multiSelectItem .checkboxWrapper {
  margin: 0 10px;
}
.multiSelectFormItem .multiSelectItem:hover {
  background-color: #f5f5f5;
}
.multiSelectFormItem .multiSelectItem .animatedCheckbox {
  margin-top: 20px;
}
.multiSelectFormItem .multiSelectItem .avatar::after {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255);
  opacity: 0.65;
  content: '';
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.multiSelectFormItem .multiSelectItem.selected .avatar {
  -webkit-box-shadow: 0 0 10px 2px currentColor;
          box-shadow: 0 0 10px 2px currentColor;
}
.multiSelectFormItem .multiSelectItem.selected .avatar::after {
  opacity: 0;
}
.userReferenceFormItem {
  margin-bottom: 15px;
}
.inputWithAttachedButton {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 8px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin: 2px 0;
  margin-top: 10px;
}
.inputWithAttachedButton input {
  border: 1px solid #d9d9d9;
  padding: 8px 16px;
  border-radius: 12px;
  font-size: 14px !important;
}
.inputWithAttachedButton .mainActionButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px !important;
  height: 36px !important;
  color: #3C3C3C !important;
  border: 1px solid #d9d9d9 !important;
  background-color: transparent !important;
  border-radius: 10px !important;
}
.inputWithAttachedButton .mainActionButton:disabled {
  border: 1px solid rgba(217, 217, 217, 0.5) !important;
  background-color: transparent !important;
}
.inputWithAttachedButton .mainActionButton:hover {
  background-color: transparent !important;
  border: 1px solid #d9d9d9 !important;
}
.inputWithAttachedButton .mainActionButton span {
  font-size: 16px !important;
}
.listFormItem .formItemWithActionIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.listFormItem .formItemWithActionIcon .itemPart {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.listFormItem .formItemWithActionIcon .iconPart {
  position: absolute;
  right: 16px;
  top: 6px;
}
.listFormItem .formItemWithActionIcon .iconPart .tooltippedActionIcon {
  color: #3C3C3C;
}
.listFormItem .formItemWithActionIcon .iconPart .tooltippedActionIcon span {
  font-size: 22px;
}
.listFormItem .addNewKeyResultButton {
  border: none !important;
  border-radius: 34px;
  background-color: #E0D9EF;
  color: #5E3AAB;
  height: unset !important;
  padding: 10px 16px !important;
  margin-bottom: 10px;
}
.listFormItem .addNewKeyResultButton .addNewKeyResultButtonText {
  font-size: 14px;
  font-weight: bold;
}
.listFormItem .addNewKeyResultButton .addNewKeyResultButtonIcon {
  font-size: 15px;
}
.listFormItem .addNewKeyResultButton:hover {
  background-color: #E0D9EF !important;
  color: #5E3AAB !important;
}
.listFormItem button {
  width: 100%;
}
.autoResizeTextarea {
  width: 100%;
  overflow: hidden;
  resize: none;
}
.autoResizeTextarea.customResizeTextarea {
  resize: auto;
}
.user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #d9d9d9;
  padding: 10px 0;
}
.user .userName {
  font-weight: 600;
  font-size: 16px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 300px;
     -moz-box-flex: 0;
      -ms-flex: 0 1 300px;
          flex: 0 1 300px;
}
.user .userEmail {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 200px;
     -moz-box-flex: 1;
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
}
.user .userType {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100px;
     -moz-box-flex: 0;
      -ms-flex: 0 1 100px;
          flex: 0 1 100px;
}
.profile .properties {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.profile .properties .propertyValue {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.profile .properties .property {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 120px;
     -moz-box-flex: 0;
      -ms-flex: 0 1 120px;
          flex: 0 1 120px;
  font-weight: 500;
}
.profile .properties .value {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.profile .actions {
  margin-top: 20px;
}
.userWithHoverInfo {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.userWithHoverInfo.hasHoverInfo {
  cursor: help;
}
.userWithHoverInfo.hasHoverInfo .userName::after {
  content: ' (?)';
  vertical-align: super;
  color: #c6c6c6;
  font-size: 11px;
}
.userWithHoverInfo .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.AccessList .userWithHoverInfo {
  margin-bottom: 5px;
}
.userDetailsContent {
  min-width: 300px;
}
.userProfile .sectionTopGutter {
  padding-top: 40px;
}
.languagePreferencesForm {
  max-width: 300px;
}
.customer .properties,
.customer .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.customer .basic,
.customer .address {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.customer .actions {
  margin-top: 20px;
}
.propertyValue {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.propertyValue .property {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 250px;
     -moz-box-flex: 0;
      -ms-flex: 0 1 250px;
          flex: 0 1 250px;
  font-weight: 500;
}
.propertyValue .value {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.customerSettings .customerLanguagePreferencesForm {
  max-width: 300px;
}
.customerSettings .sectionTopGutter {
  padding-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.customerSettings .sectionTopGutter:first-child {
  padding-top: 0;
}
::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
/* Track */
::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #f5f5f5;
}
/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #548c91;
  border: 3px solid #f5f5f5;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #dedede;
}
.welcomeView {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 150px 100px 100px;
}
.welcomeView .mainTitle {
  font-size: 36px;
}
.welcomeView .textPart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 85px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.welcomeView .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 450px;
     -moz-box-flex: 0;
      -ms-flex: 0 1 450px;
          flex: 0 1 450px;
  width: 450px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 25px;
}
.welcomeView .column .title {
  width: 100%;
}
.welcomeView .regularText {
  font-size: 16px;
  padding-bottom: 20px;
}
.welcomeView .regularText b {
  font-weight: 500;
}
.welcomeView .regularText a {
  color: #02646d;
  font-weight: 500;
}
.welcomeView .paragraph {
  margin-bottom: 50px;
  width: 100%;
}
.mainContent:has(.ant-layout-content .heroJourneyCreationWizard ) .stickyTopGutter {
  display: none !important;
}
.wizard .wizardStepDescription {
  font-weight: 500;
}
.wizard.horizontal .wizardStepsWrapper {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #02646d;
}
.wizard.horizontal .wizardStepActions {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 2px solid #02646d;
}
.wizard.horizontal .wizardStepDescription {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.wizard.vertical .wizardStepsWrapper {
  padding: 40px 40px 40px 25px;
  border-right: 10px solid #02646d;
}
.wizard.vertical .wizardStepContentWrapper {
  padding: 40px;
}
.wizard.journeyMapLaneCreationWizard .wizardStepsWrapper {
  display: none;
}
.wizard.journeyMapLaneCreationWizard .wizardStepContentWrapper .wizardStepContent .wizardStepDescription {
  padding-bottom: 2px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
  color: #121B28;
}
.wizard.journeyMapLaneCreationWizard .wizardStepContentWrapper .wizardStepActions {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  border-top: none;
  padding-top: 5px;
  margin-top: 0px;
}
.wizard.journeyMapLaneCreationWizard .wizardStepContentWrapper .wizardStepActions .nextButton,
.wizard.journeyMapLaneCreationWizard .wizardStepContentWrapper .wizardStepActions .previousButton {
  width: 100%;
  padding: 8px;
  border-radius: 10px;
  border: none !important;
  outline: none !important;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.wizard.journeyMapLaneCreationWizard .wizardStepContentWrapper .wizardStepActions .nextButton {
  background-color: #5E3AAB !important;
  color: white !important;
}
.wizard.journeyMapLaneCreationWizard .wizardStepContentWrapper .wizardStepActions .nextButton:hover {
  color: white !important;
}
.wizard.journeyMapLaneCreationWizard .wizardStepContentWrapper .wizardStepActions .previousButton {
  background-color: white !important;
  border: 1px solid grey !important;
  color: black !important;
}
.wizard .wizardStepActions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.wizard .wizardStepActions.rightButtonOnly {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.wizard .wizardStepActions.leftButtonOnly {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wizard .wizardStepActions.twoButtons {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.heroJourneyCreationWizardModal {
  min-height: 500px;
  -webkit-transition: width 0.7s;
  transition: width 0.7s;
}
.layout:has(.centralPart .mainContent .ant-layout-content .heroJourneyCreationWizard ) .header .contextualActionPanel {
  display: none;
}
.layout:has(.centralPart .mainContent .ant-layout-content .heroJourneyCreationWizard ) .centralPart .mainContent {
  padding-top: 0px !important;
}
.heroJourneyCreationWizard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 650px;
}
.heroJourneyCreationWizard .wizardStepDescription {
  padding-left: 48px;
  padding-bottom: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.heroJourneyCreationWizard .wizardStepsWrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  background-color: white;
  z-index: 221;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -webkit-transition: -webkit-flex-basis 0.5s, -webkit-flex-basis 0.5s;
  transition: -webkit-flex-basis 0.5s, -webkit-flex-basis 0.5s;
  transition: flex-basis 0.5s;
  transition: flex-basis 0.5s, -webkit-flex-basis 0.5s, -webkit-flex-basis 0.5s, -moz-flex-basis 0.5s, -ms-flex-preferred-size 0.5s;
  border-bottom: none !important;
  padding-top: 30px;
}
.ie .heroJourneyCreationWizard .wizardStepsWrapper {
  -webkit-flex-basis: 400px;
      -ms-flex-preferred-size: 400px;
          flex-basis: 400px;
  min-height: 650px;
}
.heroJourneyCreationWizardModal.wide .heroJourneyCreationWizard .wizardStepsWrapper {
  -webkit-flex-basis: 400px;
      -ms-flex-preferred-size: 400px;
          flex-basis: 400px;
}
.heroJourneyCreationWizard .wizardStepsWrapper .wizardStepActions {
  width: 280px;
}
.heroJourneyCreationWizard .wizardStepsWrapper .emptyList {
  width: 280px;
}
.heroJourneyCreationWizard .wizardStepsWrapper .ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
  font-size: 12px;
  font-weight: 400 !important;
  line-height: unset !important;
}
.heroJourneyCreationWizard .wizardStepsWrapper .ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-tail {
  top: 10px !important;
}
.heroJourneyCreationWizard .wizardStepsWrapper .ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-tail::after {
  height: 12px !important;
  border-radius: 12px;
}
.heroJourneyCreationWizard .wizardSteps {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.heroJourneyCreationWizard:has(.wizardStepContentWrapper .interactionsStepInfoPanel) {
  max-width: -webkit-calc(100% - 280px);
  max-width: calc(100% - 280px);
}
.heroJourneyCreationWizard .wizardStepContentWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(94, 58, 171, 0.05);
  border-radius: 0px;
  padding: 32px 28px;
  max-width: 720px;
  min-width: 720px;
  position: relative;
  margin: 0 auto;
}
.heroJourneyCreationWizard .wizardStepContentWrapper:has(.wizardStepContent .journeyMapContent) .wizardStepActions {
  position: -webkit-sticky;
  position: sticky;
  left: 0px;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
     -moz-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  gap: 24px;
  padding: 10px;
}
.heroJourneyCreationWizard .wizardStepContentWrapper:has(.interactionsStepInfoPanel) {
  position: unset !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper.gridContent {
  padding: 0;
  background-color: transparent;
  max-width: -webkit-calc(100vw - 90px - 80px);
  max-width: calc(100vw - 90px - 80px);
  padding-right: 200px;
  overflow: auto;
  margin: unset;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .interactionsStepInfoPanel {
  position: fixed;
  background-color: white;
  right: 0px;
  top: 80px;
  width: 300px;
  height: -webkit-calc(100% - 80px);
  height: calc(100% - 80px);
  overflow: auto;
  border-left: 1px solid #E5E5EF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 50px;
  padding-inline: 16px;
  z-index: 300;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .interactionsStepInfoPanel .stepInfoPanelTitle {
  font-weight: bold;
  font-size: 16px;
  color: #121B28;
  display: block;
  padding-bottom: 5px;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
     -moz-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0px !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .formContainerTitleInGrid {
  padding-left: 10px;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .ant-row .wysiwygText {
  background-color: white !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap {
  min-height: unset !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap {
  background-color: transparent !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes {
  border: 1px solid #d9d9d9 !important;
  border-radius: 8px !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLane,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLane {
  border: none !important;
  border-bottom: 1px solid #d9d9d9 !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLane .laneHeader,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLane .laneHeader {
  border-radius: 0px !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLane:last-child,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLane:last-child {
  border-bottom: none !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLane:last-child .laneHeader,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLane:last-child .laneHeader {
  border-radius: 0px 0px 0px 8px !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLane.firstLane .laneHeader,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLane.firstLane .laneHeader {
  border-radius: 8px 0px 0px 0px !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .laneHeader,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .laneHeader {
  background-color: #5E3AAB !important;
  margin: 0 !important;
  border: none !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .laneHeader .relativeWrapper,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .laneHeader .relativeWrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .laneHeader .relativeWrapper .laneHeaderTitle,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .laneHeader .relativeWrapper .laneHeaderTitle {
  font-variant: normal !important;
  font-weight: bold !important;
  color: white !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .laneHeader .relativeWrapper .laneHeaderDescription,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .laneHeader .relativeWrapper .laneHeaderDescription {
  display: none !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell {
  border-radius: 8px !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent {
  border: none !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  border-left: 1px solid #d9d9d9 !important;
  padding: 10px !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.interactionListCell .interactionList,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.interactionListCell .interactionList {
  padding: 0px !important;
  background-color: transparent !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.interactionListCell .interaction,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.interactionListCell .interaction {
  padding: 10px !important;
  background-color: rgba(94, 58, 171, 0.05) !important;
  border: 1px solid rgba(94, 58, 171, 0.05) !important;
  color: #121B28 !important;
  border-radius: 8px !important;
  text-align: center;
  font-size: 14px;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.interactionListCell .interaction.chosen,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.interactionListCell .interaction.chosen {
  border: 1px solid #5E3AAB !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.interactionListCell .interaction .ant-badge .ant-badge-count,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.interactionListCell .interaction .ant-badge .ant-badge-count {
  background: white !important;
  outline: 1px solid #5E3AAB !important;
  color: #121B28 !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .phaseName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .phaseName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .phaseName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .phaseName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .stepName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .stepName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .stepName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .stepName {
  font-variant: normal !important;
  color: #121B28 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 0px !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .phaseName .stepInfoItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .phaseName .stepInfoItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .phaseName .stepInfoItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .phaseName .stepInfoItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .stepName .stepInfoItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .stepName .stepInfoItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .stepName .stepInfoItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .stepName .stepInfoItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .phaseName .phaseItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .phaseName .phaseItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .phaseName .phaseItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .phaseName .phaseItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .stepName .phaseItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.phaseCell .stepName .phaseItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .stepName .phaseItemName,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .journeyMapCell .commentTarget .cellContent.stepInfoCell .stepName .phaseItemName {
  background-color: transparent !important;
  border: none !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMapContent .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .resizer,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepContent .journeyMap .journeyMapLanes .journeyMapLaneSteps .journeyMapCellWrapper .resizer {
  display: none !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepActions {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-top: none !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepActions .previousButton,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepActions .nextButton {
  border-radius: 10px;
  padding: 11px;
  min-width: 240px;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepActions .previousButton span,
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepActions .nextButton span {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepActions .previousButton {
  background-color: white !important;
  color: #121B28 !important;
  border: 1px solid #d9d9d9 !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .wizardStepActions .nextButton {
  background-color: #5E3AAB !important;
  border: 1px solid #5E3AAB !important;
  color: white !important;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .journeyMap {
  margin: 0;
  padding: 10px;
  padding-top: 20px;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .journeyMap .gutter {
  display: none;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .formLabel label {
  font-size: 14px;
  margin-top: 0px;
  font-variant: normal;
  display: block;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .smallerGaps .formLabel ~ .formLabel label {
  margin-top: 25px;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .userReferenceFormItem {
  margin-bottom: 0;
  margin-top: 40px;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .userReferenceFormItem:first-of-type {
  margin-top: 0;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .multiSelectFormItem {
  height: 455px;
  overflow: auto;
  margin-right: -13px;
  padding-right: 6px;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .permissionList .userNameColumn {
  -webkit-flex-basis: 200px;
      -ms-flex-preferred-size: 200px;
          flex-basis: 200px;
}
.heroJourneyCreationWizard .wizardStepContentWrapper .permissionList .scrollablePart {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 350px;
}
.interactionsStepInfoPanelBounding {
  padding-top: 10px;
}
.interactionsStepInfoPanelBounding .stepInfoPanelTitle {
  font-weight: bold;
  font-size: 16px;
  color: #121B28;
  display: block;
  padding-bottom: 5px;
}
.heroJourneyStepListWrapper .heroJourneyStepList {
  margin-top: 10px;
}
.heroJourneyStepListWrapper .childHeroJourneyStep {
  background-color: transparent !important;
  border: none !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 5px !important;
}
.heroJourneyStepListWrapper .childHeroJourneyStep .ant-badge .ant-scroll-number {
  background: none !important;
  color: #121B28 !important;
  font-size: 18px;
}
.heroJourneyStepListWrapper .childHeroJourneyStep .indexOfHeroJourneyStepContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.heroJourneyStepListWrapper .childHeroJourneyStep .nameOfHeroJourneyStep {
  width: 100%;
  min-width: 234px;
  text-align: center;
  padding: 8px;
  border-radius: 8px;
  background-color: rgba(94, 58, 171, 0.05);
  font-size: 14px;
  color: #121B28;
}
.heroJourneyStepListWrapper .description {
  font-size: 12px;
  color: #909090;
}
.subStepList {
  font-size: 15px;
  font-weight: 500;
  line-height: 35px;
}
.subStepList .subStepListItem {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 35px;
  line-height: 35px;
}
.subStepList .subStepListItem .tick {
  position: absolute;
  left: -23px;
  font-size: 17px;
}
.subStepList .subStepListItem.notDone {
  color: #b7b7b7;
}
.subStepList .subStepListItem.pending {
  color: #02646d;
}
.subStepList .subStepListItem.done {
  color: #0c0c0c;
}
.wizardCompleted {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px;
  text-align: center;
  min-height: 450px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wizardCompleted .successPart {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wizardCompleted .description {
  padding-bottom: 30px;
}
.wizardCompleted .sharingTypes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-bottom: 40px;
  font-weight: 500;
}
.ie .wizardCompleted .sharingTypes .orPart {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wizardCompleted .textWithLink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 350px;
     -moz-box-flex: 0;
      -ms-flex: 0 1 350px;
          flex: 0 1 350px;
}
.avatar {
  position: relative;
  border-radius: 50%;
  border: 8px solid transparent;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-shadow: 0 0 10px 2px transparent;
          box-shadow: 0 0 10px 2px transparent;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.avatar .initials {
  font-family: sans-serif, 'Segoe UI', Tahoma;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.avatar .initials.light {
  color: #0c0c0c;
}
.avatar .initials.dark {
  color: white;
}
.mainContent:has(.ant-layout-content .mainPrincipleList, .ant-layout-content .principleNewWrapperItem) {
  padding-top: 0px !important;
}
.layout:has(.centralPart .mainContent .ant-layout-content .mainPrincipleList, .centralPart .mainContent .ant-layout-content .principleNewWrapperItem) .header .contextualActionPanel,
.layout:has(.centralPart .mainContent .ant-layout-content .mainPrincipleList, .centralPart .mainContent .ant-layout-content .principleNewWrapperItem) .header .contextualInfoPanel {
  display: none;
}
.principleAvatarField {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.principleAvatarField .preview {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.principleAvatarField .fields {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.principle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.principle .avatar {
  margin: 0 10px 0 0;
}
.principle:hover {
  cursor: pointer;
}
.principle:hover .avatar {
  -webkit-box-shadow: 0 0 10px 0px #898989;
          box-shadow: 0 0 10px 0px #898989;
}
.principle.readonly:hover {
  cursor: default;
  background-color: initial;
}
.principle .principleMainInfo {
  margin-top: auto;
  margin-bottom: auto;
}
.principle .principleName {
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  padding-bottom: 5px;
}
.principle.compact {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.principle.compact .avatar {
  margin: 0 10px 0 0;
}
.principle.compact .principleName {
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 0;
}
.principle.compact .principleMainInfo {
  margin-left: 0;
}
.principle.minimal .avatar {
  margin: 0 4px 0 0;
}
.principle.minimal .principleMainInfo {
  margin-left: 0;
}
.compactList .principle.compact {
  margin: 0 0 10px 0;
}
.compactList .principle.default {
  margin: 0 10px 10px 0;
}
.minimalList .principle.minimal:last-of-type .avatar {
  margin: 0;
}
.principlePropertiesContent .avatar .avatarCustomNoImageWithIcon,
.principleMiddleContentAvatar .avatar .avatarCustomNoImageWithIcon,
.principleConatiner .avatar .avatarCustomNoImageWithIcon,
.principlePropertiesContent .formMediaItem .avatarCustomNoImageWithIcon,
.principleMiddleContentAvatar .formMediaItem .avatarCustomNoImageWithIcon,
.principleConatiner .formMediaItem .avatarCustomNoImageWithIcon,
.principlePropertiesContent .avatar .noContentCustomContainerWithIcon,
.principleMiddleContentAvatar .avatar .noContentCustomContainerWithIcon,
.principleConatiner .avatar .noContentCustomContainerWithIcon,
.principlePropertiesContent .formMediaItem .noContentCustomContainerWithIcon,
.principleMiddleContentAvatar .formMediaItem .noContentCustomContainerWithIcon,
.principleConatiner .formMediaItem .noContentCustomContainerWithIcon {
  min-width: 100%;
  min-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  border-radius: 50%;
  background-color: #d9d9d9;
}
.principlePropertiesContent .avatar .avatarCustomNoImageWithIcon svg *,
.principleMiddleContentAvatar .avatar .avatarCustomNoImageWithIcon svg *,
.principleConatiner .avatar .avatarCustomNoImageWithIcon svg *,
.principlePropertiesContent .formMediaItem .avatarCustomNoImageWithIcon svg *,
.principleMiddleContentAvatar .formMediaItem .avatarCustomNoImageWithIcon svg *,
.principleConatiner .formMediaItem .avatarCustomNoImageWithIcon svg *,
.principlePropertiesContent .avatar .noContentCustomContainerWithIcon svg *,
.principleMiddleContentAvatar .avatar .noContentCustomContainerWithIcon svg *,
.principleConatiner .avatar .noContentCustomContainerWithIcon svg *,
.principlePropertiesContent .formMediaItem .noContentCustomContainerWithIcon svg *,
.principleMiddleContentAvatar .formMediaItem .noContentCustomContainerWithIcon svg *,
.principleConatiner .formMediaItem .noContentCustomContainerWithIcon svg * {
  color: #909090 !important;
}
.principlePropertiesContent .avatar .noContentCustomContainerWithIcon,
.principleMiddleContentAvatar .avatar .noContentCustomContainerWithIcon,
.principleConatiner .avatar .noContentCustomContainerWithIcon,
.principlePropertiesContent .formMediaItem .noContentCustomContainerWithIcon,
.principleMiddleContentAvatar .formMediaItem .noContentCustomContainerWithIcon,
.principleConatiner .formMediaItem .noContentCustomContainerWithIcon {
  cursor: pointer;
}
.principlePropertiesContent .avatar .noContentCustomContainerWithIcon span,
.principleMiddleContentAvatar .avatar .noContentCustomContainerWithIcon span,
.principleConatiner .avatar .noContentCustomContainerWithIcon span,
.principlePropertiesContent .formMediaItem .noContentCustomContainerWithIcon span,
.principleMiddleContentAvatar .formMediaItem .noContentCustomContainerWithIcon span,
.principleConatiner .formMediaItem .noContentCustomContainerWithIcon span {
  color: #121B28;
  font-size: 12px;
}
.principlePropertiesContent .avatar .noContentCustomContainerWithIcon .addMediaIcon,
.principleMiddleContentAvatar .avatar .noContentCustomContainerWithIcon .addMediaIcon,
.principleConatiner .avatar .noContentCustomContainerWithIcon .addMediaIcon,
.principlePropertiesContent .formMediaItem .noContentCustomContainerWithIcon .addMediaIcon,
.principleMiddleContentAvatar .formMediaItem .noContentCustomContainerWithIcon .addMediaIcon,
.principleConatiner .formMediaItem .noContentCustomContainerWithIcon .addMediaIcon {
  font-size: 24px;
}
.principleConatiner .avatar .avatarCustomNoImageWithIcon,
.principleConatiner .formMediaItem .avatarCustomNoImageWithIcon,
.principleConatiner .avatar .noContentCustomContainerWithIcon,
.principleConatiner .formMediaItem .noContentCustomContainerWithIcon {
  font-size: 18px;
}
.principlePropertiesContent .avatar .avatarCustomNoImageWithIcon,
.principleMiddleContentAvatar .avatar .avatarCustomNoImageWithIcon,
.principlePropertiesContent .formMediaItem .avatarCustomNoImageWithIcon,
.principleMiddleContentAvatar .formMediaItem .avatarCustomNoImageWithIcon,
.principlePropertiesContent .avatar .noContentCustomContainerWithIcon,
.principleMiddleContentAvatar .avatar .noContentCustomContainerWithIcon,
.principlePropertiesContent .formMediaItem .noContentCustomContainerWithIcon,
.principleMiddleContentAvatar .formMediaItem .noContentCustomContainerWithIcon {
  font-size: 50px;
}
.principlePropertiesContent .avatar {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: none !important;
}
.principlePropertiesContent .avatar .avatarCustomNoImageWithIcon,
.principlePropertiesContent .formMediaItem .avatarCustomNoImageWithIcon,
.principlePropertiesContent .avatar .noContentCustomContainerWithIcon,
.principlePropertiesContent .formMediaItem .noContentCustomContainerWithIcon {
  min-width: 240px;
  min-height: 240px;
}
.principlePropertiesContent .avatar .contentDefined .circleProfileImage,
.principlePropertiesContent .formMediaItem .contentDefined .circleProfileImage {
  padding: 0px !important;
  min-width: 240px !important;
  min-height: 240px !important;
}
.modalAssociatedJourneysList {
  border-radius: 16px;
  overflow: hidden;
}
.modalAssociatedJourneysList .ant-modal-content button {
  top: 25px;
  right: 25px;
  font-size: 22px;
}
.modalAssociatedJourneysList .ant-modal-content button .ant-modal-close-x svg {
  font-size: 24px;
}
.modalAssociatedJourneysList .ant-modal-content .ant-modal-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modalAssociatedJourneysList .ant-modal-content .ant-modal-body .modalAssociatedJourneysListTitle {
  font-weight: 600;
  font-size: 20px;
  color: #121B28;
  margin-bottom: 15px;
}
.modalAssociatedJourneysList .ant-modal-content .ant-modal-body .modalAssociatedJourneysListDescription {
  font-size: 12px;
  color: #121B28;
  margin-bottom: 10px;
}
.modalAssociatedJourneysList .ant-modal-content .ant-modal-body .associatedJourneysList {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.modalAssociatedJourneysList .ant-modal-content .ant-modal-body .associatedJourneysList .associatedJourneyForPrinciple {
  width: 100%;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.modalAssociatedJourneysList .ant-modal-content .ant-modal-body .associatedJourneysList .associatedJourneyForPrinciple svg {
  font-size: 16px;
  min-width: 16px;
}
.modalAssociatedJourneysList .ant-modal-content .ant-modal-body .associatedJourneysList .associatedJourneyForPrinciple .associatedJourneyContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.modalAssociatedJourneysList .ant-modal-content .ant-modal-body .associatedJourneysList .associatedJourneyForPrinciple .associatedJourneyContent .associatedJourneyName {
  font-size: 10px;
  color: #121B28;
}
.modalAssociatedJourneysList .ant-modal-content .ant-modal-body .associatedJourneysList .associatedJourneyForPrinciple .associatedJourneyContent .associatedJourneyTags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}
.modalAssociatedJourneysList .ant-modal-content .ant-modal-body .associatedJourneysList .associatedJourneyForPrinciple .associatedJourneyContent .associatedJourneyTags .associatedJourneyTag {
  border-radius: 8px;
  font-weight: bold;
  font-size: 11px;
  color: white;
  padding: 5px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modalAssociatedJourneysList .ant-modal-content .ant-modal-body .associatedJourneysList .associatedJourneyForPrinciple .associatedJourneyContent .associatedJourneyTags .associatedJourneyTag.tagWithoutColor {
  background-color: #e2e2e2;
  color: #121B28;
}
.principleList .principleWrapperItem {
  min-width: 0;
}
.principleList .principle {
  padding: 5px;
  cursor: pointer;
}
.principleList .principle .wysiwygText.textEditorContainer.readonly {
  cursor: pointer;
}
.principleList .principle .principleName {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 0;
}
.mainPrincipleList {
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
}
.mainPrincipleList .principleSortByContainer {
  width: 100%;
  margin-top: -20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #121B28;
}
.mainPrincipleList .principleSortByContainer .sortBySelect {
  min-width: 170px;
}
.mainPrincipleList .principleSortByContainer .sortBySelect .ant-select-arrow {
  color: #121B28;
}
.principleConatiner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.principleList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 20px;
}
.principleList .actionableAddNewPrinciple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
     -moz-box-orient: horizontal !important;
     -moz-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 285px;
}
.principleList .actionableAddNewPrinciple .actionableAddNewPrincipleContainer {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.principleList .actionableAddNewPrinciple .actionableAddNewPrincipleContainer .principleAddNewView {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.principleList .actionableAddNewPrinciple .actionableAddNewPrincipleContainer .principleAddNewView .actionalAddPrinciple {
  min-width: 64px;
  min-height: 64px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(94, 58, 171, 0.15);
  color: #5E3AAB;
  font-size: 40px;
}
.principleList .actionableAddNewPrinciple .actionableAddNewPrincipleContainer .principleAddNewView .addNewPrincipleTitle {
  color: #5E3AAB;
  font-size: 12px;
  font-weight: 500;
}
.principleList .principleConatiner {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 24px;
  background-color: rgba(94, 58, 171, 0.05);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 16px;
}
.principleList .principleConatiner .initials {
  position: relative;
}
.principleList .principleConatiner:hover {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}
.principleList .principleConatiner .principleMiddleContent {
  height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.principleList .principleConatiner .principleMiddleContent .principleMiddleContentAvatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.principleList .principleConatiner .principleMiddleContent .principleMiddleContentAvatar .avatar {
  width: 200px !important;
  height: 200px !important;
  border: none !important;
}
.principleList .principleConatiner .principleMiddleContent .principleMiddleContentAvatar .principleDescNewDesign {
  color: #121B28;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 34px;
}
.principleList .principleConatiner .principleMiddleContent .principleMiddleContentAvatar .principleDescNewDesign .principleDescriptionView {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.principleList .principleConatiner .principleMiddleContent .principleMiddleContentAvatar .principleDescNewDesign .principleDescriptionView .principleDescriptionTitle {
  font-weight: 700;
  font-size: 16px;
}
.principleList .principleConatiner .principleMiddleContent .principleMiddleContentAvatar .principleDescNewDesign .principleDescriptionView .principleDescriptionText {
  font-size: 14px;
}
.principleList .principleConatiner .principleMiddleContent .principleMiddleContentAvatar .principleDescNewDesign .usedInJourneysContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.principleList .principleConatiner .principleMiddleContent .principleMiddleContentAvatar .principleDescNewDesign .usedInJourneysContainer .usedInJourneysTitle {
  font-size: 12px;
}
.principleList .principleConatiner .principleMiddleContent .principleMiddleContentAvatar .principleDescNewDesign .usedInJourneysContainer .usedInJourneysButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: white !important;
  font-weight: 700;
  font-size: 12px;
  background-color: #CDBEE6;
  outline: none;
  border: none;
  border-radius: 16px;
  padding: 6px 10px;
  cursor: pointer;
}
.principleList .principleConatiner .principleMiddleContent .principleMiddleContentAvatar .principleDescNewDesign .usedInJourneysContainer .usedInJourneysButton svg {
  font-size: 18px;
}
.principleList .principleConatiner .principleName {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
}
.principleList .principleConatiner .principleName.principleShrinkText {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.principleBadgeItemMenu {
  border-radius: 8px;
  overflow: hidden;
}
.principleBadgeItemMenu .ant-dropdown-menu-item,
.principleBadgeItemMenu .deletePrincipleActionContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #121B28;
}
.principleBadgeItemMenu .ant-dropdown-menu-item img,
.principleBadgeItemMenu .deletePrincipleActionContainer img {
  width: 14px;
}
.ant-table-cell .compactList:has(.principleBadgeWrapper) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.ant-table-cell .compactList .principleBadgeWrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.principleBadgeWrapper {
  width: 100%;
  position: relative;
}
.principleBadgeWrapper.principle {
  padding: 0px !important;
}
.principleBadgeWrapper .principleBadgeItemDropdown {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.15s all;
  transition: 0.15s all;
}
.principleBadgeWrapper:hover .principleBadgeItemDropdown {
  opacity: 1;
  visibility: visible;
}
.principleNewWrapperItem {
  position: relative;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  padding-top: 30px;
}
.principleNewWrapperItem.exportViewPrinciple {
  padding-left: 50px;
  padding-bottom: 50px;
}
.principleNewWrapperItem.exportViewPrinciple .principlePropertiesMainContainer .ruleContainer .doListOfRule {
  overflow: unset !important;
  max-height: unset !important;
}
.principleNewWrapperItem .saveButtonContainer {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.principleNewWrapperItem .saveButtonContainer .saveButtonSection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: self-end;
  -webkit-align-items: self-end;
     -moz-box-align: self-end;
      -ms-flex-align: self-end;
          align-items: self-end;
}
.principleNewWrapperItem .saveButtonContainer .saveButtonSection .saveButton {
  padding: 8px 16px;
  background-color: #5E3AAB;
  border-radius: 8px;
  color: white !important;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}
.principleNewWrapperItem .principlePropertiesMainContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, 290px);
  grid-template-rows: 20px auto;
  gap: 24px;
  margin-top: 10px;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent {
  min-width: 290px;
  max-width: 290px;
  border-radius: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px;
  background-color: #F7F5FB;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-row-start: 1;
  grid-row-end: 3;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent * {
  color: #121B28;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleNameProperty {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleNameProperty.principleNameEditableProperty {
  width: 100%;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleNameProperty.principleNameEditableProperty .ant-form-item-control {
  width: 100%;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleNameProperty.principleNameEditableProperty .ant-form-item-control .ant-form-item-control-input {
  width: 100%;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleNameProperty.principleNameEditableProperty .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content {
  width: 100%;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleNameProperty.principleNameEditableProperty .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
  width: 100%;
  background-color: transparent;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleDescriptionContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleDescriptionContainer .principleDescriptionTitle {
  font-weight: 700;
  font-size: 16px;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleDescriptionContainer .ant-input:-moz-placeholder-shown {
  background: none;
  border-radius: 8px;
  height: 24px;
  font-size: 12px;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleDescriptionContainer .ant-input:-ms-input-placeholder {
  background: none;
  border-radius: 8px;
  height: 24px;
  font-size: 12px;
}
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleDescriptionContainer .ant-input:placeholder-shown,
.principleNewWrapperItem .principlePropertiesMainContainer .principlePropertiesContent .principleDescriptionContainer .ant-input {
  background: none;
  border-radius: 8px;
  height: 24px;
  font-size: 12px;
}
.principleNewWrapperItem .principlePropertiesMainContainer .howToApplyPrincipleText {
  font-size: 20px;
  font-weight: 600;
  grid-column-start: 2;
  grid-column-end: -1;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer {
  padding: 24px;
  width: 290px;
  min-height: 440px;
  background-color: rgba(94, 58, 171, 0.05);
  border-radius: 16px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer:hover .topActionsIconsForRule {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .topActionsIconsForRule {
  width: 50px !important;
  right: -9px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  left: unset;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .topPartOfRule .titleOfRule {
  color: #121B28;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 12px;
  border-radius: 8px;
  background-color: transparent;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .topPartOfRule .titleOfRule.titleOfRuleOnlyView {
  padding: 0px !important;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .doListOfRule {
  max-height: 390px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  overflow: auto;
  padding-top: 12px;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .doListOfRule .doOfRule {
  position: relative;
  background-color: white;
  border-radius: 8px;
  padding: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .doListOfRule .doOfRule:not(:has(.topActionsIconsForItemWrapper)) {
  cursor: pointer;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .doListOfRule .doOfRule:hover .topActionsIconsForItemWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .doListOfRule .doOfRule .topActionsIconsForItemWrapper {
  top: -6px;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .doListOfRule .doOfRule .doOfRuleTitle {
  font-size: 10px;
  color: #121B28;
  font-weight: bold;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .doListOfRule .doOfRule .doOfRuleImg {
  min-width: 49px;
  min-height: 49px;
  max-width: 49px;
  max-height: 49px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .doListOfRule .doOfRule .doOfRuleImg.noImage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #d9d9d9;
  font-size: 24px;
  color: #909090;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .doListOfRule .addNewDo {
  border-radius: 34px;
  background-color: #E0D9EF;
  color: #5E3AAB;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  padding: 4px;
  gap: 6px;
}
.principleNewWrapperItem .principlePropertiesMainContainer .ruleContainer .doListOfRule .addNewDo .addNewDoTitle {
  font-size: 12px;
  font-weight: 500;
}
.principleNewWrapperItem .principlePropertiesMainContainer .addNewRuleButton {
  width: 290px;
  min-height: 440px;
  background-color: rgba(94, 58, 171, 0.05);
  border-radius: 16px;
  cursor: pointer;
  position: relative;
}
.principleNewWrapperItem .principlePropertiesMainContainer .addNewRuleButton:hover .addNewRuleButtonIconContainer {
  width: 70px;
  height: 70px;
  font-size: 44px;
}
.principleNewWrapperItem .principlePropertiesMainContainer .addNewRuleButton .addNewRuleButtonIconContainer {
  position: absolute;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 40px;
  color: white;
  background-color: rgba(94, 58, 171, 0.15);
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.doEditWizardModal {
  min-width: 580px;
  max-width: 580px;
}
.doEditWizardModal .doEditWizardModalContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.doEditWizardModal .doEditWizardModalContent .doEditWizardModalContentTitle {
  font-size: 20px;
  font-weight: 600;
  color: #121B28;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doTitlePreview {
  font-size: 16px;
  color: #121B28;
  font-weight: 700;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doDescPreview {
  font-size: 14px;
  color: #121B28;
  border: none;
  padding: 0px;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeLabel {
  font-size: 10px;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeInput,
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeDescription {
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  color: #121B28;
  font-size: 12px;
  padding: 8px 12px;
  outline: 2px solid transparent !important;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeInput::-webkit-input-placeholder, .doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeDescription::-webkit-input-placeholder {
  color: #909090 !important;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeInput::-moz-placeholder, .doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeDescription::-moz-placeholder {
  color: #909090 !important;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeInput:-ms-input-placeholder, .doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeDescription:-ms-input-placeholder {
  color: #909090 !important;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeInput::-ms-input-placeholder, .doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeDescription::-ms-input-placeholder {
  color: #909090 !important;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeInput::placeholder,
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeDescription::placeholder {
  color: #909090 !important;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeDescription {
  min-height: 61px;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeItems .doEditModeFormItem .doEditModeDescription:hover {
  -webkit-transition: outline 0.7s;
  transition: outline 0.7s;
  outline: 2px solid #D9EAEB !important;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeImageItem {
  margin-top: 20px;
}
.doEditWizardModal .doEditWizardModalContent .doEditModeWrapperItems .doEditModeImageItem.doViewMode {
  margin-top: 0px;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer {
  margin-top: 5px;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .inspirationTitle {
  font-size: 20px;
  font-weight: 600;
  color: #121B28;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .inspirationTitle.inspirationOnlyView {
  font-size: 16px;
  font-weight: 700;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  overflow: auto;
  padding-top: 12px;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .addNewInspirations {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .addNewInspirations .addNewInspirationsContainerWithIcon {
  width: 39px;
  height: 39px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #E0D9EF;
  color: white;
  font-size: 16px;
  cursor: pointer;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .insiparationItem {
  position: relative;
  min-width: 152px;
  max-width: 152px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .insiparationItem:hover .topActionsIconsForRuleDoInspiration {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .insiparationItem .topActionsIconsForRuleDoInspiration {
  z-index: 10;
  width: 50px !important;
  right: -9px;
  top: -11px;
  display: none;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  left: unset;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .insiparationItem .insiparationItemDescription {
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  min-height: 69px;
  padding: 8px 12px;
  color: #121B28;
  font-size: 12px;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .insiparationItem .insiparationItemDescription::-webkit-input-placeholder {
  color: #909090;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .insiparationItem .insiparationItemDescription::-moz-placeholder {
  color: #909090;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .insiparationItem .insiparationItemDescription:-ms-input-placeholder {
  color: #909090;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .insiparationItem .insiparationItemDescription::-ms-input-placeholder {
  color: #909090;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .insiparationItem .insiparationItemDescription::placeholder {
  color: #909090;
}
.doEditWizardModal .doEditWizardModalContent .inspirationListWrapperContainer .insiparationList .insiparationItem .insiparationItemDescription.readOnlyTextarea {
  border: none;
  padding: 0px;
  min-height: 10px;
}
.doEditWizardModal .doEditWizardModalContent .doEditWizardActionButtons {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
}
.doEditWizardModal .doEditWizardModalContent .doEditWizardActionButtons .doEditWizardConfirmButton,
.doEditWizardModal .doEditWizardModalContent .doEditWizardActionButtons .doEditWizardCancelButton {
  width: 100%;
  padding: 8px;
  border-radius: 10px;
  border: none;
  outline: none;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.doEditWizardModal .doEditWizardModalContent .doEditWizardActionButtons .doEditWizardConfirmButton {
  background-color: #5E3AAB;
  color: white;
}
.doEditWizardModal .doEditWizardModalContent .doEditWizardActionButtons .doEditWizardCancelButton {
  background-color: white;
  border: 1px solid black;
  color: black;
}
.doEditWizardModal .ant-modal-content {
  border-radius: 8px;
}
.doEditWizardModal .ant-modal-content .ant-modal-close {
  top: 20px;
  right: 20px;
}
.doEditWizardModal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  font-size: 26px;
  color: #161718;
}
.dontDescriptionLastItem {
  margin-bottom: 0px !important;
}
.doEditModeImageItem .avatar,
.insiparationItem .avatar {
  min-width: 152px !important;
  min-height: 134px !important;
  max-width: 152px !important;
  max-height: 134px !important;
  border-radius: 8px;
  border: 1px solid #d9d9d9 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  color: #121B28;
  border-width: 1px !important;
}
.doEditModeImageItem .avatar:has(.avatarCustomNoImageWithIcon),
.insiparationItem .avatar:has(.avatarCustomNoImageWithIcon) {
  background-color: #d9d9d9;
}
.doEditModeImageItem .avatar .avatarCustomNoImageWithIcon,
.insiparationItem .avatar .avatarCustomNoImageWithIcon {
  font-size: 50px;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.doEditModeImageItem .avatar .avatarCustomNoImageWithIcon svg *,
.insiparationItem .avatar .avatarCustomNoImageWithIcon svg * {
  color: #909090 !important;
}
.doEditModeImageItem .formMediaItem .formMedia,
.insiparationItem .formMediaItem .formMedia {
  min-width: 152px !important;
  min-height: 134px !important;
  max-width: 152px !important;
  max-height: 134px !important;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  padding: 0px;
  margin: 0px;
}
.doEditModeImageItem .formMediaItem .topActionsIconsForItemWrapper,
.insiparationItem .formMediaItem .topActionsIconsForItemWrapper {
  top: -12px;
}
.doEditModeImageItem .formMediaItem .noRuleItemsImgContentCustomContainerWithIcon,
.insiparationItem .formMediaItem .noRuleItemsImgContentCustomContainerWithIcon {
  min-width: 152px;
  min-height: 134px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  font-size: 12px;
  color: #121B28;
  cursor: pointer;
}
.doEditModeImageItem .formMediaItem .noRuleItemsImgContentCustomContainerWithIcon .addMediaIcon,
.insiparationItem .formMediaItem .noRuleItemsImgContentCustomContainerWithIcon .addMediaIcon {
  font-size: 24px;
}
/* Made by Jimmy Gillam */
/* Checkmark style starts */
@-webkit-keyframes bottomCheck {
  0% {
    height: 0;
  }
  100% {
    height: 30px/2;
  }
}
@keyframes bottomCheck {
  0% {
    height: 0;
  }
  100% {
    height: 30px/2;
  }
}
@-webkit-keyframes topCheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 36px;
  }
}
@keyframes topCheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 36px;
  }
}
@-webkit-keyframes bottomCheckSmall {
  0% {
    height: 0;
  }
  100% {
    height: 20px/2;
  }
}
@keyframes bottomCheckSmall {
  0% {
    height: 0;
  }
  100% {
    height: 20px/2;
  }
}
@-webkit-keyframes topCheckSmall {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 24px;
  }
}
@keyframes topCheckSmall {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 24px;
  }
}
.animatedCheckbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.animatedCheckbox input[type=checkbox] {
  display: none;
}
.animatedCheckbox .checkboxLabel {
  height: 30px;
  width: 30px;
  background-color: transparent;
  border: 3px solid #c6c6c6;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border-color ease 0.4s/2;
  transition: border-color ease 0.4s/2;
  cursor: pointer;
}
.animatedCheckbox .checkboxLabel::before,
.animatedCheckbox .checkboxLabel::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  height: 0;
  width: 5px;
  background-color: #a0518f;
  display: inline-block;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  border-radius: 5px;
  content: ' ';
  -webkit-transition: opacity ease 0.5;
  transition: opacity ease 0.5;
}
.animatedCheckbox .checkboxLabel::before {
  top: 22px;
  left: 12px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.animatedCheckbox .checkboxLabel::after {
  top: 11px;
  left: 1px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.animatedCheckbox input[type=checkbox]:checked + .checkboxLabel,
.animatedCheckbox .checkboxLabel.checked {
  border-color: #c7d30a;
}
.animatedCheckbox input[type=checkbox]:checked + .checkboxLabel::after,
.animatedCheckbox .checkboxLabel.checked::after {
  height: 15px;
  -webkit-animation: bottomCheck 0.4s/2 ease 0s forwards;
          animation: bottomCheck 0.4s/2 ease 0s forwards;
}
.animatedCheckbox input[type=checkbox]:checked + .checkboxLabel::before,
.animatedCheckbox .checkboxLabel.checked::before {
  height: 36px;
  -webkit-animation: topCheck 0.4s ease 0s forwards;
          animation: topCheck 0.4s ease 0s forwards;
}
.animatedCheckbox.small .checkboxLabel {
  height: 20px;
  width: 20px;
  border: 2px solid #c6c6c6;
}
.animatedCheckbox.small .checkboxLabel::before,
.animatedCheckbox.small .checkboxLabel::after {
  width: 3px;
}
.animatedCheckbox.small .checkboxLabel::before {
  top: 13px;
  left: 9px;
}
.animatedCheckbox.small .checkboxLabel::after {
  top: 7px;
  left: 1px;
}
.animatedCheckbox.small input[type=checkbox]:checked + .checkboxLabel::after,
.animatedCheckbox.small .checkboxLabel.checked::after {
  height: 10px;
  -webkit-animation: bottomCheckSmall 0.4s/2 ease 0s forwards;
          animation: bottomCheckSmall 0.4s/2 ease 0s forwards;
}
.animatedCheckbox.small input[type=checkbox]:checked + .checkboxLabel::before,
.animatedCheckbox.small .checkboxLabel.checked::before {
  height: 24px;
  -webkit-animation: topCheckSmall 0.4s ease 0s forwards;
          animation: topCheckSmall 0.4s ease 0s forwards;
}
.animatedCheckbox.disabled .checkboxLabel {
  border-color: #898989;
}
.animatedCheckbox.disabled .checkboxLabel::before,
.animatedCheckbox.disabled .checkboxLabel::after {
  background-color: #898989;
}
.animatedCheckbox.disabled input[type=checkbox]:checked + .checkboxLabel,
.animatedCheckbox.disabled .checkboxLabel.checked {
  border-color: #898989;
}
.tag {
  border: 1px solid #d9d9d9;
  padding: 1px 5px;
  border-radius: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 8px;
  margin-bottom: 6px;
  margin-top: 2px;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: normal;
  cursor: default;
}
.tag.dark {
  color: white;
}
.tag.dark .ant-tag-close-icon {
  color: white;
}
.tagList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tagList .tag:last-child {
  margin-right: 0;
}
.infoPanelTitle .tagList .tag {
  margin-top: 0;
  margin-bottom: 0;
}
.tagSearchInput {
  width: 150px;
  font-size: 11px;
}
.tagSearchPopover {
  width: 250px;
}
.tagSearchPopover .tag {
  cursor: pointer;
}
.tagSearchPopover .ant-popover-inner-content {
  padding: 0;
}
.tagSearchPopover .contentWrapper {
  padding: 12px 12px 8px;
}
.tagPopover {
  width: 240px;
}
.tagPopover textarea.ant-input {
  min-height: 80px;
  max-height: 80px;
}
.tagPopover .ant-popover-inner-content {
  padding: 10px;
}
.nameHierarchy .tagList {
  margin-left: 10px;
}
.inboxMessageList .inboxItem.notRead {
  font-weight: 500;
}
.centralContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  opacity: 1;
  -webkit-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.centralContent.transitioning {
  opacity: 0;
}
.documentation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.documentation > .structure {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 400px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
  padding-right: 20px;
  border-right: 1px solid #d9d9d9;
}
.documentation > .details {
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.documentation .detailsContent {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
.documentation .detailsContent em {
  color: #a0518f;
  font-style: normal;
  font-weight: 500;
}
.documentation .detailsContent span.note {
  padding: 10px;
  border: 1px solid #02646d;
  display: block;
  border-radius: 4px;
  color: #02646d;
  background-color: #f5fafb;
  font-style: italic;
  font-weight: 500;
}
.documentation .detailsContent span.note em {
  font-style: italic;
}
.documentation .structureContent {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
.documentation .sectionTree {
  margin-top: 10px;
  font-weight: 500;
}
.documentation .sectionTitle {
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 15px;
}
.documentation .sectionContent {
  font-size: 14px;
}
.documentation .contentPart {
  margin-bottom: 40px;
}
.documentation .contentPartTitle {
  font-weight: 500;
  font-size: 15px;
}
.documentation .matchedSearch {
  background-color: #c7d30a;
}
.tooltippedActionIcon.documentationReference {
  font-size: 20px;
}
.tooltippedActionIcon.sideBarDocumentationReference {
  font-size: 22px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ant-layout {
  background: white;
}
.ant-btn {
  line-height: 22px !important;
}
.ant-menu-inline-collapsed {
  width: 50px;
}
.ant-menu-horizontal {
  padding-bottom: 2px;
  border-bottom: none;
}
.ant-menu-horizontal > .ant-menu-item.login {
  -webkit-align-self: right;
      -ms-flex-item-align: right;
          align-self: right;
}
.ant-menu-overflow-item.ant-menu-submenu::after {
  border-bottom-color: transparent !important;
}
.ant-modal-close-x {
  width: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
}
.ant-modal-mask {
  background-color: rgba(1, 21, 23, 0.549);
}
.ant-modal-content {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-modal-close {
  top: 7px;
  right: 7px;
  color: #0c0c0c;
}
.ant-modal {
  color: #0c0c0c;
}
.paddingLessModal .ant-modal-body {
  padding: 0px;
}
textarea.ant-input {
  min-height: 115px;
  max-height: 325px;
}
.ant-input-number {
  border-color: #d9d9d9;
}
.ant-alert-warning {
  background-color: #efcbc2;
}
.withSeparator .ant-form-item-label {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 2px !important;
  margin-bottom: 12px !important;
}
.ant-form-vertical .ant-form-item {
  margin-bottom: 15px;
}
.ant-form-vertical .ant-form-item.personaDescItemValue {
  margin-bottom: 0px !important;
}
.ant-form-vertical .listFormItem .ant-form-item {
  margin-bottom: 5px;
}
.ant-form-vertical .ant-form-item-label {
  text-align: left;
  white-space: pre-wrap;
}
.ant-form-vertical .ant-form-item label,
.formLabel label {
  font-weight: 500;
  font-variant: small-caps;
  font-size: 15px;
}
.formLabel {
  padding: 0 0 5px;
}
.inlineForm .ant-form-explain {
  font-size: 13px;
}
.inlineForm .inlineTextboxWrapper .ant-form-item-control-wrapper {
  width: 100%;
}
.inlineForm .ant-form-item {
  margin-bottom: 0;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.inlineForm .ant-form-item-label {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.inlineForm .ant-form-item-label > label {
  height: auto;
}
.inlineForm .ant-form-item-control-input {
  min-height: auto;
}
.ant-badge-count {
  background: #d20e0e;
}
.panelItemBadge .ant-badge-count {
  right: 7px;
  top: 4px;
  z-index: 1;
}
.interactionBadge {
  position: absolute;
  right: 5px;
}
.interactionBadge .ant-badge-count {
  background: #c6c6c6;
  color: #0c0c0c;
}
.header .ant-menu-horizontal > .ant-menu-item,
.header .ant-menu-horizontal > .ant-menu-submenu {
  border: none !important;
  color: #0c0c0c;
  margin: 0;
}
.header .ant-menu-horizontal > .ant-menu-item:hover,
.header .ant-menu-horizontal > .ant-menu-item-active,
.header .ant-menu-horizontal > .ant-menu-item-open,
.header .ant-menu-horizontal > .ant-menu-item-selected .header .ant-menu-horizontal > .ant-menu-submenu:hover,
.header .ant-menu-horizontal > .ant-menu-submenu-active,
.header .ant-menu-horizontal > .ant-menu-submenu-open,
.header .ant-menu-horizontal > .ant-menu-submenu-selected {
  border: none !important;
  color: #02646d;
}
.rightPart .ant-menu-root > li:nth-of-type(1)::after {
  display: none;
}
.header .ant-menu-submenu {
  z-index: 5000 !important;
}
.header .ant-menu-submenu .ant-menu-item {
  margin-bottom: 0 !important;
}
.header .ant-menu-submenu:hover {
  color: #02646d !important;
}
.ant-menu-vertical .ant-menu-item {
  font-size: 14px;
  font-weight: 500;
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
}
.ant-menu-item .anticon {
  font-size: 15px;
  width: 15px;
  color: #02646d;
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-menu-submenu-horizontal .anticon {
  font-size: 16px;
  width: 13px;
  color: #02646d;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #f5f5f5;
}
.ant-menu-item:hover {
  background: #c7d30a;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: transparent;
}
.ant-modal-root + .ant-select-dropdown {
  border: 1px solid #d9d9d9 !important;
  border-radius: 12px !important;
}
.ant-modal-root + .ant-select-dropdown .avatar {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ant-tag {
  max-width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-tag .ant-tag-close-icon {
  font-size: 12px;
  margin-left: 8px;
}
.containerScollbarContent,
.ant-modal-content .journeyMapLaneCreationWizard .wizardStepContentWrapper .wizardStepContent {
  max-height: -webkit-calc(100vh - 350px);
  max-height: calc(100vh - 350px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 8px;
  padding-left: 1px;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.containerScollbarContent::-webkit-scrollbar,
.ant-modal-content .journeyMapLaneCreationWizard .wizardStepContentWrapper .wizardStepContent::-webkit-scrollbar {
  width: 8px !important;
}
.containerScollbarContent::-webkit-scrollbar-track,
.ant-modal-content .journeyMapLaneCreationWizard .wizardStepContentWrapper .wizardStepContent::-webkit-scrollbar-track {
  background: rgba(0, 88, 96, 0.35);
  border-radius: 50px;
}
.containerScollbarContent::-webkit-scrollbar-thumb,
.ant-modal-content .journeyMapLaneCreationWizard .wizardStepContentWrapper .wizardStepContent::-webkit-scrollbar-thumb {
  background: #005860;
  border-radius: 50px;
  border: none !important;
  cursor: pointer;
}
.ant-modal-content .publicProjectItemDetails .tagList,
.heroJourneyCreationWizard .publicProjectItemDetails .tagList {
  margin-top: -12px;
  margin-bottom: 10px;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter,
.ant-modal-content .publicProjectItemDetails .projectItemProperties,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .bjOwners,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .bjOwners,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .bjOwners,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .bjOwners,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .permissionsList,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .permissionsList,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .permissionsList,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .permissionsList {
  gap: 15px;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .bjOwners,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .bjOwners,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .bjOwners,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .bjOwners {
  max-height: 54px;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .bjOwners,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .bjOwners,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .bjOwners,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .bjOwners,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty {
  width: 100%;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty .value,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty .value,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty .value,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty .value,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty .value,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty .value,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty .value,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty .value {
  -webkit-box-flex: unset !important;
  -webkit-flex: unset !important;
     -moz-box-flex: unset !important;
      -ms-flex: unset !important;
          flex: unset !important;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .userWithHoverInfo span,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .userWithHoverInfo span,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .userWithHoverInfo span,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .userWithHoverInfo span,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty .value .userWithHoverInfo span,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty .value .userWithHoverInfo span,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty .value .userWithHoverInfo span,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty .value .userWithHoverInfo span,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty .value .userWithHoverInfo span,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty .value .userWithHoverInfo span,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty .value .userWithHoverInfo span,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty .value .userWithHoverInfo span {
  font-size: 14px;
  color: #121B28;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .keyResultList .keyResult,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .keyResultList .keyResult,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .keyResultList .keyResult,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .keyResultList .keyResult,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty .value .keyResultList .keyResult,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty .value .keyResultList .keyResult,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty .value .keyResultList .keyResult,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty .value .keyResultList .keyResult,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty .value .keyResultList .keyResult,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty .value .keyResultList .keyResult,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty .value .keyResultList .keyResult,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty .value .keyResultList .keyResult {
  color: #121B28;
  padding: 0px !important;
  cursor: normal !important;
  font-weight: 400 !important;
  border: none !important;
  background-color: transparent !important;
  margin: 0px !important;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .keyResultList .keyResult::before,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .keyResultList .keyResult::before,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .keyResultList .keyResult::before,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .keyResultList .keyResult::before,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty .value .keyResultList .keyResult::before,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty .value .keyResultList .keyResult::before,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty .value .keyResultList .keyResult::before,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty .value .keyResultList .keyResult::before,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty .value .keyResultList .keyResult::before,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty .value .keyResultList .keyResult::before,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty .value .keyResultList .keyResult::before,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty .value .keyResultList .keyResult::before {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #005860;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 2px;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .description *,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .description *,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .description *,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .description *,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty .value .description *,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .bjOwners .projectItemProperty .value .description *,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty .value .description *,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .bjOwners .projectItemProperty .value .description *,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty .value .description *,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .objectiveAndKeyResults .projectItemProperty .value .description *,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty .value .description *,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .objectiveAndKeyResults .projectItemProperty .value .description * {
  color: #121B28;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty {
  margin: 0px !important;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty .name,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty .name,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty .name,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty .name,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .name,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .name,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .name,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .name {
  -webkit-box-flex: unset !important;
  -webkit-flex: unset !important;
     -moz-box-flex: unset !important;
      -ms-flex: unset !important;
          flex: unset !important;
  margin-bottom: 5px;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList {
  gap: 12px;
  margin-bottom: 10px;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .principleBadgeWrapper,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .principleBadgeWrapper,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .principleBadgeWrapper,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .principleBadgeWrapper,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .personaBadgeWrapper,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .personaBadgeWrapper,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .personaBadgeWrapper,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .personaBadgeWrapper,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper {
  width: auto !important;
  max-width: unset !important;
  min-width: unset !important;
  margin: 0px !important;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .principleBadgeWrapper .persona,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .principleBadgeWrapper .persona,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .principleBadgeWrapper .persona,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .principleBadgeWrapper .persona,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper .persona,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper .persona,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper .persona,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper .persona,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .personaBadgeWrapper .persona,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .personaBadgeWrapper .persona,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .personaBadgeWrapper .persona,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .personaBadgeWrapper .persona,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper .persona,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper .persona,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper .persona,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper .persona,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .principleBadgeWrapper .principle,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .principleBadgeWrapper .principle,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .principleBadgeWrapper .principle,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .principleBadgeWrapper .principle,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper .principle,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper .principle,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper .principle,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .principleBadgeWrapper .principle,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .personaBadgeWrapper .principle,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty .value .compactList .personaBadgeWrapper .principle,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .personaBadgeWrapper .principle,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty .value .compactList .personaBadgeWrapper .principle,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper .principle,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper .principle,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper .principle,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty .value .compactList .personaBadgeWrapper .principle {
  margin: 0px !important;
  max-width: unset !important;
  min-width: unset !important;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty div span,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty div span,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty div span,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty div span,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty div span,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty div span,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty div span,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty div span {
  font-size: 16px;
  color: #121B28;
  font-weight: bold;
}
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty div.description span,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty div.description span,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty div.description span,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty div.description span,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty div.description span,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty div.description span,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty div.description span,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty div.description span,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .projectItemProperty div.value div span,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .projectItemProperty div.value div span,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .projectItemProperty div.value div span,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .projectItemProperty div.value div span,
.ant-modal-content .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty div.value div span,
.heroJourneyCreationWizard .publicProjectItemDetails div .bottomGutter .startEndObjectives .projectItemProperty div.value div span,
.ant-modal-content .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty div.value div span,
.heroJourneyCreationWizard .publicProjectItemDetails .projectItemProperties .startEndObjectives .projectItemProperty div.value div span {
  font-size: 14px;
  font-weight: 400;
}
.ant-modal-content .publicProjectItemDetails .topGutterLarge,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge {
  margin-bottom: 0px !important;
  margin-top: 10px;
}
.ant-modal-content .publicProjectItemDetails .topGutterLarge .requestAccessView,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .requestAccessView {
  margin-bottom: 8px;
}
.ant-modal-content .publicProjectItemDetails .topGutterLarge .AccessList .title,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .AccessList .title,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .requestAccessView .title,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .requestAccessView .title {
  border-bottom: none !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
     -moz-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  font-variant: normal !important;
  color: #121B28 !important;
  letter-spacing: 0px !important;
  font-weight: bold !important;
  margin-bottom: 5px !important;
}
.ant-modal-content .publicProjectItemDetails .topGutterLarge .AccessList .ant-btn,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .AccessList .ant-btn,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .requestAccessView .ant-btn,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .requestAccessView .ant-btn {
  width: 100%;
  border-radius: 10px !important;
  background-color: #5E3AAB !important;
  color: white !important;
  border: none !important;
  font-weight: bold !important;
}
.ant-modal-content .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-modal-content .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .writePermissionsList,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .writePermissionsList,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .writePermissionsList,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .writePermissionsList,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .readPermissionsList,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .readPermissionsList,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .readPermissionsList,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .readPermissionsList {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 260px;
}
.ant-modal-content .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .writePermissionsList .userWithHoverInfo .icon span,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .writePermissionsList .userWithHoverInfo .icon span,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .writePermissionsList .userWithHoverInfo .icon span,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .writePermissionsList .userWithHoverInfo .icon span,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .readPermissionsList .userWithHoverInfo .icon span,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .readPermissionsList .userWithHoverInfo .icon span,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .readPermissionsList .userWithHoverInfo .icon span,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .readPermissionsList .userWithHoverInfo .icon span {
  font-size: 12px !important;
  color: #3C3C3C;
}
.ant-modal-content .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .writePermissionsList .userWithHoverInfo .userName,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .writePermissionsList .userWithHoverInfo .userName,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .writePermissionsList .userWithHoverInfo .userName,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .writePermissionsList .userWithHoverInfo .userName,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .readPermissionsList .userWithHoverInfo .userName,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .AccessList .permissionsList .readPermissionsList .userWithHoverInfo .userName,
.ant-modal-content .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .readPermissionsList .userWithHoverInfo .userName,
.heroJourneyCreationWizard .publicProjectItemDetails .topGutterLarge .requestAccessView .permissionsList .readPermissionsList .userWithHoverInfo .userName {
  color: #121B28;
}
.ant-modal-content .ant-select,
.heroJourneyCreationWizard .ant-select {
  min-height: 40px;
}
.ant-modal-content .ant-select .ant-select-selector,
.heroJourneyCreationWizard .ant-select .ant-select-selector {
  border-radius: 12px !important;
  border: 1px solid #d9d9d9 !important;
  padding: 8px 16px !important;
}
.ant-modal-content .ant-select .ant-select-selector .ant-select-selection-search,
.heroJourneyCreationWizard .ant-select .ant-select-selector .ant-select-selection-search {
  inset-inline-start: 15px !important;
}
.ant-modal-content .ant-select .ant-select-arrow,
.heroJourneyCreationWizard .ant-select .ant-select-arrow {
  color: #3C3C3C;
}
.ant-modal-content .ant-select .ant-select-arrow .anticon-down,
.heroJourneyCreationWizard .ant-select .ant-select-arrow .anticon-down {
  font-size: 14px !important;
}
.ant-modal-content .ant-select .ant-select-arrow .anticon-search,
.heroJourneyCreationWizard .ant-select .ant-select-arrow .anticon-search {
  font-size: 22px !important;
}
.ant-modal-content .ant-input-affix-wrapper.editableText,
.heroJourneyCreationWizard .ant-input-affix-wrapper.editableText {
  border-radius: 12px !important;
  padding: 8px 16px;
}
.ant-modal-content .associatedPersonasFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item,
.heroJourneyCreationWizard .associatedPersonasFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item,
.ant-modal-content .associatedPrinciplesFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item,
.heroJourneyCreationWizard .associatedPrinciplesFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item {
  background-color: #909090 !important;
  color: white !important;
  border-radius: 8px;
}
.ant-modal-content .associatedPersonasFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-content,
.heroJourneyCreationWizard .associatedPersonasFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-content,
.ant-modal-content .associatedPrinciplesFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-content,
.heroJourneyCreationWizard .associatedPrinciplesFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-content {
  font-size: 11px !important;
  font-weight: bold !important;
}
.ant-modal-content .associatedPersonasFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-remove span,
.heroJourneyCreationWizard .associatedPersonasFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-remove span,
.ant-modal-content .associatedPrinciplesFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-remove span,
.heroJourneyCreationWizard .associatedPrinciplesFormItem .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-remove span {
  font-size: 12px !important;
  color: white !important;
}
.ant-modal-content .commonTitle,
.heroJourneyCreationWizard .commonTitle {
  margin-bottom: 8px;
}
.ant-modal-content .tagList .ant-tag,
.heroJourneyCreationWizard .tagList .ant-tag {
  padding: 6px 12px !important;
  border-radius: 8px;
  border: none !important;
  font-size: 11px !important;
  font-weight: bold !important;
  letter-spacing: 2px !important;
  line-height: 11px !important;
}
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .formLabel,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .formLabel {
  padding: 0px !important;
}
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item {
  margin: 0px !important;
}
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content,
.ant-modal-content .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content,
.heroJourneyCreationWizard .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content,
.ant-modal-content .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader,
.ant-modal-content .painpointDetailsContainer .painpointDetailsHeader,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointDetailsHeader,
.ant-modal-content .referencedPainPointDetailsContainer .painpointDetailsHeader,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointDetailsHeader,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader,
.ant-modal-content .painpointDetailsContainer .painpointReferenceHeader,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointReferenceHeader,
.ant-modal-content .referencedPainPointDetailsContainer .painpointReferenceHeader,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointReferenceHeader {
  margin-bottom: 8px;
}
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group,
.ant-modal-content .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group,
.heroJourneyCreationWizard .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group,
.ant-modal-content .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group,
.ant-modal-content .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group,
.ant-modal-content .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group,
.ant-modal-content .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group,
.ant-modal-content .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -moz-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  background-color: rgba(94, 58, 171, 0.05);
  padding: 4px 6px;
  border-radius: 10px;
  gap: 8px;
}
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.ant-modal-content .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.heroJourneyCreationWizard .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.ant-modal-content .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.ant-modal-content .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.ant-modal-content .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.ant-modal-content .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.ant-modal-content .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked {
  background-color: white;
}
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.ant-modal-content .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.heroJourneyCreationWizard .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.ant-modal-content .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.ant-modal-content .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.ant-modal-content .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.ant-modal-content .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.ant-modal-content .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked span {
  color: #121B28;
  font-weight: bold;
}
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper,
.ant-modal-content .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper,
.heroJourneyCreationWizard .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper,
.ant-modal-content .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper,
.ant-modal-content .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper,
.ant-modal-content .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper,
.ant-modal-content .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper,
.ant-modal-content .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper {
  padding: 4px 8px;
  background-color: transparent;
  margin: 0px !important;
  border-radius: 10px;
}
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper .ant-radio,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper .ant-radio,
.ant-modal-content .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper .ant-radio,
.heroJourneyCreationWizard .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper .ant-radio,
.ant-modal-content .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper .ant-radio,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper .ant-radio,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper .ant-radio,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper .ant-radio,
.ant-modal-content .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper .ant-radio,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper .ant-radio,
.ant-modal-content .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper .ant-radio,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper .ant-radio,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper .ant-radio,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper .ant-radio,
.ant-modal-content .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper .ant-radio,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper .ant-radio,
.ant-modal-content .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper .ant-radio,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper .ant-radio {
  display: none !important;
}
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper span,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper span,
.ant-modal-content .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper span,
.heroJourneyCreationWizard .painpointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper span,
.ant-modal-content .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper span,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .ant-form-item .ant-form-item-control-input-content .ant-radio-group .ant-radio-wrapper span,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper span,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper span,
.ant-modal-content .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper span,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper span,
.ant-modal-content .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper span,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointDetailsHeader .ant-radio-group .ant-radio-wrapper span,
.ant-modal-content .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper span,
.heroJourneyCreationWizard .userReferenceFormItem .userReferenceFormItemHeader .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper span,
.ant-modal-content .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper span,
.heroJourneyCreationWizard .painpointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper span,
.ant-modal-content .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper span,
.heroJourneyCreationWizard .referencedPainPointDetailsContainer .painpointReferenceHeader .ant-radio-group .ant-radio-wrapper span {
  font-size: 12px;
  color: rgba(18, 27, 40, 0.5);
  font-weight: 500;
  padding: 0px !important;
}
.ant-modal-content .ant-row .ant-col label,
.heroJourneyCreationWizard .ant-row .ant-col label,
.ant-modal-content .commonTitle span,
.heroJourneyCreationWizard .commonTitle span,
.ant-modal-content .userReferenceFormItem div .formLabel label span,
.heroJourneyCreationWizard .userReferenceFormItem div .formLabel label span,
.ant-modal-content .formLabel label span,
.heroJourneyCreationWizard .formLabel label span {
  font-weight: 500;
  font-variant: normal;
  font-size: 14px;
  color: #121B28;
}
.ant-modal-content .formContainerTitle,
.heroJourneyCreationWizard .formContainerTitle {
  font-size: 24px;
  color: #121B28;
  font-weight: bold;
  display: block;
}
.ant-modal-content .formContainerDescription,
.heroJourneyCreationWizard .formContainerDescription {
  font-size: 14px;
  color: #B2B2B2;
  display: block;
}
.ant-modal-content .formContainerSubtitle,
.heroJourneyCreationWizard .formContainerSubtitle {
  font-size: 20px;
  color: #121B28;
  display: block;
  font-weight: 600;
  padding-top: 14px;
  padding-bottom: 14px;
}
.ant-modal-content .formMainTitle,
.heroJourneyCreationWizard .formMainTitle {
  font-size: 16px;
  color: #121B28;
  font-weight: bold;
  display: block;
  padding-bottom: 4px;
}
.ant-modal-content .formMainTitle.withSeparator,
.heroJourneyCreationWizard .formMainTitle.withSeparator {
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.ant-modal-content .gallery.galleryInGlobalModal,
.heroJourneyCreationWizard .gallery.galleryInGlobalModal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ant-modal-content .gallery.galleryInGlobalModal .tabs,
.heroJourneyCreationWizard .gallery.galleryInGlobalModal .tabs {
  max-width: unset !important;
  width: 100%;
}
.ant-modal-content .ant-row .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .formMediaItem .contentDefined .topActionsIconsForItemWrapper,
.heroJourneyCreationWizard .ant-row .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .formMediaItem .contentDefined .topActionsIconsForItemWrapper {
  top: -12px;
}
.ant-modal-content .ant-row .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .formMediaItem .contentDefined .formMedia,
.heroJourneyCreationWizard .ant-row .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .formMediaItem .contentDefined .formMedia {
  border: none !important;
  padding: 0px !important;
  margin: 0px !important;
}
.ant-modal-content .ant-input,
.heroJourneyCreationWizard .ant-input,
.ant-modal-content .ant-input-number,
.heroJourneyCreationWizard .ant-input-number,
.ant-modal-content .ant-color-picker-trigger,
.heroJourneyCreationWizard .ant-color-picker-trigger,
.ant-modal-content .ant-picker .ant-input-number-input-wrap input,
.heroJourneyCreationWizard .ant-picker .ant-input-number-input-wrap input {
  padding: 0px 16px;
  border-radius: 12px;
  font-size: 14px;
  border-color: #d9d9d9;
}
.ant-modal-content .ant-tabs-nav::before,
.heroJourneyCreationWizard .ant-tabs-nav::before {
  display: none !important;
}
.ant-modal-content .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list,
.heroJourneyCreationWizard .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  background-color: rgba(94, 58, 171, 0.05);
  border-radius: 10px;
  padding: 4px 6px;
}
.ant-modal-content .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list *,
.heroJourneyCreationWizard .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list * {
  -webkit-transition: none !important;
  transition: none !important;
}
.ant-modal-content .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab,
.heroJourneyCreationWizard .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  margin: 0px !important;
  background-color: transparent;
  border-radius: 10px;
  font-size: 12px !important;
  font-weight: 500;
  color: rgba(18, 27, 40, 0.5) !important;
  padding: 4px 8px !important;
  -webkit-transition: none !important;
  transition: none !important;
  border: none !important;
}
.ant-modal-content .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab div span span,
.heroJourneyCreationWizard .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab div span span,
.ant-modal-content .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab div,
.heroJourneyCreationWizard .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab div {
  color: rgba(18, 27, 40, 0.5) !important;
}
.ant-modal-content .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active,
.heroJourneyCreationWizard .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  font-weight: bold;
  color: #121B28 !important;
  background-color: white;
}
.ant-modal-content .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active div span span,
.heroJourneyCreationWizard .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active div span span,
.ant-modal-content .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active div,
.heroJourneyCreationWizard .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active div {
  color: #121B28 !important;
}
.ant-modal-content .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar,
.heroJourneyCreationWizard .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar {
  display: none;
}
.ant-modal-content .valuesExportImportView .explanation,
.heroJourneyCreationWizard .valuesExportImportView .explanation {
  margin-bottom: 10px;
}
.ant-modal-content .valuesExportImportView .explanation span,
.heroJourneyCreationWizard .valuesExportImportView .explanation span {
  color: #909090 !important;
  font-weight: 400 !important;
}
.ant-modal-content .valuesExportImportView .maxSizeNotice,
.heroJourneyCreationWizard .valuesExportImportView .maxSizeNotice {
  font-weight: bold !important;
  color: #909090 !important;
  font-size: 12px !important;
}
.ant-modal-content .ant-color-picker-trigger,
.heroJourneyCreationWizard .ant-color-picker-trigger {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-modal-content .ant-color-picker-trigger .ant-color-picker-trigger-text,
.heroJourneyCreationWizard .ant-color-picker-trigger .ant-color-picker-trigger-text {
  margin: 0px !important;
}
.ant-modal-content .ant-input-number,
.heroJourneyCreationWizard .ant-input-number {
  width: 100%;
}
.ant-modal-content .ant-input-number .ant-input-number-input-wrap input,
.heroJourneyCreationWizard .ant-input-number .ant-input-number-input-wrap input {
  padding: 0px !important;
}
.ant-modal-content .ant-picker,
.heroJourneyCreationWizard .ant-picker {
  width: 100%;
}
.ant-select {
  display: block;
}
.ant-select .ant-select-selector {
  outline: 2px solid transparent !important;
  border: 0.5px solid #d9d9d9 !important;
}
.ant-select .ant-select-selector:hover {
  outline: 2px solid #D9EAEB !important;
}
.ant-select.ant-select-focused .ant-select-selector {
  border: 0.5px solid black !important;
  outline: 2px solid #D9EAEB !important;
}
.associatedPrinciplesSelect {
  width: 100%;
}
.ant-select-dropdown .rc-virtual-list .rc-virtual-list-holder .rc-virtual-list-holder-inner .ant-select-item-option-selected {
  background-color: #dadada !important;
}
.sidebarContent .wizard .wizardStepsWrapper .wizardSteps .ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon .anticon,
.sidebarContent .wizard .wizardStepsWrapper .wizardSteps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon .anticon {
  color: #02646d !important;
}
.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-tail::after {
  background-color: #5E3AAB !important;
}
.heroJourneyCreationWizard .wizardStepsWrapper .ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon,
.heroJourneyCreationWizard .wizardStepsWrapper .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
  background-color: #5E3AAB !important;
  border-color: #5E3AAB !important;
}
.heroJourneyCreationWizard .wizardStepsWrapper .ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon .anticon-check,
.heroJourneyCreationWizard .wizardStepsWrapper .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon .anticon-check {
  color: white !important;
}
.heroJourneyCreationWizard .wizardStepsWrapper .ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon .ant-steps-progress-icon .ant-progress .ant-steps-icon,
.heroJourneyCreationWizard .wizardStepsWrapper .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon .ant-steps-progress-icon .ant-progress .ant-steps-icon {
  color: white !important;
}
.heroJourneyCreationWizard .wizardStepsWrapper .ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon .ant-steps-progress-icon .ant-progress .ant-progress-inner,
.heroJourneyCreationWizard .wizardStepsWrapper .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon .ant-steps-progress-icon .ant-progress .ant-progress-inner {
  background-color: #02646d !important;
}
.ant-input-affix-wrapper.editableText {
  -webkit-transition: all 0s;
  transition: all 0s;
  outline: 2px solid transparent !important;
  border: 0.5px solid transparent !important;
  cursor: pointer;
  border-radius: 4px;
}
.ant-input-affix-wrapper.editableText .showEditableTextOnFocusIcon {
  position: absolute;
  right: 4px;
}
.ant-input-affix-wrapper.editableText .ant-input {
  border: none !important;
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  cursor: pointer;
}
.ant-input-affix-wrapper.editableText .ant-input:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}
.ant-input-affix-wrapper.editableText:hover {
  -webkit-transition: outline 0.7s;
  transition: outline 0.7s;
  outline: 2px solid #D9EAEB !important;
}
.ant-input-affix-wrapper.editableText:hover .showEditableTextOnFocusIcon {
  visibility: visible;
  opacity: 1;
}
.ant-input-affix-wrapper.editableText.ant-input-affix-wrapper-focused {
  border: 0.5px solid black !important;
  outline: 2px solid #D9EAEB !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: text;
}
.ant-input-affix-wrapper.editableText.ant-input-affix-wrapper-focused .ant-input {
  cursor: text;
}
.ant-input-affix-wrapper.editableText.ant-input-affix-wrapper-focused .showEditableTextOnFocusIcon {
  visibility: hidden;
  opacity: 0;
}
.ant-input:focus,
.ant-input:hover {
  border-color: #02646d !important;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 113, 123, 0.149);
          box-shadow: 0 0 0 2px rgba(0, 113, 123, 0.149);
}
.ant-select-dropdown-menu-item-active {
  color: white;
}
.ant-select-dropdown {
  z-index: 1200;
}
.ant-select-item-group {
  font-weight: 500;
  color: #02646d;
  font-size: 14px;
  font-variant: small-caps;
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #02646d;
  border-color: #02646d;
}
.ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #c0c0c0;
  border-color: #02646d;
}
.ant-radio {
  color: #0c0c0c;
}
.ant-radio .ant-radio-inner {
  border-color: #c6c6c6;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #02646d;
}
.ant-radio-inner:after {
  background-color: #02646d;
}
.ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
.ant-radio:hover .ant-radio-inner,
.ant-radio-focused .ant-radio-inner {
  border-color: #02646d;
}
.ant-switch-checked {
  background-color: #02646d !important;
}
.ant-popover {
  width: 350px;
}
.ant-popover-buttons {
  color: #0c0c0c;
}
.ant-popover-buttons button {
  border: 1px solid #02646d;
  font-weight: 500;
  color: #0c0c0c;
}
.ant-popover-buttons button.ant-btn-primary {
  color: white;
  background-color: #02646d;
}
.ant-popover-buttons button:hover {
  color: #0c0c0c;
  background-color: #c7d30a;
  border-color: #c7d30a;
}
.ant-popover-title {
  padding: 10px 0px 2px;
  color: #0c0c0c;
  border-bottom: 1px solid #c7d30a;
  font-variant: small-caps;
  margin-left: 10px;
  margin-right: 10px;
  max-width: 350px;
  font-size: 18px;
}
.ant-radio-group.switchGroup {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -moz-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  background-color: rgba(94, 58, 171, 0.05);
  padding: 4px 6px;
  border-radius: 10px;
  gap: 8px;
}
.ant-radio-group.switchGroup .ant-radio-wrapper.ant-radio-wrapper-checked {
  background-color: white;
}
.ant-radio-group.switchGroup .ant-radio-wrapper.ant-radio-wrapper-checked span {
  font-weight: bold;
}
.ant-radio-group.switchGroup .ant-radio-wrapper {
  padding: 8px 16px;
  background-color: transparent;
  margin: 0px !important;
  border-radius: 10px;
}
.ant-radio-group.switchGroup .ant-radio-wrapper .ant-radio {
  display: none !important;
}
.ant-radio-group.switchGroup .ant-radio-wrapper span {
  font-size: 14px;
  color: black;
  font-weight: 500;
  padding: 0px !important;
}
.breadcrumbPopover.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow,
.breadcrumbPopover.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.breadcrumbPopover.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  border-top-color: white;
  border-left-color: white;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.breadcrumbPopover .ant-popover-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid white;
  background-color: white;
  border-radius: 6px;
}
.breadcrumbPopover .ant-popover-inner-content {
  padding: 10px;
}
.ant-steps-small .ant-steps-item-title {
  line-height: 20px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  padding: 33px 0 0px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail:after {
  background-color: transparent;
  border-color: #d9d9d9;
  border: 0px dashed #d9d9d9;
  border-left-width: 1px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
  overflow: visible;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ant-steps-vertical > .ant-steps-item.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  border-color: #02646d;
  border-style: solid;
}
.ant-steps-vertical > .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #b7b7b7;
  border-color: #b7b7b7;
  color: white;
}
.ant-steps-vertical > .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: white;
}
.heroJourneyCreationWizard .ant-steps-item-title {
  font-weight: 500;
}
.ant-tabs-tab {
  font-weight: 500;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.ant-tabs-tab.ant-tabs-tab-active {
  font-weight: 500;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  text-shadow: none;
}
.galleryTabs.ant-tabs-left .ant-tabs-tab {
  word-break: break-word;
  white-space: pre-wrap;
  text-align: left;
}
.galleryTabs.ant-tabs-left .ant-tabs-tab.ant-tabs-tab-active {
  background: #c7d30a;
}
.ant-tabs-ink-bar {
  background-color: #c7d30a;
}
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 16px;
  font-size: 15px;
}
.ant-tabs-nav-list .ant-tabs-tab .anticon.iconOnSeparateLine {
  margin-right: 0px;
}
.sidebarContent .ant-tabs {
  overflow: visible;
}
.graphLineTabs .ant-tabs-nav-wrap {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
     -moz-box-flex: 0 !important;
      -ms-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
}
.graphLineTabs .ant-tabs-nav-list {
  width: 130px;
}
.graphLineTabs .ant-tabs-nav-list .ant-tabs-tab {
  white-space: pre-line;
  padding: 0 5px 0 0;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list {
  overflow-x: auto;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: rgba(0, 0, 0, 0.88);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more {
  display: none;
}
.ant-tabs.ant-tabs-left .ant-tabs-content-holder {
  border-left: 1px solid #d9d9d9;
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #c7d30a;
}
.graphPointMenu.ant-popover {
  z-index: 220;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.graphPointMenu .ant-popover-inner-content {
  margin: 0;
  padding: 2px;
}
.userReferenceFormItem .ant-radio-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.userReferenceFormItem .ant-form-item {
  margin-bottom: 5px;
}
.userReferenceFormItem .ant-form-item label.ant-radio-wrapper {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.centeredOptionsFormItem .ant-select-item.ant-select-item-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-select-item-option .ant-select-item-option-content .principleBadgeWrapper {
  cursor: pointer !important;
}
.addDoFromPrinciple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 5px;
}
.addDoFromPrinciple .inlineFormSubmit {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  color: #02646d;
  border-color: #02646d;
}
.formItemDosSelect {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
     -moz-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  margin: 0px !important;
}
.ant-table-thead tr th {
  border-radius: 0px !important;
}
.standardItemList .ant-pagination {
  gap: 5px;
}
.standardItemList .ant-pagination li a,
.standardItemList .ant-pagination li button,
.standardItemList .ant-pagination li {
  height: 38px !important;
}
.standardItemList .ant-pagination li a,
.standardItemList .ant-pagination li button {
  padding: 8px 12px;
  color: #121B28;
}
.standardItemList .ant-pagination .ant-pagination-item-active {
  background-color: #005860;
  border: none !important;
}
.standardItemList .ant-pagination .ant-pagination-item-active a {
  color: white !important;
}
.standardItemList .ant-table-thead > tr > th {
  border-bottom: 1px solid #5E3AAB;
  border-left-width: 0;
  border-right-width: 0;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  background: transparent;
}
.standardItemList .ant-table-thead > tr > th::before {
  display: none;
}
.standardItemList .ant-table-thead > tr > th .ant-table-column-title {
  color: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  font-weight: 500;
}
.standardItemList .ant-table-tbody > tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.02);
}
.standardItemList .ant-table-tbody > tr > td {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #121212;
  font-size: 16px;
  font-weight: 400;
}
.standardItemList .ant-table-tbody > tr > td .tagList .ant-tag {
  padding: 6px 12px !important;
  border-radius: 8px;
  border: none !important;
  font-size: 11px !important;
  font-weight: bold !important;
  letter-spacing: 2px !important;
  line-height: 11px !important;
}
.standardItemList .ant-table-tbody > tr > td .dateLastModifiedInTable,
.standardItemList .ant-table-tbody > tr > td .issueCountInTable {
  font-weight: 500;
}
.standardItemList .ant-table-tbody > tr > td .childCountContainer:has(.svgJourneyIconInTable) {
  font-size: 14px;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.standardItemList .ant-table-sticky-header {
  overflow: visible !important;
}
html {
  height: 100%;
}
body {
  height: 100%;
  font-size: 14px;
  background-color: #e0e0e0;
  color: #0c0c0c;
}
body * {
  font-family: 'Montserrat', sans-serif !important;
}
::-moz-selection {
  background: #5E3AAB;
  color: white;
}
::selection {
  background: #5E3AAB;
  color: white;
}
.titleFont,
.title {
  font-size: 20px;
  line-height: 23px;
  font-weight: 500;
  font-variant: small-caps;
  letter-spacing: -1px;
  padding-bottom: 2px;
}
.title {
  position: relative;
  border-bottom: 2px solid #c7d30a;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title.small {
  font-size: 16px;
  font-weight: 500;
  border-bottom-width: 1px;
  margin-bottom: 15px;
}
.title.main {
  border: none;
  margin-left: -25px;
  padding: 10px 15px 10px 25px;
  background: #d0dddf;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  min-width: 350px;
}
p:last-child {
  margin-bottom: 0;
}
.hidden {
  display: none;
}
.inlineBlock {
  display: inline-block;
}
.alignCenter {
  text-align: center;
}
.cjgTooltip {
  z-index: 9999;
  font-size: 13px;
}
.cjgTooltip .ant-tooltip-content .ant-tooltip-inner {
  font-variant: normal;
}
.cjgTooltip .ant-tooltip-inner {
  background-color: #121B28;
  color: white;
  font-weight: 400;
}
.cjgTooltip .ant-tooltip-arrow-content {
  background-color: #121B28;
}
.cjgTooltip.ant-tooltip-placement-top .ant-tooltip-arrow-content {
  border-top-color: #121B28;
}
.cjgTooltip.ant-tooltip-placement-left .ant-tooltip-arrow-content {
  border-left-color: #121B28;
}
.tooltippedActionIcon {
  margin: 2px 5px 2px 2px;
  border: none;
  font-size: 20px;
  color: #0c0c0c;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: inherit;
}
.tooltippedActionIcon.outstandingColor {
  color: #a0518f;
}
.tooltippedActionIcon.prominent {
  font-size: 22px;
}
.tooltippedActionIcon:hover {
  color: #a0518f;
  background-color: inherit;
}
.tooltippedActionIcon.disabled button {
  font-size: 18px;
  background-color: inherit;
  border: none;
}
.emptyList {
  font-weight: 500;
  width: 100%;
  text-align: center;
  font-style: italic;
  margin-bottom: 10px;
}
.emptyList.small {
  font-size: 12px;
}
.noContent {
  font-style: italic;
}
.mainActionButton {
  background-color: #5E3AAB !important;
  border: 1px solid #5E3AAB !important;
  border-radius: 7px;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  color: white!important;
  padding: 6px 15px;
}
.mainActionButton.ant-btn-sm {
  padding: 0 7px;
  font-size: 13px;
  font-weight: normal;
  height: inherit;
}
.mainActionButton:hover {
  border-color: #5E3AAB !important;
  background-color: #5E3AAB !important;
  color: white !important;
  opacity: 0.5;
}
.mainActionButton.enabled:focus {
  text-decoration: none;
}
.mainActionButton.disabled {
  background-color: #898989 !important;
  border-color: #898989 !important;
}
.mainActionButton[disabled] {
  background-color: #898989 !important;
  border-color: #898989 !important;
}
.mainActionButton.inverted {
  background-color: #c7d30a !important;
  border: 1px solid #c7d30a !important;
  color: #0c0c0c !important;
}
.mainActionButton.inverted:hover {
  border-color: #02646d !important;
  background-color: #02646d !important;
  color: white!important;
}
.mainActionButton.dfCenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mainActionButton.bcRed {
  background-color: #d20e0e !important;
  border: 1px solid #d20e0e !important;
}
.mainActionButton.bcRed:hover {
  color: white !important;
  border-color: #8a0404 !important;
  background-color: #8a0404 !important;
}
.closeButtonWrapper {
  display: inline-block;
  top: 7px;
  left: 7px;
}
.closeButtonWrapper .closeButton {
  padding: 5px;
  font-size: 20px;
}
.sidebarCloseButtonWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 15px;
  right: 15px;
}
.sidebarCloseButtonWrapper .closeButton {
  padding: 0;
  font-size: 22px;
}
.closeButtonWrapper,
.sidebarCloseButtonWrapper {
  position: absolute;
}
.closeButtonWrapper .closeButton,
.sidebarCloseButtonWrapper .closeButton {
  border-radius: 4px;
  background: white;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 13px 0px #ffffff;
          box-shadow: 0px 0px 13px 0px #ffffff;
}
.contextAwareLoader {
  font-weight: 500;
  width: 100%;
  text-align: left;
  padding-left: 10px;
  display: block;
  margin-bottom: 10px;
}
.strong {
  font-weight: 600;
}
.rowTitle {
  font-weight: 500;
  color: #0c0c0c;
  padding-right: 10px;
}
.explanation {
  text-align: left;
  color: #595959;
}
.explanation.withGutter {
  margin-bottom: 15px;
}
.unauthorizedAccess {
  text-align: center;
  font-weight: 600;
  color: #8a0404;
  font-size: 16px;
  font-variant: small-caps;
  margin-top: 30px;
}
.warning {
  color: #8a0404;
  font-weight: 500;
}
.relativeWrapper {
  position: relative;
}
.fullHeight {
  height: 100%;
}
.displayFlex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.alignItemsCenter {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.alignItemsFlexEnd {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.alignItemsFlexStart {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.alignSelfCenter {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.spaceBetween {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.spaceAround {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.flexWrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flexOne {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.flexDirectionRow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flexDirectionColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.headerRow {
  font-weight: 600;
}
.withPadding {
  padding: 10px;
}
.topGutter {
  margin-top: 15px;
}
.topGutterLarge {
  margin-top: 30px;
}
.bottomGutter {
  margin-bottom: 15px;
}
.bottomGutterLarge {
  margin-bottom: 30px;
}
.leftGutter {
  margin-left: 15px;
}
.dfCol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.wordBreak {
  word-break: break-word;
  overflow-wrap: break-word;
}
.redirectNotification {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.errorBoundary {
  font-weight: 500;
  color: #FE6161;
  padding: 20px;
}
.autoUpdateError {
  color: #FE6161;
}
.bold {
  font-weight: 500;
}
.standardItemName {
  font-size: 16px;
  font-weight: 500;
}
.filterMenu .searchInput {
  width: 135px;
  height: 25px;
  margin-right: 5px;
}
.filterMenu .filterActionButton {
  margin-left: 5px;
}
.cursorPointer {
  cursor: pointer;
}
.containerWithTwoChildren {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.containerWithTwoChildren .ant-form-item,
.containerWithTwoChildren .ant-form,
.containerWithTwoChildren > .ant-btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.normalGreyText {
  display: block;
  color: #909090;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 7px;
}
.customIconInTable {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.75) !important;
}
.customIconInTable.active {
  color: #5E3AAB !important;
}
@media print {
  body {
    background-color: white;
  }
  .centralPart {
    padding-top: 0;
  }
  .mainContent {
    padding-top: 0;
    padding-left: 0;
  }
  .mainContent main {
    padding: 20px;
  }
  .mainContent .stickyTopGutter {
    display: none!important;
  }
  .ant-layout-sider {
    display: none!important;
  }
  .header {
    display: none!important;
  }
  .sidebar {
    display: none!important;
  }
  .sideMenu {
    display: none!important;
  }
  button {
    display: none!important;
  }
  footer {
    display: none!important;
  }
  .persona {
    margin: 10px 10px 10px 0;
  }
  .panelItemBadge {
    display: none;
  }
  .journeyMap {
    max-width: 100%!important;
    overflow: visible;
    border-radius: 0;
    padding-left: 10px;
  }
  .journeyMap .gutter {
    display: none;
  }
  .journeyMap .journeyMapLane .laneHeader {
    left: 0;
  }
  .journeyMap .journeyMapLane .journeyMapLaneSteps .journeyMapCell .cellContent {
    border-color: transparent;
  }
  .journeyMap .journeyMapLane .journeyMapLaneSteps .journeyMapCell .commentTargetPanel.withComments {
    display: none;
  }
}
.mainContent:has(.ant-layout-content .dashboard.framework, .ant-layout-content .dashboard.journey) {
  padding-top: 0px !important;
}
.layout:has(.centralPart .mainContent .ant-layout-content .dashboard ) .header .contextualActionPanel {
  display: none;
}
.recharts-wrapper > svg > g {
  outline: none !important;
}
.halfCircle {
  position: relative;
}
.halfCircle .halfCircleBodyContainer {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.halfCircle .halfCircleBodyContainer.halfCircleBodyContainerForJourneysOverview .healthScoreIcon {
  width: 22px !important;
  margin-bottom: 6px;
}
.halfCircle .halfCircleBodyContainer.halfCircleBodyContainerForJourneysOverview .healthScorePercentage {
  font-size: 18px !important;
  line-height: 18px !important;
}
.halfCircle .halfCircleBodyContainer .healthScoreIcon {
  width: 30px;
  margin-bottom: 10px;
}
.halfCircle .halfCircleBodyContainer .healthScorePercentage {
  color: #121B28;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}
.halfCircle .halfCircleBottomPart {
  width: 100%;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.halfCircle .halfCircleBottomPart.halfCircleBottomPartForJourneysOverview {
  display: none;
}
.halfCircle .halfCircleBottomPart span {
  width: 50px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #121B28;
}
.fullCircle {
  position: relative;
}
.fullCircle .fullCircleMiddleLabelPriorityText {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #CDBEE6;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fullCircle .fullCircleMiddleLabelPriorityText {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.fullCircle .fullCircleMiddleLabelPriorityText.fullCircleMiddleLabelPriorityTextOverview .fullCirclePriorityText {
  font-size: 12px;
  line-height: 12px;
}
.fullCircle .fullCircleMiddleLabelPriorityText.fullCircleMiddleLabelPriorityTextOverview .fullCirclePriorityValue {
  font-size: 16px;
}
.fullCircle .fullCircleMiddleLabelPriorityText .fullCirclePriorityText {
  font-size: 14px;
  font-weight: 600;
  color: white;
  line-height: 14px;
}
.fullCircle .fullCircleMiddleLabelPriorityText .fullCirclePriorityValue {
  font-size: 18px;
  font-weight: 700;
  color: #121B28;
}
.custom-tooltip {
  width: 80px;
  height: auto;
  padding: 7px 0px;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #121B28;
  color: white;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.custom-tooltip .label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.custom-tooltip .label .healthScoreSign,
.custom-tooltip .label .painpointSign,
.custom-tooltip .label .healthScorePotential {
  min-width: 10px;
  min-height: 10px;
  border-radius: 50%;
  margin-right: 10px;
  margin-left: 15px;
}
.custom-tooltip .label .healthScorePotential {
  background-color: rgba(94, 58, 171, 0.15);
}
.custom-tooltip .label .healthScoreSign {
  background-color: #5E3AAB;
}
.custom-tooltip .label .painpointSign {
  background-color: #FE6161;
}
.buttonJourneyDesign {
  height: 36px;
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 16px;
  color: white;
  gap: 10px;
  background-color: #005860;
  cursor: pointer;
  border-radius: 0px 0px 8px 8px;
  font-size: 12px;
  font-weight: bold;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.buttonJourneyDesign .buttonJourneyDesignIcon {
  font-size: 19px;
}
.buttonJourneyDesign:hover {
  opacity: 0.5;
}
.circleLabelAnimation {
  -webkit-animation: fadeInForLabel 0.3s ease-in-out;
          animation: fadeInForLabel 0.3s ease-in-out;
}
@-webkit-keyframes fadeInForLabel {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInForLabel {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.keyResultsDashboard,
.standardListDashboard,
.painpointListDashboard {
  max-height: 160px;
  margin-top: 15px;
  overflow: auto;
  /* Track */
  /* Handle */
}
.keyResultsDashboard::-webkit-scrollbar,
.standardListDashboard::-webkit-scrollbar,
.painpointListDashboard::-webkit-scrollbar {
  width: 6px;
  height: 15px;
  cursor: pointer;
}
.keyResultsDashboard::-webkit-scrollbar-track,
.standardListDashboard::-webkit-scrollbar-track,
.painpointListDashboard::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #CDBEE6;
  border-radius: 10px;
}
.keyResultsDashboard::-webkit-scrollbar-thumb,
.standardListDashboard::-webkit-scrollbar-thumb,
.painpointListDashboard::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #5E3AAB;
  border: none;
}
.keyResultsDashboard::-webkit-scrollbar-thumb:window-inactive,
.standardListDashboard::-webkit-scrollbar-thumb:window-inactive,
.painpointListDashboard::-webkit-scrollbar-thumb:window-inactive {
  background: #5E3AAB;
}
.dashboardItemContainer.blur > *:not(.dashboardItemTop) {
  -webkit-filter: blur(6px);
          filter: blur(6px);
}
.dashboardItemContainer.blur .dashboardItemTop .joker,
.dashboardItemContainer.blur .dashboardItemTop .dashboardLittleInfo {
  -webkit-filter: blur(6px);
          filter: blur(6px);
}
.dashboardInfoIcon {
  font-size: 27px;
  color: #B2B2B2;
}
.joker {
  color: #AA3240;
}
.secondDashboardTitle {
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #121B28;
}
.mainDashboardTitle {
  font-size: 24px;
  font-weight: 700;
  color: #121B28;
  margin-bottom: 0px;
}
.tagsContainer {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 4px;
}
.tagsContainer .noTagsText {
  font-size: 10px;
  color: #909090;
  font-weight: 600;
  height: 45px;
}
.tagsContainer .dashboardTag {
  max-width: 110px;
  padding: 4px 8px;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2px;
  font-weight: 700;
  font-size: 8px;
  overflow: hidden;
}
.tagsContainer .dashboardTag span {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tagsContainer .dashboardTag.tagWithoutColor {
  background-color: #e2e2e2;
  color: #121B28;
}
.itemInListDashboard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  margin-bottom: 4px;
}
.itemInListDashboard .itemInListDashboardIconContainer {
  min-width: 34px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.itemInListDashboard .itemInListDashboardIconContainer .itemInListDashboardIcon {
  min-width: 34px;
  height: 34px;
  font-size: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #5E3AAB;
  border-radius: 50%;
  color: white;
}
.itemInListDashboard .itemInListDashboardIconContainer .itemInListDashboardIcon .imageIcon {
  width: 19px;
  height: auto;
}
.itemInListDashboard .itemInListDashboardIconContainer .itemInListDashboardIcon.paintpoints {
  background-color: #FE6161;
}
.itemInListDashboard .itemInListDashboardInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #121B28;
  line-height: 15px;
}
.itemInListDashboard .itemInListDashboardInfo .miniTitle {
  color: #B2B2B2;
  font-size: 12px;
}
.itemInListDashboard .itemInListDashboardInfo .itemInListDashboardValue {
  font-weight: 600;
  font-size: 12px;
}
#export .dashboard {
  min-width: 1100px;
  padding: 0px !important;
}
#export .dashboard .dashboardMainTitlePart .dashboardJourneyTopActionButtons {
  display: none;
}
#export .dashboard .backToMainItemDashboardButton {
  display: none;
}
#export .dashboard .dashboardBottomMain {
  margin-bottom: 0px !important;
}
.dashboard {
  position: relative;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
}
.dashboard .wizardInfo {
  width: 300px;
  overflow: hidden;
  border-radius: 16px;
  background-color: white;
  z-index: 100;
  color: #121B28;
  position: fixed;
  bottom: 140px;
  right: 40px;
}
.dashboard .wizardInfo .wizardInfoContainer {
  position: relative;
  width: 300px;
  padding: 20px;
  background-color: #C3D55235;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboard .wizardInfo .wizardInfoContainer .bottomPartWizard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 12px;
  gap: 4px;
}
.dashboard .wizardInfo .wizardInfoContainer .bottomPartWizard .arrowInWizard {
  background-color: #C3D552;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  font-size: 14px;
  color: white;
  border-radius: 50%;
  cursor: pointer;
}
.dashboard .wizardInfo .wizardInfoContainer .infoTitle {
  font-weight: bold;
  font-size: 18px;
  color: #121B28;
  margin-top: 10px;
}
.dashboard .wizardInfo .wizardInfoContainer .infoText {
  color: #121B28;
}
.dashboard .wizardInfo .wizardInfoContainer .closeIcon {
  position: absolute;
  font-size: 33px;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.dashboard .wizardInfo .wizardInfoContainer .buttonInWizard {
  background-color: #C3D552;
  color: white;
  padding: 2px 15px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
.dashboard .dashboardTopButtons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  position: absolute;
  top: -40px;
  right: 0px;
}
.dashboard .dashboardTopButtons .whatIsHealthScore {
  color: #121B28;
}
.dashboard .dashboardTopButtons .whatIsHealthScore.underTheText {
  position: relative;
}
.dashboard .dashboardTopButtons .whatIsHealthScore .whatIsHCButton {
  position: relative;
  padding: 6px 12px;
  line-height: 14px;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  background-color: white;
}
.dashboard .dashboardTopButtons .whatIsHealthScore .whatIsHCButton span {
  font-size: 10px;
  font-weight: 400;
}
.dashboard .dashboardTopButtons .whatIsHealthScore .infoMain.onTheWizard {
  position: fixed;
  bottom: 140px;
  right: 40px;
}
.dashboard .dashboardTopButtons .whatIsHealthScore .infoMain.underTheText {
  position: absolute;
  margin-top: 10px;
  right: 0;
}
.dashboard .dashboardTopButtons .whatIsHealthScore .infoMain {
  width: 300px;
  overflow: hidden;
  border-radius: 16px;
  background-color: white;
  z-index: 100;
  color: #121B28;
}
.dashboard .dashboardTopButtons .whatIsHealthScore .infoMain .infoContainer {
  position: relative;
  width: 300px;
  padding: 20px;
  background-color: #C3D55235;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboard .dashboardTopButtons .whatIsHealthScore .infoMain .infoContainer .infoTitle {
  margin-top: 10px;
}
.dashboard .dashboardTopButtons .whatIsHealthScore .infoMain .infoContainer .infoTitle span {
  font-size: 18px;
  font-weight: bold;
  color: #121B28;
}
.dashboard .dashboardTopButtons .whatIsHealthScore .infoMain .infoContainer .infoText {
  color: #121B28;
  font-size: 16px;
}
.dashboard .dashboardTopButtons .whatIsHealthScore .infoMain .infoContainer .closeIcon {
  position: absolute;
  font-size: 33px;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.dashboard .dashboardTopButtons .buttonJourneyDesign {
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
  border-radius: 8px;
  padding: 6px 12px;
}
.dashboard .dashboardTopButtons .buttonJourneyDesign .buttonJourneyDesignIcon {
  font-size: 17px;
}
.dashboard .dashboardMainTitlePart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard .dashboardMainTitlePart .dashboardJourneyTopActionContainer {
  position: fixed;
  top: 79px;
  right: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 25px;
  z-index: 900;
}
.dashboard .dashboardMainTitlePart .dashboardJourneyTopActionContainer .dashboardJourneyTopActionButtons {
  padding: 0px;
  font-size: 20px;
  background-color: white;
  border: 1px solid #d9d9d9;
  border-radius: 0px 0px 8px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-top-color: white;
}
.dashboard .dashboardMainTitlePart .dashboardJourneyTopActionContainer .dashboardJourneyTopActionButtons:has(.goToPrototypeUrl) {
  padding: 0px 8px !important;
}
.dashboard .dashboardMainTitlePart .dashboardJourneyTopActionContainer .dashboardJourneyTopActionButtons .dashboardExportButton,
.dashboard .dashboardMainTitlePart .dashboardJourneyTopActionContainer .dashboardJourneyTopActionButtons .goToPrototypeUrl {
  padding: 8px;
}
.dashboard .dashboardMainTitlePart .dashboardJourneyTopActionContainer .dashboardJourneyTopActionButtons .dashboardExportButton svg,
.dashboard .dashboardMainTitlePart .dashboardJourneyTopActionContainer .dashboardJourneyTopActionButtons .goToPrototypeUrl svg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 19px;
  color: #3C3C3C;
}
.dashboard .dashboardFrameworkTopPart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.dashboard.journey.exportView .wizardInfo,
.dashboard.framework.exportView .wizardInfo {
  display: none !important;
}
.dashboard.journey .tags,
.dashboard.framework .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.dashboard.journey .tags .tagForJourney,
.dashboard.framework .tags .tagForJourney {
  max-width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 3px;
  padding: 2px 15px;
  font-size: 11px;
  color: white;
  margin-top: 15px;
  border-radius: 3px;
  font-weight: 700;
}
.dashboard.journey .tags .tagForJourney.tagWithoutColor,
.dashboard.framework .tags .tagForJourney.tagWithoutColor {
  background-color: #e2e2e2;
  color: #121B28;
}
.dashboard.journey {
  overflow: visible;
  padding-top: 30px;
}
.dashboard.journey:nth-child(1 of .dashboardPartContainer) {
  margin-bottom: 25px;
}
.dashboard.journey .backToMainItemDashboardButton {
  position: absolute;
  top: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #121B28;
  z-index: 501;
  padding: 5px 20px;
  padding-bottom: 10px;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.dashboard.journey .backToMainItemDashboardButton .backButtonJourneyDashboard {
  font-size: 22px;
}
.dashboard.journey .dashboardMainTitlePart .mainDashboardTitleWithCard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboard.journey .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.dashboard.journey .tags .tagForJourney {
  letter-spacing: 3px;
  padding: 2px 15px;
  font-size: 11px;
  color: white;
  margin-top: 15px;
  border-radius: 3px;
  font-weight: 700;
}
.dashboard.journey .tags .tagForJourney.tagWithoutColor {
  background-color: #e2e2e2;
  color: #121B28;
}
.dashboard.journey .dashboardPartContainer {
  position: relative;
  margin-bottom: 25px;
}
.dashboard.journey .dashboardPartContainer.firstItem {
  margin-bottom: 25px;
  margin-top: 15px;
}
.dashboard.journey .dashboardPartContainer .halfCircleJourney,
.dashboard.journey .dashboardPartContainer .overview,
.dashboard.journey .dashboardPartContainer .status,
.dashboard.journey .dashboardPartContainer .priorityScore {
  width: 30%;
  min-width: 250px;
}
.dashboard.journey .dashboardPartContainer .objectiveAndKeyResults,
.dashboard.journey .dashboardPartContainer .personas {
  min-width: -webkit-calc(40% - 25px);
  min-width: calc(40% - 25px);
  max-width: -webkit-calc(40% - 25px);
  max-width: calc(40% - 25px);
}
.dashboard.journey .dashboardPartContainer .objectiveAndKeyResultsDashboard .objectiveDashboard {
  padding-bottom: 8px;
}
.dashboard.journey .dashboardPartContainer .objectiveAndKeyResultsDashboard .objectiveDashboard .objectiveDashboardIcon {
  min-width: 50px !important;
  height: 50px !important;
  font-size: 34px !important;
}
.dashboard.journey .dashboardPartContainer .objectiveAndKeyResultsDashboard .objectiveDashboard .itemInListDashboardInfo {
  line-height: 20px !important;
}
.dashboard.journey .dashboardPartContainer .objectiveAndKeyResultsDashboard .objectiveAndKeyResultsDashboardLine {
  width: 98%;
  height: 2px;
  background-color: #E5E5EF;
  border-radius: 1px;
}
.dashboard.journey .dashboardPartContainer .overviewDashboard,
.dashboard.journey .dashboardPartContainer .objectiveAndKeyResultsDashboard,
.dashboard.journey .dashboardPartContainer .statusDashboard,
.dashboard.journey .dashboardPartContainer .PriorityScoreDashboard,
.dashboard.journey .dashboardPartContainer .personasDashboard {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 16px;
}
.dashboard.journey .dashboardPartContainer .personasDashboard {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .buttonPersonaSlider {
  padding: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #CDBEE6;
  color: white;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .buttonPersonaSlider:hover {
  background-color: #5E3AAB;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider {
  width: 100%;
  overflow: hidden;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.33%;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider.bigPersona {
  min-width: 100%;
  max-width: 100%;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider.bigPersona .personasImg {
  width: 120px;
  height: 120px;
  font-size: 25px !important;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider.middlePersona {
  min-width: 50%;
  max-width: 50%;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider.middlePersona .personasImg {
  width: 100px;
  height: 100px;
  font-size: 22px !important;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider.smallPersona {
  min-width: 30%;
  max-width: 30%;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider.smallPersona .personasImg {
  width: 72px;
  height: 72px;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider.smallPersona .dashboardPersonaName {
  font-size: 18px !important;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider.smallPersona .dashboardPersonaDescription {
  font-size: 14px !important;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider .personasImg {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider .dashboardPersonaName {
  font-size: 24px;
  color: #B2B2B2;
  margin-top: 6px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 400;
}
.dashboard.journey .dashboardPartContainer .personasDashboard .personasSlider .personasSliderContent .personasItemInSlider .dashboardPersonaDescription {
  font-size: 16px;
  text-align: center;
  color: #121B28;
  font-weight: 500;
}
.dashboard.journey .dashboardPartContainer .PriorityScoreDashboard {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboard.journey .dashboardPartContainer .PriorityScoreDashboard .PriorityScoreProperties {
  width: 100%;
}
.dashboard.journey .customJourneyPreview {
  width: 100%;
  position: relative;
}
.dashboard.journey .customJourneyPreview .topPartJourneyOverview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper {
  width: 100%;
  position: relative;
  overflow: auto;
  background: white;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-calc(100vw - 90px - 80px);
  max-width: calc(100vw - 90px - 80px);
  /* Track */
  /* Handle */
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper::-webkit-scrollbar {
  display: block;
  width: 6px;
  height: 5px;
  cursor: pointer;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper::-webkit-scrollbar-track {
  border-radius: 0px;
  background: rgba(0, 88, 96, 0.35);
  border-radius: 10px;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 88, 96, 0.35);
  border: none;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper::-webkit-scrollbar-track {
  margin-left: 140px;
  margin-right: 20px;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace {
  padding-bottom: 20px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane:last-child .headerInJourneyLane {
  border-bottom: none !important;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .headerInJourneyLane {
  min-width: 116px;
  width: 116px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 10px;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .headerInJourneyLane.normalLane {
  background-color: transparent;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .headerInJourneyLane.phaseLane {
  color: white;
  background-color: #5E3AAB;
  border-right: 1px solid #d9d9d9;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .headerInJourneyLane.painpontsListLane,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .headerInJourneyLane.normalLane {
  color: #3C3C3C;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer.journeyDashboardLaneInGridStepRendererHealthScoreLine {
  max-height: 105px;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper {
  width: 100%;
  height: 100%;
  border-right: 1px solid #d9d9d9;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper:last-child:has(.phaseCell) {
  border-right: 1px solid #5E3AAB !important;
  border-radius: 0px 8px 0px 0px;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper:last-child:has(.phaseCell) .phaseCell {
  border-radius: 0px 8px 0px 0px !important;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper:last-child:has(:not(.phaseCell)) {
  border-right: none !important;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper:has(:not(.cellContent.phaseCell)) {
  padding: 8px 12px;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper:has(.cellContent.phaseCell) {
  border-right: 1px solid white;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent {
  padding: 8px;
  text-align: center;
  border-radius: 8px;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.phaseCell {
  height: 100%;
  background-color: #5E3AAB;
  font-weight: 600;
  font-size: 14px;
  color: white;
  border-radius: 0px !important;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.stepCell,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.standardListCell {
  background-color: rgba(94, 58, 171, 0.05);
  font-size: 14px;
  color: #121B28;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.jobToBeDoneCell {
  width: 156px;
  height: 100%;
  background-color: rgba(94, 58, 171, 0.05);
  font-size: 14px;
  padding: 25px 0px;
  color: #121B28;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.healthScoreForJobCell {
  width: 156px;
  height: 100%;
  position: relative;
  background-color: rgba(94, 58, 171, 0.05);
  font-size: 14px;
  padding: 0px;
  color: #121B28;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.healthScoreForJobCell .healthScorePercentage {
  position: absolute;
  top: 8px;
  left: 8px;
  font-weight: bold;
  font-size: 14px;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.painpointListCell {
  background-color: rgba(254, 97, 97, 0.09);
  font-size: 14px;
  color: #121B28;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.standardListCell,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.painpointListCell {
  min-width: 156px;
  max-width: 156px;
  padding: 8px;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.standardListCell .standardListDashboard,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.painpointListCell .standardListDashboard,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.standardListCell .painpointListDashboard,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.painpointListCell .painpointListDashboard {
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  height: 200px;
  overflow: auto;
}
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.standardListCell .standardListDashboard .standardItemDashboard,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.painpointListCell .standardListDashboard .standardItemDashboard,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.standardListCell .painpointListDashboard .standardItemDashboard,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.painpointListCell .painpointListDashboard .standardItemDashboard,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.standardListCell .standardListDashboard .painpointItemDashboard,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.painpointListCell .standardListDashboard .painpointItemDashboard,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.standardListCell .painpointListDashboard .painpointItemDashboard,
.dashboard.journey .customJourneyPreview .journeyDashboardGridWrapper .journeyDashboardGridSpace .journeyDashboardGrid .journeyDashboardLane .journeyDashboardLaneInGridStepRenderer .cellContentWrapper .cellContent.painpointListCell .painpointListDashboard .painpointItemDashboard {
  padding: 16px;
  border-radius: 8px;
  background-color: white;
  border: 1px solid #d9d9d9;
  color: #121B28;
}
.dashboard .dashboardTopPart {
  position: relative;
  margin-top: 15px;
  width: 100%;
}
.dashboard .dashboardTopPart,
.dashboard .dashboardBottomPart,
.dashboard .dashboardPartContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
.dashboard .dashboardBottomMain {
  margin-bottom: 25px;
}
.dashboard .dashboardBottomMain .titlePart {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 25px;
  margin-bottom: 10px;
}
.dashboard .dashboardBottomMain .titlePart * span {
  color: #121B28;
}
.dashboard .dashboardBottomMain .titlePart .rightTitlePart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboard .dashboardBottomMain .titlePart .rightTitlePart .sortBySelect {
  min-width: 140px;
  margin: 0px 12px;
  border-radius: 4px;
}
.dashboard .dashboardBottomMain .titlePart .rightTitlePart .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #B2B2B2;
  font-size: 24px;
  cursor: pointer;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .overviewJourneysLoading {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardBottomPartWidget {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainerWidget {
  max-height: 225px;
  min-height: 225px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainerListItem {
  width: 100%;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView {
  padding: 0px 12px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView .titleInList {
  cursor: default !important;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView .titleInList th {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table {
  width: 100%;
  border-collapse: collapse;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table th,
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table td {
  padding: 10px 0px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table th {
  color: #B2B2B2;
  font-weight: normal;
  font-size: 10px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table td {
  color: #121B28;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .listItem {
  cursor: pointer;
  border-top: 1px solid #d9d9d9;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .listItem * {
  padding-right: 5px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .titleName {
  font-size: 14px;
  font-weight: 700;
  max-width: 200px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .healthScore {
  font-size: 12px;
  max-width: 70px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .priorityScore {
  max-width: 70px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .priorityScore span {
  width: 60px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 16px;
  font-size: 12px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .priorityScore span.highPriority {
  background-color: #FE6161;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .priorityScore span.lowPriority {
  background-color: #7FE47E;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .priorityScore span.midPriority {
  background-color: #FFD43B;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .painpoints span {
  color: #FE6161;
  font-size: 12px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .painpoints .painpointsIndex {
  -webkit-transition: width 1s;
  transition: width 1s;
  width: 150px;
  height: 5px;
  background-color: #E5E5EF;
  border-radius: 3px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .painpoints .painpointsIndex .painpointsIndexFillPart {
  width: 0px;
  height: 100%;
  background-color: #FE6161;
  -webkit-transition: width 1s;
  transition: width 1s;
  border-radius: 3px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .jobCountListItem {
  font-size: 12px;
  max-width: 70px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .tagsListItem {
  max-width: 150px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .ownerListItem {
  font-size: 12px;
  max-width: 80px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent .dashboardOverivewMainContent {
  width: 100%;
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent .dashboardOverivewMainContent .dashboardOverviewDataView {
  width: 55%;
  padding-right: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent .dashboardOverivewMainContent .dashboardOverviewDataView .overviewDataViewItem {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent .dashboardOverivewMainContent .dashboardOverviewDataView .overviewDataViewItem .ownerOverviewName {
  text-align: right;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent .dashboardOverivewMainContent .dashboardOverviewDataView .overviewDataViewItem span {
  color: #121B28;
  font-size: 12px;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent .dashboardOverivewMainContent .dashboardOverviewDataView .overviewDataViewItem .overviewDataViewTextOverflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer.blur .dashboardOverviewContent.listView table .listItem {
  cursor: default !important;
}
.dashboard .dashboardItemContainer {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 12px;
  width: auto;
  border-radius: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #F7F5FB;
}
.dashboard .dashboardItemContainer.journeyOverviewWidget {
  cursor: pointer;
}
.dashboard .dashboardItemContainer.journeyOverviewWidget .dashboardItemTop {
  position: relative;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
     -moz-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  max-height: 28px;
}
.dashboard .dashboardItemContainer.journeyOverviewWidget .dashboardItemTop img {
  position: absolute;
  right: 0;
  top: -7px;
}
.dashboard .dashboardItemContainer.journeyOverviewWidget.blur {
  cursor: default;
}
.dashboard .dashboardItemContainer.journeyOverview {
  overflow: hidden;
}
.dashboard .dashboardItemContainer.journeyOverview .dashboardItemTop {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.dashboard .dashboardItemContainer.halfCircle {
  width: -webkit-calc(30% - 25px);
  width: calc(30% - 25px);
}
.dashboard .dashboardItemContainer .sliderForPhasesChart {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}
.dashboard .dashboardItemContainer.barChart {
  position: relative;
  width: 70%;
  height: 250px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard .dashboardItemContainer.barChart .sliderPhases {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.dashboard .dashboardItemContainer.barChart .sliderPhases .sliderInfoIndexPhases {
  color: #909090;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: bold;
}
.dashboard .dashboardItemContainer.barChart .sliderPhases .buttonSliderPhases {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  border-radius: 50%;
  color: white;
  font-size: 20px;
}
.dashboard .dashboardItemContainer.barChart .sliderPhases .buttonSliderPhases.activeButton {
  background-color: #CDBEE6;
  cursor: pointer;
}
.dashboard .dashboardItemContainer.barChart .sliderPhases .buttonSliderPhases.activeButton:hover {
  background-color: #5E3AAB;
}
.dashboard .dashboardItemContainer.barChart .sliderPhases .buttonSliderPhases.disabledButton {
  background-color: #d9d9d9;
}
.dashboard .dashboardItemContainer.bigBarChart {
  width: 100%;
  height: 250px;
  margin-top: 25px;
  padding-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard .dashboardItemContainer .infoText {
  font-size: 18px;
  font-weight: bold;
  color: #121B28;
}
.dashboard .dashboardItemContainer .infoText .emptyInfoText {
  padding: 15px;
}
.dashboard .dashboardItemContainer .infoDateUpdated {
  color: #B2B2B2;
}
.dashboard .dashboardItemContainer .dashboardItemTop {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboard .dashboardItemContainer .dashboardItemTop .dashboardTitle {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  font-size: 14px;
  font-weight: 700;
  color: #121B28;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dashboard .dashboardItemContainer .dashboardItemTop .dashboardLittleInfo {
  font-size: 12px;
  color: #B2B2B2;
}
.dashboard .dashboardItemContainer .simpleBarChart {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard .dashboardItemContainer .simpleBarChart .customTopLegends {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  top: -40px;
}
.dashboard .dashboardItemContainer .simpleBarChart .customTopLegends .customLegend {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboard .dashboardItemContainer .simpleBarChart .customTopLegends .customLegend .legendContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboard .dashboardItemContainer .simpleBarChart .customTopLegends .customLegend .legendContent * {
  font-size: 12px;
  font-weight: 400;
}
.dashboard .dashboardItemContainer .simpleBarChart .customTopLegends .customLegend .legendContent span {
  color: #3C3C3C;
  font-size: 12px;
}
.dashboard .dashboardItemContainer .simpleBarChart .customTopLegends .customLegend .legendContent .dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin: 10px;
}
.dashboard .dashboardItemContainer .simpleBarChart .customTopLegends .customLegend .legendContent .dot.healthScore {
  background-color: #5E3AAB;
}
.dashboard .dashboardItemContainer .simpleBarChart .customTopLegends .customLegend .legendContent .dot.painpoints {
  background-color: #FE6161;
}
.dashboard .dashboardItemContainer .simpleBarChart .customTopLegends .customLegend .legendContent .dot.healthScorePotencial {
  background-color: rgba(94, 58, 171, 0.15);
}
@media screen and (min-width: 1600px) {
  .halfCircle .halfCircleBodyContainer .healthScoreIcon {
    width: 37px;
  }
  .halfCircle .halfCircleBodyContainer .healthScorePercentage {
    font-size: 40px;
    line-height: 40px;
  }
  .fullCircle .fullCircleMiddleLabelPriorityText .fullCirclePriorityText {
    font-size: 16px;
    line-height: 16px;
  }
  .fullCircle .fullCircleMiddleLabelPriorityText .fullCirclePriorityValue {
    font-size: 20px;
  }
  .secondDashboardTitle {
    font-size: 24px;
  }
  .mainDashboardTitle {
    font-size: 32px;
    font-weight: 600;
  }
  .custom-tooltip {
    width: 90px;
    padding: 8px 0px;
  }
  .custom-tooltip .label {
    font-size: 14px;
  }
  .itemInListDashboard {
    margin-bottom: 10px;
  }
  .itemInListDashboard .itemInListDashboardInfo {
    font-size: 18px;
    line-height: 19px;
  }
  .itemInListDashboard .itemInListDashboardInfo .miniTitle,
  .itemInListDashboard .itemInListDashboardInfo .itemInListDashboardValue {
    font-size: 16px;
  }
  .dashboard {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
  }
  .dashboard .dashboardMainTitlePart .dashboardJourneyTopActionButtons {
    right: 80px;
  }
  .dashboard.journey .dashboardPartContainer .overviewDashboard,
  .dashboard.journey .dashboardPartContainer .objectiveAndKeyResultsDashboard,
  .dashboard.journey .dashboardPartContainer .statusDashboard,
  .dashboard.journey .dashboardPartContainer .PriorityScoreDashboard,
  .dashboard.journey .dashboardPartContainer .personasDashboard {
    margin-top: 24px;
  }
  .dashboard.journey .dashboardPartContainer .personasSlider .personasSliderContent .personasItemInSlider.bigPersona .personasImg {
    width: 140px !important;
    height: 140px !important;
  }
  .dashboard.journey .dashboardPartContainer .personasSlider .personasSliderContent .personasItemInSlider.middlePersona .personasImg {
    width: 120px !important;
    height: 120px !important;
  }
  .dashboard.journey .dashboardPartContainer .personasSlider .personasSliderContent .personasItemInSlider.smallPersona .personasImg {
    width: 80px !important;
    height: 80px !important;
  }
  .dashboard .dashboardTopButtons {
    top: -50px;
  }
  .dashboard .dashboardTopButtons .whatIsHealthScore .whatIsHCButton {
    padding: 8px 16px;
    line-height: 15px;
  }
  .dashboard .dashboardTopButtons .whatIsHealthScore .whatIsHCButton span {
    font-size: 14px !important;
  }
  .dashboard .dashboardTopButtons .buttonJourneyDesign {
    padding: 8px 16px;
    font-size: 12px;
    line-height: 15px;
  }
  .dashboard .dashboardTopButtons .buttonJourneyDesign .buttonJourneyDesignIcon {
    font-size: 17px;
  }
  .dashboard .dashboardItemContainer {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .dashboard .dashboardItemContainer.barChart {
    height: 322px;
  }
  .dashboard .dashboardItemContainer.bigBarChart {
    height: 340px;
  }
  .dashboard .dashboardItemContainer .dashboardItemTop {
    position: relative;
  }
  .dashboard .dashboardItemContainer .dashboardItemTop .dashboardTitle {
    font-size: 20px;
    font-weight: 600;
  }
  .dashboard .dashboardItemContainer .dashboardItemTop .dashboardLittleInfo {
    font-size: 16px;
  }
  .dashboard .dashboardItemContainer .simpleBarChart .sideYAxis {
    font-size: 20px !important;
  }
  .dashboard .dashboardBottomMain .dashboardBottomPart .dashboardBottomPartWidget .dashboardItemContainerWidget {
    max-height: 250px;
    min-height: 250px;
  }
  .dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent .dashboardOverviewDataView {
    gap: 12px;
  }
  .dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent .dashboardOverviewDataView .overviewDataViewItem span {
    font-size: 16px !important;
  }
  .dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table th,
  .dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table td {
    padding: 15px 0px;
  }
  .dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .titleName {
    font-size: 16px;
    font-weight: 500;
  }
  .dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .healthScore {
    font-size: 16px;
  }
  .dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .priorityScore span {
    font-size: 14px;
  }
  .dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .painpoints span {
    font-size: 16px;
  }
  .dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .jobCountListItem {
    font-size: 16px;
  }
  .dashboard .dashboardBottomMain .dashboardBottomPart .dashboardItemContainer .dashboardOverviewContent.listView table .ownerListItem {
    font-size: 16px;
  }
}


/*# sourceMappingURL=app.min.css.map*/