/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-icon {
  color: #00787A;
  cursor: pointer;
}
.oe-icon__svg {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.oe-icon svg {
  fill: #00787A;
}
.oe-icon:hover {
  color: #1a1a1a;
}
.oe-icon:hover svg {
  fill: #1a1a1a;
}
.oe-icon.maximize-icon {
  padding-top: 4px;
}
.oe-icon.minimize-icon {
  margin-top: -2px;
}
.oe-icon.expand-arrow__up svg {
  transform: rotate(180deg);
}
.oe-icon.expand-arrow svg {
  fill: #00787A;
}
.oe-icon.presenter-portal-access-disabled svg {
  fill: #e6e6e6;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-popup-layout--sub-window-maximized {
  width: 382px;
  background: #ffffff;
  height: 75vh;
  min-height: 600px;
}
.oe-popup-layout--sub-window-maximized .oe-form {
  padding: 19px 20px;
  margin: 0;
}

.oe-popup-layout--sub-window-minimized {
  width: 250px;
}
.oe-popup-layout--sub-window-minimized .oe-popup-layout__header {
  padding: 10px 18px;
  display: flex;
  justify-content: space-between;
}
.oe-popup-layout--sub-window-minimized .oe-popup-layout__header .oe-popup-layout__controls {
  display: flex;
}

.oe-popup-layout--sub-window-expanded {
  position: fixed;
  left: 50%;
  top: 30px;
  width: calc(100vw - 80px);
  height: calc(100vh - 30px);
  background: #ffffff;
  transform: translateX(-50%);
  z-index: 100;
}
.oe-popup-layout--sub-window-expanded .oe-form {
  padding: 19px 20px;
  margin: 0;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

span.overflow-ellipsis {
  display: block;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}
.sub-windows-host {
  position: fixed;
  display: flex;
  flex-flow: row-reverse nowrap;
  align-items: flex-end;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 101;
}

.sub-window {
  margin: 0 10px;
  pointer-events: all;
  outline: none;
}
.sub-window--minimized .sub-window-container {
  display: none;
}
.sub-window--maximized .sub-window__minimized-container {
  display: none;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.page-size-chooser {
  display: block;
  margin: 0 auto;
  min-height: 54px;
}

.paging-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.paging-wrapper .records-count {
  font-size: 12px;
  opacity: 0.89;
  word-spacing: 5px;
  margin-block-end: 5px;
}
.paging-wrapper .paging-btns {
  height: 7vh;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paging-wrapper .paging-btns .change-page-btn {
  min-width: 80px;
  background-color: inherit;
  font-weight: 550;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.paging-wrapper .paging-btns .change-page-btn.prev-radius {
  border-radius: 4px 0 0 4px;
}
.paging-wrapper .paging-btns .change-page-btn.next-radius {
  border-radius: 0 4px 4px 0;
}
.paging-wrapper .paging-btns .change-page-btn:hover {
  background-color: #e6e4e4;
}
.paging-wrapper .paging-btns .current {
  background-color: #00787A;
  color: #ffffff;
}
.paging-wrapper .paging-btns .pagination-count {
  display: flex;
  font-weight: 700;
  align-items: center;
  border-radius: 4px;
  justify-content: space-between;
  color: #333333;
  border: 0.5px solid #e1e4e8;
  border-right: none;
}
.paging-wrapper .paging-btns .pagination-count span {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  min-width: 25px;
  padding: 9px 14px;
  border-right: 0.5px solid #e1e4e8;
  position: relative;
  float: left;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.paging-wrapper .paging-btns .pagination-count span svg {
  width: 10px;
  height: 10px;
}
.paging-wrapper .paging-btns .pagination-count span svg path {
  fill: #424242;
}
.paging-wrapper .paging-btns .pagination-count span.disabled svg path {
  fill: #aaaaaa;
}
.paging-wrapper .paging-btns .disabled {
  color: #aaaaaa;
  background: #e1e4e8;
  pointer-events: none;
}

.paging-select-line {
  position: absolute;
  right: 10px;
}
.paging-select-line .page-size-button {
  padding: 5px 7px;
  margin: 0 7px;
}
.paging-select-line .page-size-button:hover {
  cursor: pointer;
  background: #e9e9e9;
}
.paging-select-line span:first-of-type .page-size-button {
  margin-left: 0;
}
.paging-select-line .selected-psize {
  color: #232527;
  font-weight: 750;
  pointer-events: none;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.popover__modal {
  position: absolute;
  text-align: left;
  top: 43px;
  left: -60px;
  width: 200px;
  font-size: 12px;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  font-weight: 500;
  color: #1a1a1a;
  z-index: 100;
  cursor: auto;
}
.popover__modal--icon {
  margin-bottom: 10px;
  text-align: right;
}
.popover__modal--icon .oe-icon {
  position: relative;
  top: 5px;
  right: 5px;
  font-size: initial;
  cursor: pointer;
}
.popover__modal .oe-radio-option__title {
  margin-left: 15px;
  font-family: "Roboto Flex";
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  text-align: left;
  color: var(--black);
}
.popover__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}

.select-button {
  position: relative;
  padding: 0;
}
.select-button .popover__modal {
  min-width: 150px;
  width: auto;
}
.select-button__chevron {
  margin: 0 0.625rem 0 0.3rem;
}
.select-button__chevron svg {
  fill: #00787A;
}
.select-button__chevron:hover svg {
  fill: #00787A;
}
.select-button__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select-button__label {
  padding: 9px 5px;
}
.select-button__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.select-button__option:hover {
  color: rgba(26, 26, 26, 0.7);
}
.select-button__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.select-button__option--selected {
  background-color: #C4F8E4;
  pointer-events: none;
}
.select-button__option--selected:hover {
  cursor: default;
}
.select-button__placeholder {
  text-align: center;
  color: #9e9e9e;
  margin: 15px 10px;
  white-space: initial;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.table-list-layout {
  width: 100%;
}
.table-list-layout__thead {
  background-color: #f4f4f4;
}
.table-list-layout__thead th {
  padding: 10px 14px;
  text-align: left;
  background-color: #f4f4f4;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
}
.table-list-layout__thead th:first-child {
  padding-left: 18px;
}
.table-list-layout__tbody td {
  border-top: 1px solid #949494;
  padding: 15px 14px;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  padding-left: 27px;
}
.table-list-layout__tbody td:last-child {
  padding-right: 15px;
}
.table-list-layout__tbody td.buttons-cell {
  width: 1px;
}
.table-list-layout__tbody td.time-cell {
  white-space: nowrap;
}
.table-list-layout__tbody td.align-right {
  text-align: right;
}
.table-list-layout__tbody td.table-loading {
  text-align: center;
  padding: 30px 0;
}
.table-list-layout__tbody td.merge-with-previous-row {
  border-top: none;
}
.table-list-layout__tbody td.single-row-title-cell {
  padding-top: 20px;
  padding-bottom: 4px;
}
.table-list-layout__tbody td.active {
  background-color: #C4F8E4;
}
.table-list-layout__tbody td .visible-while-hovered {
  margin-left: 3px;
}
.table-list-layout__tbody td .table-list-layout__inline-title {
  font-size: 14px;
  font-weight: bold;
  color: #00787A;
}
.table-list-layout__tbody td .visible-while-cell-hovered,
.table-list-layout__tbody td .visible-while-hovered {
  visibility: collapse;
}
.table-list-layout__tbody td .overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  display: block;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.table-list-layout__tbody td .overflow-two-lines {
  -webkit-line-clamp: 2;
  white-space: unset;
}
.table-list-layout__tbody td .room-list-item__details {
  display: -webkit-box;
}
.table-list-layout__tbody td:hover .visible-while-cell-hovered {
  visibility: visible;
}
.table-list-layout__tbody tr:hover td.hoverable {
  background-color: #f4f4f4;
}
.table-list-layout__tbody tr:hover td.hoverable .default-button--link:hover {
  background: #ffffff;
}
.table-list-layout__tbody tr:hover td.hoverable .visible-while-hovered {
  visibility: visible;
}
.table-list-layout__tbody tr:first-child td {
  border-top: none;
}
.table-list-layout__tbody tr:last-child td {
  border-bottom: 1px solid #949494;
}
.table-list-layout .items-right {
  align-items: end;
}

.cell-header-button {
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 5px;
  cursor: default;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
.cell-header-button svg {
  margin-left: 5px;
  width: 7px;
  flex-shrink: 0;
  display: none;
}
.cell-header-button--with-desc-sort > svg {
  transform: rotate(180deg);
}
.cell-header-button--sortable {
  cursor: pointer;
  background-color: transparent;
  font-weight: normal;
}
.cell-header-button--sortable.cell-header-button--active {
  font-weight: bold;
}
.cell-header-button--sortable.cell-header-button--active > svg {
  display: block;
}

.fixed-list-layout {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fixed-list-layout table {
  table-layout: fixed;
}

.column-with-filters {
  padding-left: 14px !important;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.search-input-container {
  display: flex;
  align-items: center;
  background: #ffffff;
  cursor: text;
  max-width: 145px;
  margin-left: auto;
  margin-right: 5px;
  border: 1px solid transparent;
}
.search-input-container:hover {
  border-color: #949494;
}
.search-input-container:focus-within {
  border-color: #00787A;
}

.search-input {
  height: 30px;
  outline: none;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 10px;
  max-width: 100%;
}
.search-input--with-reset {
  max-width: calc(100% - 26px);
}

.reset-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  height: 19px;
  width: 19px;
  margin-right: 6px;
}
.reset-button--blue {
  background-color: #00787A;
}
.reset-button--blue .reset-button__icon {
  color: #ffffff;
  font-size: 10px;
}
.reset-button--blue:hover {
  background-color: #00787A;
}
.reset-button--black {
  background: none;
}
.reset-button--black .reset-button__icon {
  font-size: 18px;
  font-weight: bold;
}
.reset-button--black .reset-button__icon, .reset-button--black .reset-button__icon:hover {
  color: #777777;
}
.reset-button--black:hover {
  opacity: 0.7;
}
.reset-button:focus {
  outline: 0;
}

.no-result {
  pointer-events: all;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}

.options-button {
  position: relative;
  padding: 0;
}
.options-button.default-button {
  padding: 0;
}
.options-button .popover__modal {
  min-width: 150px;
  width: auto;
}
.options-button__chevron {
  margin: 0 0.625rem 0 0.3rem;
}
.options-button__chevron svg {
  fill: #00787A;
}
.options-button__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.options-button--active {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.options-button--active:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.options-button--active .options-button__chevron {
  transform: rotate(180deg);
}
.options-button--right-margin-auto {
  margin-right: auto !important;
}
.options-button__label {
  padding: 9px 20px;
}
.options-button__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.options-button__option:hover {
  background: #f4f4f4;
}
.options-button__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.options-button__option--danger {
  color: #EE0000;
}
.options-button__option--danger:hover {
  color: #ffffff;
  background: #EE0000;
}
.options-button__option--disabled {
  pointer-events: none;
  opacity: 0.2;
}
.options-button__option--selected {
  background-color: #C4F8E4;
  pointer-events: none;
}
.options-button__option--selected:hover {
  cursor: default;
}
.options-button__placeholder {
  text-align: center;
  color: #9e9e9e;
  margin: 15px 10px;
  white-space: initial;
}

.icon-button {
  background: none;
  border: none;
  outline: inherit;
}
.icon-button:hover {
  color: #00787A;
}
.icon-button:hover svg {
  cursor: pointer;
  fill: #00787A;
  stroke: #00787A;
}

.multi-selection-dropdown {
  position: relative;
}
.multi-selection-dropdown .cell-header-btn {
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 5px;
  background-color: #e6e6e6;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
.multi-selection-dropdown .cell-header-btn--active {
  background-color: #6BDBB1 !important;
  color: #1a1a1a !important;
}
.multi-selection-dropdown .cell-header-btn:hover {
  background-color: #00787A;
  color: #ffffff;
}
.multi-selection-dropdown--disabled {
  pointer-events: none;
  opacity: 0.2;
}
.multi-selection-dropdown__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
}
.multi-selection-dropdown__overlay.hidden {
  z-index: -1;
}
.multi-selection-dropdown__search {
  padding: 10px 15px;
  background-color: #f4f4f4;
}
.multi-selection-dropdown__search .search-input {
  width: 100%;
  border: 1px solid transparent;
}
.multi-selection-dropdown__search .search-input:hover {
  border-color: #949494;
}
.multi-selection-dropdown__search .search-input:focus-within {
  border-color: #00787A;
}
.multi-selection-dropdown__text {
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.multi-selection-dropdown__options {
  position: absolute;
  text-align: left;
  top: 22px;
  left: 0;
  width: 220px;
  max-height: 440px;
  overflow-y: auto;
  font-size: 12px;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  font-weight: 500;
  color: #1a1a1a;
  z-index: 102;
  pointer-events: all;
}
.multi-selection-dropdown__options.active-in-form {
  position: relative;
  top: 100%;
}
.multi-selection-dropdown__list {
  overflow-y: auto;
  max-height: 320px;
}
.multi-selection-dropdown__option {
  height: 35px;
  line-height: 35px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.multi-selection-dropdown__option:hover {
  color: rgba(26, 26, 26, 0.7);
}
.multi-selection-dropdown__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.multi-selection-dropdown__option--disabled {
  pointer-events: none;
  opacity: 0.2;
}
.multi-selection-dropdown__option .multi-select-list__option {
  padding-right: 0;
}
.multi-selection-dropdown__option:hover:not(.multi-selection-dropdown__option--selected) .multi-select-list__checkbox {
  background-color: #f4f4f4;
}
.multi-selection-dropdown__placeholder {
  text-align: center;
  color: #9e9e9e;
  margin: 15px 10px;
  white-space: initial;
}
.multi-selection-dropdown__button-bar {
  padding: 12px 0;
  text-align: right;
  background-color: #f4f4f4;
}
.multi-selection-dropdown__button-bar .default-button {
  margin-right: 15px;
}
.multi-selection-dropdown__meeting-progress {
  display: flex;
  align-items: center;
}
.multi-selection-dropdown__status-label {
  margin-left: 10px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.progress-dot-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 52px;
  height: 24px;
  align-items: center;
}
.progress-dot-wrapper .dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.progress-dot-wrapper .dot--active {
  background-color: #00787A;
  border-color: #00787A;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.react-datepicker__day--selected,
.react-datepicker__day--keyboard-selected,
.react-datepicker__time-list-item--selected,
.react-datepicker__close-icon::after,
.react-datepicker__day--in-range {
  background-color: #6BDBB1 !important;
  color: #1a1a1a !important;
  font-weight: normal !important;
}

.react-datepicker__day--in-selecting-range {
  background-color: #6BDBB1 !important;
  color: #1a1a1a !important;
}

.react-datepicker__close-icon:hover::after {
  background-color: #00787A !important;
}

.disabled-time {
  opacity: 0.3;
  user-select: none;
  pointer-events: none;
}

.oe-datepicker-highlighted .react-datepicker__day {
  color: #999999;
}
.oe-datepicker-highlighted .react-datepicker__day:hover {
  background-color: #e6e6e6 !important;
}
.oe-datepicker-highlighted .react-datepicker__day.react-datepicker__day--highlighted {
  background-color: transparent;
  color: #1a1a1a;
}
.oe-datepicker-highlighted .react-datepicker__day.react-datepicker__day--highlighted:hover {
  background-color: #e6e6e6 !important;
}
.oe-datepicker-highlighted .react-datepicker__day.react-datepicker__day--selected {
  color: #ffffff;
}
.oe-datepicker-highlighted .react-datepicker__day.react-datepicker__day--selected:hover {
  background-color: #C4F8E4 !important;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-range:hover {
  background-color: #C4F8E4 !important;
}

.react-datepicker__triangle {
  left: 50% !important;
  transform: translateY(50%) !important;
}

.react-datepicker__navigation-icon::before {
  border-color: #1a1a1a !important;
}

.react-datepicker__navigation:hover *::before {
  border-color: #00787A !important;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form-field {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  margin-bottom: 25px;
  font-weight: 500;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  height: inherit;
}
.oe-form-field__control-with-button {
  display: flex;
}
.oe-form-field__control-with-button .oe-form-field__control, .oe-form-field__control-with-button .oe-form-field__control-enhancer {
  margin-right: 12px;
}
.oe-form-field__title {
  font-size: 12px;
  line-height: 2.08;
  font-weight: normal;
}
.oe-form-field__info {
  font-size: 12px;
  line-height: 2.08;
  font-weight: normal;
  font-style: italic;
}
.oe-form-field__checkbox {
  font-weight: normal;
  font-size: 14px;
}
.oe-form-field__control, .oe-form-field__control-enhancer {
  width: 100%;
  font-weight: 500;
  font-family: "Roboto Flex";
  padding: 7px 8px;
  line-height: 15px;
  font-size: 12px;
}
.oe-form-field__control.p-0px, .p-0px.oe-form-field__control-enhancer {
  padding: 0;
}
.oe-form-field__control.m-0px, .m-0px.oe-form-field__control-enhancer {
  margin: 0;
}
.oe-form-field__control::placeholder, .oe-form-field__control-enhancer::placeholder {
  font-weight: 500;
}
.oe-form-field__control.w-fit-content, .w-fit-content.oe-form-field__control-enhancer {
  width: fit-content;
  width: -moz-fit-content;
}
.oe-form-field .ck.ck-dropdown .ck-dropdown__arrow {
  z-index: 0;
}
.oe-form-field__error {
  margin-top: 4px;
  font-size: 11px;
  color: #EE0000;
  line-height: 1.27;
  font-weight: 500;
}
.oe-form-field__error p {
  margin: 0;
}
.oe-form-field__list-error {
  box-sizing: border-box;
  color: rgba(255, 0, 0, 0.65);
  font-size: 11px;
  line-height: 1.5715;
  list-style: none;
  position: relative;
  padding: 7px 8px;
  background-color: #fff2f0;
  border: 1px solid #ffccc7;
  margin-top: 15px;
  text-align: start;
}
.oe-form-field__select-input {
  padding-left: 10px;
  min-height: 2rem;
  font-size: 1rem;
}
.oe-form-field .ck-editor {
  width: 100%;
  --ck-z-default: 0;
}
.oe-form-field .ck-editor__editable_inline {
  min-height: 100px;
}
.oe-form-field select {
  min-height: 2rem;
  padding-left: 3px;
  font-weight: 500;
  font-size: 12px;
}
.oe-form-field select option {
  font-size: 12px;
  font-weight: 500;
}
.oe-form-field__create-date {
  width: 44%;
  margin-bottom: 5px;
  margin-right: 8px;
}
.oe-form-field__create-start {
  width: 28%;
  margin-bottom: 5px;
  margin-right: 8px;
}
.oe-form-field__create-end {
  width: 28%;
  margin-bottom: 5px;
  margin-right: 0px;
}
.oe-form-field.sm-title {
  margin-top: 30px;
}
.oe-form-field.sm-title label {
  font-size: 10px;
  line-height: 25px;
}

.oe-radio-option {
  width: 100%;
}
.oe-radio-option__label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.oe-radio-option--selected svg circle:first-of-type {
  stroke: #00787A;
}
.oe-radio-option--selected svg circle:last-of-type {
  fill: #00787A;
}
.oe-radio-option__label-text {
  font-size: 12px;
  line-height: 2.08;
}
.oe-radio-option__radio-circle {
  width: 16px;
  height: 16px;
  border: solid 1px #949494;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 9px;
  box-sizing: content-box;
}
.oe-radio-option__radio-circle-inner {
  width: 12px;
  height: 12px;
  background: #00787A;
  border-radius: 50%;
  display: none;
}
.oe-radio-option__control {
  display: none;
}
.oe-radio-option__control:checked + .oe-radio-option__label .oe-radio-option__radio-circle {
  border-color: #00787A;
}
.oe-radio-option__control:checked + .oe-radio-option__label .oe-radio-option__radio-circle-inner {
  display: block;
}

input.oe-form-field__control:not([type=file]), input.oe-form-field__control-enhancer:not([type=file]), select.oe-form-field__control, select.oe-form-field__control-enhancer, textarea.oe-form-field__control, textarea.oe-form-field__control-enhancer {
  border: 1px solid #949494;
}
input.oe-form-field__control:not([type=file]):focus, input.oe-form-field__control-enhancer:not([type=file]):focus, select.oe-form-field__control:focus, select.oe-form-field__control-enhancer:focus, textarea.oe-form-field__control:focus, textarea.oe-form-field__control-enhancer:focus {
  outline: none;
  border: solid 1px rgba(0, 120, 122, 0.7);
}

.oe-form-field__control-enhancer {
  border: 1px solid #949494;
  border-right: none;
  padding-right: 2px;
  padding-left: 2px;
  color: #707070;
  max-width: 40%;
}
.oe-form-field__control-enhancer.truncate-left {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  direction: rtl;
  text-align: left;
}
.oe-form-field__control-enhancer.focused {
  outline: none;
  border: solid 1px rgba(0, 120, 122, 0.7);
  border-right: none;
}
.oe-form-field__control-enhancer + input.oe-form-field__control, .oe-form-field__control-enhancer + input.oe-form-field__control-enhancer {
  border-left: none;
  padding-left: 0;
}
.oe-form-field__control-enhancer + input.oe-form-field__control:focus, .oe-form-field__control-enhancer + input.oe-form-field__control-enhancer:focus {
  border-left: none;
}

input.oe-form-field__control--error:not([type=file]), select.oe-form-field__control--error {
  border: 1px solid #EE0000;
}

textarea.oe-form-field__control, textarea.oe-form-field__control-enhancer {
  min-height: 7rem;
  font-size: 12px;
  font-weight: 400;
  font-family: "Roboto Flex";
  line-height: 18px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-popup-layout.oe-popup-layout--popover .oe-popup-layout__header {
  display: grid;
  padding: 10px 15px;
}
.oe-popup-layout.oe-popup-layout--popover .oe-popup-layout__header button {
  margin-top: 10px;
  border: none;
  background-color: transparent;
}
.oe-popup-layout.oe-popup-layout--popover .oe-popup-layout__header button:hover {
  opacity: 0.7;
}
.oe-popup-layout.oe-popup-layout--popover .oe-popup-layout__header .search-input:hover {
  border-color: #949494;
}
.oe-popup-layout.oe-popup-layout--popover .oe-popup-layout__header .search-input:focus {
  border-color: #00787A;
}

.oe-popup-layout.oe-popup-layout--popover--closed {
  visibility: collapse;
}

.react-tiny-popover-container {
  z-index: 102;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.react-tiny-popover-container.position--fix {
  position: fixed !important;
  max-height: 447px;
}
.react-tiny-popover-container.fixed-position {
  position: fixed !important;
}
.react-tiny-popover-container.info-container {
  font-size: 12px;
  line-height: 15px;
  padding: 18px 20px 16px;
  background-color: white;
  max-width: 320px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.multi-select-no-content {
  width: 220px;
  padding: 15px;
  font-size: 12px;
  font-weight: 500;
}

.multi-select-loader, .organizations-multi-select-loader {
  height: 295px;
  text-align: center;
  color: #9e9e9e;
}

.organizations-multi-select-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.overflow-default {
  text-overflow: clip !important;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.multi-select-list__option--selected.multi-select-list__option--disabled {
  pointer-events: none;
}
.multi-select-list__option--selected.multi-select-list__option--disabled .multi-select-list__checkbox {
  background-color: #00787A;
  opacity: 0.4;
  border: none;
}

.multi-select-list {
  max-height: 295px;
  width: 237px;
}
.multi-select-list--filters {
  width: 255px;
}
.multi-select-list--wide {
  width: 300px;
}
.multi-select-list__option {
  border-bottom: 1px solid #949494;
  padding: 5px 15px 5px;
  display: flex;
  flex-flow: row nowrap;
  cursor: pointer;
  align-items: center;
}
.multi-select-list__option--disabled {
  cursor: default;
}
.multi-select-list__option--disabled .multi-select-list__checkbox {
  border-color: #949494;
  opacity: 0.4;
}
.multi-select-list__option:last-child {
  border-bottom: none;
}
.multi-select-list__option .multi-select-list__option-text {
  font-weight: 500;
  font-size: 12px;
  padding-right: 10px;
  width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.multi-select-list__option .multi-select-list__option-text--group {
  font-weight: 500;
}
.multi-select-list__option .multi-select-list__option-text--within-group {
  padding-left: 10px;
  font-weight: normal;
}
.multi-select-list__option .multi-select-list__checkbox {
  margin-left: auto;
  border: 1px solid #999999;
  min-width: 20px;
  width: 20px;
  height: 20px;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.multi-select-list__option .multi-select-list__checkbox svg {
  height: 12px;
  width: 13px;
  fill: #ffffff;
}
.multi-select-list__option--checkbox-in-left {
  flex-direction: row-reverse;
}
.multi-select-list__option--checkbox-in-left .multi-select-list__checkbox {
  margin-right: 10px;
}
.multi-select-list__option--selected .multi-select-list__checkbox {
  background-color: #00787A;
  border: none;
}
.multi-select-list__option--selected .multi-select-list__checkbox:hover {
  background-color: #6BDBB1;
}
.multi-select-list__option--hidden {
  visibility: hidden !important;
}
.multi-select-list__option--disabled:not(.multi-select-list__option--selected) .multi-select-list__checkbox {
  border: 1px solid #949494;
}
.multi-select-list__option--disabled:not(.multi-select-list__option--selected) .multi-select-list__checkbox svg {
  display: none;
}
.multi-select-list__option:hover:not(.multi-select-list__option--selected):not(.multi-select-list__option--disabled) .multi-select-list__checkbox {
  background-color: #f4f4f4;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-notification {
  position: fixed;
  box-shadow: 0 0 10px 0 #b9b9b9;
  z-index: 102;
  animation: Fade 3s linear;
  animation-iteration-count: 1;
}
.oe-notification.align__left {
  left: 20px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.oe-notification.align__right {
  right: 20px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.oe-notification.align__top {
  top: 20px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.oe-notification.align__bottom {
  bottom: 20px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.oe-notification--fade-in {
  animation: FadeIn 1.5s linear;
}
.oe-notification__container {
  display: flex;
  align-items: center;
  padding: 19px 40px;
  background-color: #ffffff;
}
.oe-notification__container.success .oe-icon:first-of-type {
  color: #00787A;
}
.oe-notification__container.warning .oe-icon:first-of-type {
  color: #FCBC62;
}
.oe-notification__container.error .oe-icon:first-of-type {
  color: #EE0000;
}
.oe-notification__container .oe-icon {
  cursor: default;
  line-height: 1;
}
.oe-notification__container .oe-icon:first-of-type {
  margin-right: 10px;
}
.oe-notification__container .oe-icon:nth-of-type(2) {
  margin-left: 10px;
}
.oe-notification__container .oe-icon.oe-notification--close-icon {
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 4px;
  color: #777777;
}
.oe-notification__container p {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.oe-notification__container button {
  margin-left: 30px;
}

@keyframes Fade {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 0.75;
  }
  50% {
    opacity: 1;
  }
  85% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
  }
}
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.popup-form .oe-notification {
  position: unset;
  transform: none;
  margin-bottom: 20px;
  animation: none;
  z-index: inherit;
}
.popup-form .oe-notification__container {
  justify-content: center;
  padding: 23px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.switch {
  position: relative;
  display: inline-block;
  max-width: 36px;
  height: 20px;
  margin-right: 8px;
  width: 100%;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  display: flex;
  align-items: center;
  position: absolute;
  cursor: pointer;
  padding: 2px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #949494;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 20px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #00787A;
}

.switch .slider.round.disabled {
  background-color: #949494;
  opacity: 0.4;
}
.switch input:checked + .slider.round.disabled {
  background-color: #00787A;
  opacity: 0.4;
}

.switch:hover .slider {
  background-color: #707070;
}
.switch:hover input:checked + .slider {
  background-color: #6BDBB1;
}

.switch + span {
  color: #1a1a1a;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00787A;
}

input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}

.options-button {
  position: relative;
  padding: 0;
}
.options-button.default-button {
  padding: 0;
}
.options-button .popover__modal {
  min-width: 150px;
  width: auto;
}
.options-button__chevron {
  margin: 0 0.625rem 0 0.3rem;
}
.options-button__chevron svg {
  fill: #00787A;
}
.options-button__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.options-button--active {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.options-button--active:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.options-button--active .options-button__chevron {
  transform: rotate(180deg);
}
.options-button--right-margin-auto {
  margin-right: auto !important;
}
.options-button__label {
  padding: 9px 20px;
}
.options-button__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.options-button__option:hover {
  background: #f4f4f4;
}
.options-button__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.options-button__option--danger {
  color: #EE0000;
}
.options-button__option--danger:hover {
  color: #ffffff;
  background: #EE0000;
}
.options-button__option--disabled {
  pointer-events: none;
  opacity: 0.2;
}
.options-button__option--selected {
  background-color: #C4F8E4;
  pointer-events: none;
}
.options-button__option--selected:hover {
  cursor: default;
}
.options-button__placeholder {
  text-align: center;
  color: #9e9e9e;
  margin: 15px 10px;
  white-space: initial;
}

.icon-button {
  background: none;
  border: none;
  outline: inherit;
}
.icon-button:hover {
  color: #00787A;
}
.icon-button:hover svg {
  cursor: pointer;
  fill: #00787A;
  stroke: #00787A;
}
.rich-text-editor {
  margin-top: 15px;
}

.ck.ck-editor__editable.ck-editor__editable_inline {
  height: 100px;
  border: 1px solid var(--ck-color-toolbar-border);
}

.oe-popup-layout__body {
  position: relative;
}
.oe-popup-layout__body .ck.ck-toolbar-dropdown .ck-dropdown__panel {
  width: 290px;
}

.oe-popup-layout--sub-window-maximized .oe-popup-layout__body .ck-font-family-dropdown .ck-dropdown__panel {
  width: 200px;
}

.ck-color-black {
  color: black;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-black {
  background-color: black !important;
}

.ck-color-dim-grey {
  color: #4d4d4d;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-dim-grey {
  background-color: #4d4d4d !important;
}

.ck-color-grey {
  color: #999999;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-grey {
  background-color: #999999 !important;
}

.ck-color-light-grey {
  color: #e6e6e6;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-light-grey {
  background-color: #e6e6e6 !important;
}

.ck-color-white {
  color: white;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-white {
  background-color: white !important;
}

.ck-color-red {
  color: #e64d4d;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-red {
  background-color: #e64d4d !important;
}

.ck-color-orange {
  color: #e6994d;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-orange {
  background-color: #e6994d !important;
}

.ck-color-yellow {
  color: #e6e64d;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-yellow {
  background-color: #e6e64d !important;
}

.ck-color-light-green {
  color: #99e64d;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-light-green {
  background-color: #99e64d !important;
}

.ck-color-green {
  color: #4de64d;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-green {
  background-color: #4de64d !important;
}

.ck-color-aquamarine {
  color: #4de699;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-aquamarine {
  background-color: #4de699 !important;
}

.ck-color-turquoise {
  color: #4de6e6;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-turquoise {
  background-color: #4de6e6 !important;
}

.ck-color-light-blue {
  color: #4d99e6;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-light-blue {
  background-color: #4d99e6 !important;
}

.ck-color-blue {
  color: #4d4de6;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-blue {
  background-color: #4d4de6 !important;
}

.ck-color-purple {
  color: #994de6;
}

.ck-dropdown_color .ck-dropdown__panel .ck-color-purple {
  background-color: #994de6 !important;
}

.ck-dropdown_color .ck-dropdown__panel {
  width: 250px !important;
}

.ck-dropdown_color .ck-color-selector__remove-color {
  width: 100% !important;
}

.ck-font-family-dropdown .ck-dropdown__panel {
  width: 150px !important;
}

.ck.ck-color-grid__tile.ck-on .ck.ck-icon {
  position: absolute;
  left: 2px;
}

/* Apply Arial font-family */
span[data-font-family=ck-fm-arial] {
  font-family: Arial, Helvetica, sans-serif;
}

/* Apply Courier New font-family */
span[data-font-family=ck-fm-courier-new] {
  font-family: "Courier New", Courier, monospace;
}

/* Apply Georgia font-family */
span[data-font-family=ck-fm-georgia] {
  font-family: Georgia, serif;
}

/* Apply Lucida Sans Unicode font-family */
span[data-font-family=ck-fm-lucid-sans-unicode] {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* Apply Tahoma font-family */
span[data-font-family=ck-fm-tahoma] {
  font-family: Tahoma, Geneva, sans-serif;
}

/* Apply Trebuchet MS font-family */
span[data-font-family=ck-fm-trebuchet-ms] {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}

/* Apply Times New Roman font-family */
span[data-font-family=ck-fm-times-new-roman] {
  font-family: "Times New Roman", Times, serif;
}

/* Apply Verdana font-family */
span[data-font-family=ck-fm-verdana] {
  font-family: Verdana, Geneva, sans-serif;
}

.ck-fm-arial .ck.ck-button__label {
  font-family: Arial, Helvetica, sans-serif !important;
}

.ck-fm-courier-new .ck.ck-button__label {
  font-family: "Courier New", Courier, monospace !important;
}

.ck-fm-georgia .ck.ck-button__label {
  font-family: Georgia, serif !important;
}

.ck-fm-lucid-sans-unicode .ck.ck-button__label {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}

.ck-fm-tahoma .ck.ck-button__label {
  font-family: Tahoma, Geneva, sans-serif !important;
}

.ck-fm-times-new-roman .ck.ck-button__label {
  font-family: "Times New Roman", Times, serif !important;
}

.ck-fm-trebuchet-ms .ck.ck-button__label {
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
}

.ck-fm-verdana .ck.ck-button__label {
  font-family: Verdana, Geneva, sans-serif !important;
}

span[data-bg-color=ck-bg-light-gray] {
  background-color: #e6e6e6;
}

span[data-bg-color=ck-bg-white] {
  background-color: white;
}

span[data-bg-color=ck-bg-light-green] {
  background-color: #99e64d;
}

span[data-bg-color=ck-bg-bright-green] {
  background-color: #4de64d;
}

span[data-bg-color=ck-bg-bright-blue] {
  background-color: #4d4de6;
}

span[data-bg-color=ck-bg-purple] {
  background-color: #994de6;
}

.ck-dropdown_bg_color .ck-dropdown__panel .ck-bg-light-gray {
  background-color: #e6e6e6 !important;
}

.ck-dropdown_bg_color .ck-dropdown__panel .ck-bg-white {
  background-color: white !important;
}

.ck-dropdown_bg_color .ck-dropdown__panel .ck-bg-light-green {
  background-color: #99e64d !important;
}

.ck-dropdown_bg_color .ck-dropdown__panel .ck-bg-bright-green {
  background-color: #4de64d !important;
}

.ck-dropdown_bg_color .ck-dropdown__panel .ck-bg-bright-blue {
  background-color: #4d4de6 !important;
}

.ck-dropdown_bg_color .ck-dropdown__panel .ck-bg-purple {
  background-color: #994de6 !important;
}

.ck-dropdown_bg_color .ck-dropdown__panel {
  width: 150px !important;
}

.ck-dropdown_bg_color .ck-color-selector__remove-color {
  width: 100% !important;
}

.ck-text-left {
  text-align: left;
}

.ck-text-center {
  text-align: center;
}

.ck-text-right {
  text-align: right;
}

.ck-text-justify {
  text-align: justify;
}
/**
 * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
 :root{--ck-color-base-foreground:#fafafa;--ck-color-base-background:#fff;--ck-color-base-border:#ccced1;--ck-color-base-action:#53a336;--ck-color-base-focus:#6cb5f9;--ck-color-base-text:#333;--ck-color-base-active:#2977ff;--ck-color-base-active-focus:#0d65ff;--ck-color-base-error:#db3700;--ck-color-focus-border-coordinates:218,81.8%,56.9%;--ck-color-focus-border:hsl(var(--ck-color-focus-border-coordinates));--ck-color-focus-outer-shadow:#cae1fc;--ck-color-focus-disabled-shadow:rgba(119,186,248,.3);--ck-color-focus-error-shadow:rgba(255,64,31,.3);--ck-color-text:var(--ck-color-base-text);--ck-color-shadow-drop:rgba(0,0,0,.15);--ck-color-shadow-drop-active:rgba(0,0,0,.2);--ck-color-shadow-inner:rgba(0,0,0,.1);--ck-color-button-default-background:transparent;--ck-color-button-default-hover-background:#f0f0f0;--ck-color-button-default-active-background:#f0f0f0;--ck-color-button-default-disabled-background:transparent;--ck-color-button-on-background:#dedede;--ck-color-button-on-hover-background:#c4c4c4;--ck-color-button-on-active-background:#bababa;--ck-color-button-on-disabled-background:#dedede;--ck-color-button-on-color:var(--ck-color-base-text);--ck-color-button-action-background:var(--ck-color-base-action);--ck-color-button-action-hover-background:#4d9d30;--ck-color-button-action-active-background:#4d9d30;--ck-color-button-action-disabled-background:#7ec365;--ck-color-button-action-text:var(--ck-color-base-background);--ck-color-button-save:#008a00;--ck-color-button-cancel:#db3700;--ck-color-switch-button-off-background:#939393;--ck-color-switch-button-off-hover-background:#7d7d7d;--ck-color-switch-button-on-background:var(--ck-color-button-action-background);--ck-color-switch-button-on-hover-background:#4d9d30;--ck-color-switch-button-inner-background:var(--ck-color-base-background);--ck-color-switch-button-inner-shadow:rgba(0,0,0,.1);--ck-color-dropdown-panel-background:var(--ck-color-base-background);--ck-color-dropdown-panel-border:var(--ck-color-base-border);--ck-color-dialog-background:var(--ck-custom-background);--ck-color-dialog-form-header-border:var(--ck-custom-border);--ck-color-input-background:var(--ck-color-base-background);--ck-color-input-border:var(--ck-color-base-border);--ck-color-input-error-border:var(--ck-color-base-error);--ck-color-input-text:var(--ck-color-base-text);--ck-color-input-disabled-background:#f2f2f2;--ck-color-input-disabled-border:var(--ck-color-base-border);--ck-color-input-disabled-text:#757575;--ck-color-list-background:var(--ck-color-base-background);--ck-color-list-button-hover-background:var(--ck-color-button-default-hover-background);--ck-color-list-button-on-background:var(--ck-color-button-on-color);--ck-color-list-button-on-background-focus:var(--ck-color-button-on-color);--ck-color-list-button-on-text:var(--ck-color-base-background);--ck-color-panel-background:var(--ck-color-base-background);--ck-color-panel-border:var(--ck-color-base-border);--ck-color-toolbar-background:var(--ck-color-base-background);--ck-color-toolbar-border:var(--ck-color-base-border);--ck-color-tooltip-background:var(--ck-color-base-text);--ck-color-tooltip-text:var(--ck-color-base-background);--ck-color-engine-placeholder-text:#707070;--ck-color-upload-bar-background:#6cb5f9;--ck-color-link-default:#0000f0;--ck-color-link-selected-background:rgba(31,176,255,.1);--ck-color-link-fake-selection:rgba(31,176,255,.3);--ck-color-highlight-background:#ff0;--ck-color-light-red:#fcc;--ck-disabled-opacity:.5;--ck-focus-outer-shadow-geometry:0 0 0 3px;--ck-focus-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);--ck-focus-disabled-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);--ck-focus-error-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);--ck-focus-ring:1px solid var(--ck-color-focus-border);--ck-font-size-base:13px;--ck-line-height-base:1.84615;--ck-font-face:Helvetica,Arial,Tahoma,Verdana,Sans-Serif;--ck-font-size-tiny:0.7em;--ck-font-size-small:0.75em;--ck-font-size-normal:1em;--ck-font-size-big:1.4em;--ck-font-size-large:1.8em;--ck-ui-component-min-height:2.3em}.ck-reset_all :not(.ck-reset_all-excluded *),.ck.ck-reset,.ck.ck-reset_all{word-wrap:break-word;background:transparent;border:0;box-sizing:border-box;height:auto;margin:0;padding:0;position:static;text-decoration:none;transition:none;vertical-align:middle;width:auto}.ck-reset_all :not(.ck-reset_all-excluded *),.ck.ck-reset_all{border-collapse:collapse;color:var(--ck-color-text);cursor:auto;float:none;font:normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);text-align:left;white-space:nowrap}.ck-reset_all .ck-rtl :not(.ck-reset_all-excluded *){text-align:right}.ck-reset_all iframe:not(.ck-reset_all-excluded *){vertical-align:inherit}.ck-reset_all textarea:not(.ck-reset_all-excluded *){white-space:pre-wrap}.ck-reset_all input[type=password]:not(.ck-reset_all-excluded *),.ck-reset_all input[type=text]:not(.ck-reset_all-excluded *),.ck-reset_all textarea:not(.ck-reset_all-excluded *){cursor:text}.ck-reset_all input[type=password][disabled]:not(.ck-reset_all-excluded *),.ck-reset_all input[type=text][disabled]:not(.ck-reset_all-excluded *),.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *){cursor:default}.ck-reset_all fieldset:not(.ck-reset_all-excluded *){border:2px groove #dfdee3;padding:10px}.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner{border:0;padding:0}.ck[dir=rtl],.ck[dir=rtl] .ck{text-align:right}:root{--ck-border-radius:2px;--ck-inner-shadow:2px 2px 3px var(--ck-color-shadow-inner) inset;--ck-drop-shadow:0 1px 2px 1px var(--ck-color-shadow-drop);--ck-drop-shadow-active:0 3px 6px 1px var(--ck-color-shadow-drop-active);--ck-spacing-unit:0.6em;--ck-spacing-large:calc(var(--ck-spacing-unit)*1.5);--ck-spacing-standard:var(--ck-spacing-unit);--ck-spacing-medium:calc(var(--ck-spacing-unit)*0.8);--ck-spacing-small:calc(var(--ck-spacing-unit)*0.5);--ck-spacing-tiny:calc(var(--ck-spacing-unit)*0.3);--ck-spacing-extra-tiny:calc(var(--ck-spacing-unit)*0.16)}.ck.ck-autocomplete>.ck-search__results{background:var(--ck-color-base-background);border:1px solid var(--ck-color-dropdown-panel-border);border-radius:0;max-height:200px;min-width:auto;overflow-y:auto}.ck-rounded-corners .ck.ck-autocomplete>.ck-search__results,.ck.ck-autocomplete>.ck-search__results.ck-rounded-corners{border-radius:var(--ck-border-radius)}.ck.ck-autocomplete>.ck-search__results{box-shadow:var(--ck-drop-shadow),0 0}.ck.ck-autocomplete>.ck-search__results.ck-search__results_n{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:-1px}.ck.ck-autocomplete>.ck-search__results.ck-search__results_s{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.ck.ck-button,a.ck.ck-button{-webkit-appearance:none;background:var(--ck-color-button-default-background);border:1px solid transparent;border-radius:0;cursor:default;font-size:inherit;line-height:1;min-height:var(--ck-ui-component-min-height);min-width:var(--ck-ui-component-min-height);padding:var(--ck-spacing-tiny);text-align:center;transition:box-shadow .2s ease-in-out,border .2s ease-in-out;vertical-align:middle;white-space:nowrap}.ck.ck-button:not(.ck-disabled):hover,a.ck.ck-button:not(.ck-disabled):hover{background:var(--ck-color-button-default-hover-background)}.ck.ck-button:not(.ck-disabled):active,a.ck.ck-button:not(.ck-disabled):active{background:var(--ck-color-button-default-active-background)}.ck.ck-button.ck-disabled,a.ck.ck-button.ck-disabled{background:var(--ck-color-button-default-disabled-background)}.ck-rounded-corners .ck.ck-button,.ck-rounded-corners a.ck.ck-button,.ck.ck-button.ck-rounded-corners,a.ck.ck-button.ck-rounded-corners{border-radius:var(--ck-border-radius)}@media (prefers-reduced-motion:reduce){.ck.ck-button,a.ck.ck-button{transition:none}}.ck.ck-button:active,.ck.ck-button:focus,a.ck.ck-button:active,a.ck.ck-button:focus{border:var(--ck-focus-ring);box-shadow:var(--ck-focus-outer-shadow),0 0;outline:none}.ck.ck-button .ck-button__icon use,.ck.ck-button .ck-button__icon use *,a.ck.ck-button .ck-button__icon use,a.ck.ck-button .ck-button__icon use *{color:inherit}.ck.ck-button .ck-button__label,a.ck.ck-button .ck-button__label{color:inherit;cursor:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle}[dir=ltr] .ck.ck-button .ck-button__label,[dir=ltr] a.ck.ck-button .ck-button__label{text-align:left}[dir=rtl] .ck.ck-button .ck-button__label,[dir=rtl] a.ck.ck-button .ck-button__label{text-align:right}.ck.ck-button .ck-button__keystroke,a.ck.ck-button .ck-button__keystroke{color:inherit;opacity:.5}[dir=ltr] .ck.ck-button .ck-button__keystroke,[dir=ltr] a.ck.ck-button .ck-button__keystroke{margin-left:var(--ck-spacing-large)}[dir=rtl] .ck.ck-button .ck-button__keystroke,[dir=rtl] a.ck.ck-button .ck-button__keystroke{margin-right:var(--ck-spacing-large)}.ck.ck-button.ck-disabled:active,.ck.ck-button.ck-disabled:focus,a.ck.ck-button.ck-disabled:active,a.ck.ck-button.ck-disabled:focus{box-shadow:var(--ck-focus-disabled-outer-shadow),0 0}.ck.ck-button.ck-disabled .ck-button__icon,.ck.ck-button.ck-disabled .ck-button__label,a.ck.ck-button.ck-disabled .ck-button__icon,a.ck.ck-button.ck-disabled .ck-button__label{opacity:var(--ck-disabled-opacity)}.ck.ck-button.ck-disabled .ck-button__keystroke,a.ck.ck-button.ck-disabled .ck-button__keystroke{opacity:.3}.ck.ck-button.ck-button_with-text,a.ck.ck-button.ck-button_with-text{padding:var(--ck-spacing-tiny) var(--ck-spacing-standard)}[dir=ltr] .ck.ck-button.ck-button_with-text .ck-button__icon,[dir=ltr] a.ck.ck-button.ck-button_with-text .ck-button__icon{margin-right:var(--ck-spacing-medium)}[dir=rtl] .ck.ck-button.ck-button_with-text .ck-button__icon,[dir=rtl] a.ck.ck-button.ck-button_with-text .ck-button__icon{margin-left:var(--ck-spacing-medium)}.ck.ck-button.ck-button_with-keystroke .ck-button__label,a.ck.ck-button.ck-button_with-keystroke .ck-button__label{flex-grow:1}.ck.ck-button.ck-on,a.ck.ck-button.ck-on{background:var(--ck-color-button-on-background);color:var(--ck-color-button-on-color)}.ck.ck-button.ck-on:not(.ck-disabled):hover,a.ck.ck-button.ck-on:not(.ck-disabled):hover{background:var(--ck-color-button-on-hover-background)}.ck.ck-button.ck-on:not(.ck-disabled):active,a.ck.ck-button.ck-on:not(.ck-disabled):active{background:var(--ck-color-button-on-active-background)}.ck.ck-button.ck-on.ck-disabled,a.ck.ck-button.ck-on.ck-disabled{background:var(--ck-color-button-on-disabled-background)}.ck.ck-button.ck-button-save,a.ck.ck-button.ck-button-save{color:var(--ck-color-button-save)}.ck.ck-button.ck-button-cancel,a.ck.ck-button.ck-button-cancel{color:var(--ck-color-button-cancel)}.ck.ck-button-action,a.ck.ck-button-action{background:var(--ck-color-button-action-background);color:var(--ck-color-button-action-text)}.ck.ck-button-action:not(.ck-disabled):hover,a.ck.ck-button-action:not(.ck-disabled):hover{background:var(--ck-color-button-action-hover-background)}.ck.ck-button-action:not(.ck-disabled):active,a.ck.ck-button-action:not(.ck-disabled):active{background:var(--ck-color-button-action-active-background)}.ck.ck-button-action.ck-disabled,a.ck.ck-button-action.ck-disabled{background:var(--ck-color-button-action-disabled-background)}.ck.ck-button-bold,a.ck.ck-button-bold{font-weight:700}:root{--ck-switch-button-toggle-width:2.6153846154em;--ck-switch-button-toggle-inner-size:calc(1.07692em + 1px);--ck-switch-button-translation:calc(var(--ck-switch-button-toggle-width) - var(--ck-switch-button-toggle-inner-size) - 2px);--ck-switch-button-inner-hover-shadow:0 0 0 5px var(--ck-color-switch-button-inner-shadow)}.ck.ck-button.ck-switchbutton,.ck.ck-button.ck-switchbutton.ck-on:active,.ck.ck-button.ck-switchbutton.ck-on:focus,.ck.ck-button.ck-switchbutton.ck-on:hover,.ck.ck-button.ck-switchbutton:active,.ck.ck-button.ck-switchbutton:focus,.ck.ck-button.ck-switchbutton:hover{background:transparent;color:inherit}[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__label{margin-right:calc(var(--ck-spacing-large)*2)}[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__label{margin-left:calc(var(--ck-spacing-large)*2)}.ck.ck-button.ck-switchbutton .ck-button__toggle{background:var(--ck-color-switch-button-off-background);border:1px solid transparent;border-radius:0;transition:background .4s ease,box-shadow .2s ease-in-out,outline .2s ease-in-out;width:var(--ck-switch-button-toggle-width)}.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,.ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners{border-radius:var(--ck-border-radius)}[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__toggle{margin-left:auto}[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__toggle{margin-right:auto}.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner{background:var(--ck-color-switch-button-inner-background);border-radius:0;height:var(--ck-switch-button-toggle-inner-size);transition:all .3s ease;width:var(--ck-switch-button-toggle-inner-size)}.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner,.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners{border-radius:var(--ck-border-radius);border-radius:calc(var(--ck-border-radius)*.5)}@media (prefers-reduced-motion:reduce){.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner{transition:none}}.ck.ck-button.ck-switchbutton .ck-button__toggle:hover{background:var(--ck-color-switch-button-off-hover-background)}.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner{box-shadow:var(--ck-switch-button-inner-hover-shadow)}.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle{opacity:var(--ck-disabled-opacity)}.ck.ck-button.ck-switchbutton:focus{border-color:transparent;box-shadow:none;outline:none}.ck.ck-button.ck-switchbutton:focus .ck-button__toggle{box-shadow:0 0 0 1px var(--ck-color-base-background),0 0 0 5px var(--ck-color-focus-outer-shadow);outline:var(--ck-focus-ring);outline-offset:1px}.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle{background:var(--ck-color-switch-button-on-background)}.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover{background:var(--ck-color-switch-button-on-hover-background)}[dir=ltr] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner{transform:translateX(var( --ck-switch-button-translation ))}[dir=rtl] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner{transform:translateX(calc(var( --ck-switch-button-translation )*-1))}.ck.ck-button.ck-list-item-button{padding:var(--ck-spacing-tiny) calc(var(--ck-spacing-standard)*2)}.ck.ck-button.ck-list-item-button,.ck.ck-button.ck-list-item-button.ck-on{background:var(--ck-color-list-background);color:var(--ck-color-text)}[dir=ltr] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder){padding-left:var(--ck-spacing-small)}[dir=rtl] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder){padding-right:var(--ck-spacing-small)}.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover,.ck.ck-button.ck-list-item-button.ck-on:hover,.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable),.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled){background:var(--ck-color-list-button-hover-background)}.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled),.ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled),.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled),.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled){color:var(--ck-color-text)}:root{--ck-collapsible-arrow-size:calc(var(--ck-icon-size)*0.5)}.ck.ck-collapsible>.ck.ck-button{border-radius:0;color:inherit;font-weight:700;width:100%}.ck.ck-collapsible>.ck.ck-button:focus{background:transparent}.ck.ck-collapsible>.ck.ck-button:active,.ck.ck-collapsible>.ck.ck-button:hover:not(:focus),.ck.ck-collapsible>.ck.ck-button:not(:focus){background:transparent;border-color:transparent;box-shadow:none}.ck.ck-collapsible>.ck.ck-button>.ck-icon{margin-right:var(--ck-spacing-medium);width:var(--ck-collapsible-arrow-size)}.ck.ck-collapsible>.ck-collapsible__children{padding:var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large)}.ck.ck-collapsible.ck-collapsible_collapsed>.ck.ck-button .ck-icon{transform:rotate(-90deg)}:root{--ck-color-grid-tile-size:24px;--ck-color-color-grid-check-icon:#000}.ck.ck-color-grid{grid-gap:5px;padding:8px}.ck.ck-color-grid__tile{transition:box-shadow .2s ease}@media (forced-colors:none){.ck.ck-color-grid__tile{border:0;height:var(--ck-color-grid-tile-size);min-height:var(--ck-color-grid-tile-size);min-width:var(--ck-color-grid-tile-size);padding:0;width:var(--ck-color-grid-tile-size)}.ck.ck-color-grid__tile.ck-color-table__color-tile_bordered{box-shadow:0 0 0 1px var(--ck-color-base-border)}.ck.ck-color-grid__tile.ck-on,.ck.ck-color-grid__tile:focus:not(.ck-disabled),.ck.ck-color-grid__tile:hover:not(.ck-disabled){border:0}.ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered{box-shadow:0 0 0 1px var(--ck-color-base-border)}.ck.ck-color-grid__tile.ck-on{box-shadow:inset 0 0 0 1px var(--ck-color-base-background),0 0 0 2px var(--ck-color-base-text)}.ck.ck-color-grid__tile:focus:not(.ck-disabled),.ck.ck-color-grid__tile:hover:not(.ck-disabled){box-shadow:inset 0 0 0 1px var(--ck-color-base-background),0 0 0 2px var(--ck-color-focus-border)}}@media (forced-colors:active){.ck.ck-color-grid__tile{height:unset;min-height:unset;min-width:unset;padding:0 var(--ck-spacing-small);width:unset}.ck.ck-color-grid__tile .ck-button__label{display:inline-block}}@media (prefers-reduced-motion:reduce){.ck.ck-color-grid__tile{transition:none}}.ck.ck-color-grid__tile.ck-disabled{cursor:unset;transition:unset}.ck.ck-color-grid__tile .ck.ck-icon{color:var(--ck-color-color-grid-check-icon);display:none}.ck.ck-color-grid__tile.ck-on .ck.ck-icon{display:block}.ck.ck-color-grid__label{padding:0 var(--ck-spacing-standard)}.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker,.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color{width:100%}.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker{border-bottom-left-radius:0;border-bottom-right-radius:0;padding:calc(var(--ck-spacing-standard)/2) var(--ck-spacing-standard)}.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus){border-top:1px solid var(--ck-color-base-border)}[dir=ltr] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon{margin-right:var(--ck-spacing-standard)}[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon{margin-left:var(--ck-spacing-standard)}.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label{font-weight:unset}.ck .ck-button.ck-color-selector__remove-color:not(:focus){border-bottom:1px solid var(--ck-color-base-border)}.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker{padding:8px}.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker{height:100px;min-width:180px}.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation){border-radius:var(--ck-border-radius) var(--ck-border-radius) 0 0}.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue){border-radius:0 0 var(--ck-border-radius) var(--ck-border-radius)}.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer),.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer){height:15px;width:15px}.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar{padding:0 8px 8px}:root{--ck-dialog-overlay-background-color:rgba(0,0,0,.5);--ck-dialog-drop-shadow:0px 0px 6px 2px rgba(0,0,0,.15);--ck-dialog-max-width:100vw;--ck-dialog-max-height:90vh;--ck-color-dialog-background:var(--ck-color-base-background);--ck-color-dialog-form-header-border:var(--ck-color-base-border)}.ck.ck-dialog-overlay{animation:ck-dialog-fade-in .3s;background:var(--ck-dialog-overlay-background-color);z-index:var(--ck-z-dialog)}.ck.ck-dialog{--ck-drop-shadow:var(--ck-dialog-drop-shadow);background:var(--ck-color-dialog-background);border:1px solid var(--ck-color-base-border);border-radius:0;max-height:var(--ck-dialog-max-height);max-width:var(--ck-dialog-max-width);overscroll-behavior:contain}.ck-rounded-corners .ck.ck-dialog,.ck.ck-dialog.ck-rounded-corners{border-radius:var(--ck-border-radius)}.ck.ck-dialog{box-shadow:var(--ck-drop-shadow),0 0}.ck.ck-dialog .ck.ck-form__header{border-bottom:1px solid var(--ck-color-dialog-form-header-border)}.ck-dialog-scroll-locked{overflow:hidden}@keyframes ck-dialog-fade-in{0%{background:transparent}to{background:var(--ck-dialog-overlay-background-color)}}.ck.ck-dialog .ck.ck-dialog__actions{padding:var(--ck-spacing-large)}.ck.ck-dialog .ck.ck-dialog__actions>*+*{margin-left:var(--ck-spacing-large)}:root{--ck-dropdown-arrow-size:calc(var(--ck-icon-size)*0.5)}.ck.ck-dropdown{font-size:inherit}.ck.ck-dropdown .ck-dropdown__arrow{width:var(--ck-dropdown-arrow-size)}[dir=ltr] .ck.ck-dropdown .ck-dropdown__arrow{margin-left:var(--ck-spacing-standard);right:var(--ck-spacing-standard)}[dir=rtl] .ck.ck-dropdown .ck-dropdown__arrow{left:var(--ck-spacing-standard);margin-right:var(--ck-spacing-small)}.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow{opacity:var(--ck-disabled-opacity)}[dir=ltr] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text){padding-left:var(--ck-spacing-small)}[dir=rtl] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text){padding-right:var(--ck-spacing-small)}.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label{overflow:hidden;text-overflow:ellipsis;width:7em}.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label{opacity:var(--ck-disabled-opacity)}.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on{border-bottom-left-radius:0;border-bottom-right-radius:0}.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label{width:auto}.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active{box-shadow:none}.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus,.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus{box-shadow:var(--ck-focus-outer-shadow),0 0}.ck.ck-dropdown__panel{background:var(--ck-color-dropdown-panel-background);border:1px solid var(--ck-color-dropdown-panel-border);border-radius:0;bottom:0;min-width:100%}.ck-rounded-corners .ck.ck-dropdown__panel,.ck.ck-dropdown__panel.ck-rounded-corners{border-radius:var(--ck-border-radius)}.ck.ck-dropdown__panel{box-shadow:var(--ck-drop-shadow),0 0}.ck.ck-dropdown__panel.ck-dropdown__panel_se{border-top-left-radius:0}.ck.ck-dropdown__panel.ck-dropdown__panel_sw{border-top-right-radius:0}.ck.ck-dropdown__panel.ck-dropdown__panel_ne{border-bottom-left-radius:0}.ck.ck-dropdown__panel.ck-dropdown__panel_nw{border-bottom-right-radius:0}.ck.ck-dropdown__panel:focus{outline:none}.ck.ck-dropdown>.ck-dropdown__panel>.ck-list{border-radius:0}.ck-rounded-corners .ck.ck-dropdown>.ck-dropdown__panel>.ck-list,.ck.ck-dropdown>.ck-dropdown__panel>.ck-list.ck-rounded-corners{border-radius:var(--ck-border-radius);border-top-left-radius:0}.ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:first-child>.ck-button{border-radius:0}.ck-rounded-corners .ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:first-child>.ck-button,.ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:first-child>.ck-button.ck-rounded-corners{border-radius:var(--ck-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0}.ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:last-child>.ck-button{border-radius:0}.ck-rounded-corners .ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:last-child>.ck-button,.ck.ck-dropdown>.ck-dropdown__panel>.ck-list .ck-list__item:last-child>.ck-button.ck-rounded-corners{border-radius:var(--ck-border-radius);border-top-left-radius:0;border-top-right-radius:0}:root{--ck-color-split-button-hover-background:#ebebeb;--ck-color-split-button-hover-border:#b3b3b3}[dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__action,[dir=ltr] .ck.ck-splitbutton:hover>.ck-splitbutton__action{border-bottom-right-radius:unset;border-top-right-radius:unset}[dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__action,[dir=rtl] .ck.ck-splitbutton:hover>.ck-splitbutton__action{border-bottom-left-radius:unset;border-top-left-radius:unset}.ck.ck-splitbutton>.ck-splitbutton__arrow{min-width:unset}[dir=ltr] .ck.ck-splitbutton>.ck-splitbutton__arrow{border-bottom-left-radius:unset;border-top-left-radius:unset}[dir=rtl] .ck.ck-splitbutton>.ck-splitbutton__arrow{border-bottom-right-radius:unset;border-top-right-radius:unset}.ck.ck-splitbutton>.ck-splitbutton__arrow svg{width:var(--ck-dropdown-arrow-size)}.ck.ck-splitbutton>.ck-splitbutton__arrow:not(:focus){border-bottom-width:0;border-top-width:0}.ck.ck-splitbutton.ck-splitbutton_open{border-radius:0}.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners{border-radius:var(--ck-border-radius)}.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__action,.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners>.ck-splitbutton__action{border-bottom-left-radius:0}.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow,.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners>.ck-splitbutton__arrow{border-bottom-right-radius:0}.ck.ck-splitbutton.ck-splitbutton_open>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover),.ck.ck-splitbutton:hover>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover){background:var(--ck-color-split-button-hover-background)}.ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,.ck.ck-splitbutton:hover>.ck-splitbutton__arrow:not(.ck-disabled):after{background-color:var(--ck-color-split-button-hover-border);content:"";height:100%;position:absolute;width:1px}.ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:focus:after,.ck.ck-splitbutton:hover>.ck-splitbutton__arrow:focus:after{--ck-color-split-button-hover-border:var(--ck-color-focus-border)}[dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,[dir=ltr] .ck.ck-splitbutton:hover>.ck-splitbutton__arrow:not(.ck-disabled):after{left:-1px}[dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,[dir=rtl] .ck.ck-splitbutton:hover>.ck-splitbutton__arrow:not(.ck-disabled):after{right:-1px}.ck.ck-toolbar-dropdown .ck-toolbar{border:0}.ck.ck-button.ck-dropdown-menu-list__nested-menu__button{border-radius:0;padding:var(--ck-spacing-tiny) calc(var(--ck-spacing-standard)*2);width:100%}.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus{border-color:transparent;box-shadow:none}.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on){background:var(--ck-color-button-default-hover-background)}.ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-button__label{flex-grow:1;overflow:hidden;text-overflow:ellipsis}.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled>.ck-button__label{opacity:var(--ck-disabled-opacity)}.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon))>.ck-button__label{margin-left:calc(var(--ck-icon-size) - var(--ck-spacing-small))}.ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{width:var(--ck-dropdown-arrow-size)}[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{margin-right:calc(var(--ck-spacing-small)*-1);transform:rotate(-90deg)}[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{margin-left:calc(var(--ck-spacing-small)*-1);transform:rotate(90deg)}.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled>.ck-dropdown-menu-list__nested-menu__button__arrow{opacity:var(--ck-disabled-opacity)}[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text){padding-left:var(--ck-spacing-small)}[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{margin-left:var(--ck-spacing-standard);right:var(--ck-spacing-standard)}[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text){padding-right:var(--ck-spacing-small)}[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{left:var(--ck-spacing-standard);margin-right:var(--ck-spacing-small)}:root{--ck-dropdown-menu-menu-item-min-width:18em}.ck.ck-dropdown-menu-list__nested-menu__item{min-width:var(--ck-dropdown-menu-menu-item-min-width)}.ck-button.ck-dropdown-menu-list__nested-menu__item__button{border-radius:0}.ck-button.ck-dropdown-menu-list__nested-menu__item__button>.ck-spinner-container,.ck-button.ck-dropdown-menu-list__nested-menu__item__button>.ck-spinner-container .ck-spinner{--ck-toolbar-spinner-size:20px}.ck-button.ck-dropdown-menu-list__nested-menu__item__button>.ck-spinner-container{margin-left:calc(var(--ck-spacing-small)*-1);margin-right:var(--ck-spacing-small)}.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus{border-color:transparent;box-shadow:none}.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on){background:var(--ck-color-button-default-hover-background)}:root{--ck-dropdown-menu-menu-panel-max-width:75vw}.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel{background:var(--ck-color-dropdown-panel-background);border:1px solid var(--ck-color-dropdown-panel-border);bottom:0;box-shadow:var(--ck-drop-shadow),0 0;height:fit-content;max-width:var(--ck-dropdown-menu-menu-panel-max-width)}.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:after,.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:before{display:none}.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es,.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se{border-top-left-radius:0}.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw,.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws{border-top-right-radius:0}.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en,.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne{border-bottom-left-radius:0}.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw,.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn{border-bottom-right-radius:0}.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus{outline:none}:root{--ck-accessibility-help-dialog-max-width:600px;--ck-accessibility-help-dialog-max-height:400px;--ck-accessibility-help-dialog-border-color:#ccced1;--ck-accessibility-help-dialog-code-background-color:#ededed;--ck-accessibility-help-dialog-kbd-shadow-color:#9c9c9c}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content{border:1px solid transparent;max-height:var(--ck-accessibility-help-dialog-max-height);max-width:var(--ck-accessibility-help-dialog-max-width);overflow:auto;padding:var(--ck-spacing-large);user-select:text}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus{border:var(--ck-focus-ring);box-shadow:var(--ck-focus-outer-shadow),0 0;outline:none}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content *{white-space:normal}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label{display:none}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3{font-size:1.2em;font-weight:700}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4{font-size:1em;font-weight:700}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table{margin:1em 0}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl{border-bottom:none;border-top:1px solid var(--ck-accessibility-help-dialog-border-color);display:grid;grid-template-columns:2fr 1fr}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd,.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt{border-bottom:1px solid var(--ck-accessibility-help-dialog-border-color);padding:.4em 0}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt{grid-column-start:1}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd{grid-column-start:2;text-align:right}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code,.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd{background:var(--ck-accessibility-help-dialog-code-background-color);border-radius:2px;display:inline-block;font-size:.9em;line-height:1;padding:.4em;text-align:center;vertical-align:middle}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code{font-family:monospace}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd{box-shadow:0 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);margin:0 1px;min-width:1.8em}.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd+kbd{margin-left:2px}:root{--ck-color-editable-blur-selection:#d9d9d9}.ck.ck-editor__editable:not(.ck-editor__nested-editable){border-radius:0}.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),.ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable){border-radius:var(--ck-border-radius)}.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){border:var(--ck-focus-ring);box-shadow:var(--ck-inner-shadow),0 0;outline:none}.ck.ck-editor__editable_inline{border:1px solid transparent;overflow:auto;padding:0 var(--ck-spacing-standard)}.ck.ck-editor__editable_inline[dir=ltr]{text-align:left}.ck.ck-editor__editable_inline[dir=rtl]{text-align:right}.ck.ck-editor__editable_inline>:first-child{margin-top:var(--ck-spacing-large)}.ck.ck-editor__editable_inline>:last-child{margin-bottom:var(--ck-spacing-large)}.ck.ck-editor__editable_inline.ck-blurred ::selection{background:var(--ck-color-editable-blur-selection)}.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_n]:after{border-bottom-color:var(--ck-color-panel-background)}.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_s]:after{border-top-color:var(--ck-color-panel-background)}:root{--ck-form-header-height:44px}.ck.ck-form__header{border-bottom:1px solid var(--ck-color-base-border);height:var(--ck-form-header-height);line-height:var(--ck-form-header-height);padding:var(--ck-spacing-small) var(--ck-spacing-large)}[dir=ltr] .ck.ck-form__header>.ck-icon{margin-right:var(--ck-spacing-medium)}[dir=rtl] .ck.ck-form__header>.ck-icon{margin-left:var(--ck-spacing-medium)}.ck.ck-form__header .ck-form__header__label{--ck-font-size-base:15px;font-weight:700}:root{--ck-icon-size:calc(var(--ck-line-height-base)*var(--ck-font-size-normal));--ck-icon-font-size:.8333350694em}.ck.ck-icon{font-size:var(--ck-icon-font-size);height:var(--ck-icon-size);width:var(--ck-icon-size);will-change:transform}.ck.ck-icon,.ck.ck-icon *{cursor:inherit}.ck.ck-icon.ck-icon_inherit-color,.ck.ck-icon.ck-icon_inherit-color *{color:inherit}.ck.ck-icon.ck-icon_inherit-color :not([fill]){fill:currentColor}:root{--ck-input-width:18em;--ck-input-text-width:var(--ck-input-width)}.ck.ck-input{background:var(--ck-color-input-background);border:1px solid var(--ck-color-input-border);border-radius:0;min-height:var(--ck-ui-component-min-height);min-width:var(--ck-input-width);padding:var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);transition:box-shadow .1s ease-in-out,border .1s ease-in-out}.ck-rounded-corners .ck.ck-input,.ck.ck-input.ck-rounded-corners{border-radius:var(--ck-border-radius)}@media (prefers-reduced-motion:reduce){.ck.ck-input{transition:none}}.ck.ck-input:focus{border:var(--ck-focus-ring);box-shadow:var(--ck-focus-outer-shadow),0 0;outline:none}.ck.ck-input[readonly]{background:var(--ck-color-input-disabled-background);border:1px solid var(--ck-color-input-disabled-border);color:var(--ck-color-input-disabled-text)}.ck.ck-input[readonly]:focus{box-shadow:var(--ck-focus-disabled-outer-shadow),0 0}.ck.ck-input.ck-error{animation:ck-input-shake .3s ease both;border-color:var(--ck-color-input-error-border)}@media (prefers-reduced-motion:reduce){.ck.ck-input.ck-error{animation:none}}.ck.ck-input.ck-error:focus{box-shadow:var(--ck-focus-error-outer-shadow),0 0}@keyframes ck-input-shake{20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}}.ck.ck-label{font-weight:700}:root{--ck-labeled-field-view-transition:.1s cubic-bezier(0,0,0.24,0.95);--ck-labeled-field-empty-unfocused-max-width:100% - 2 * var(--ck-spacing-medium);--ck-labeled-field-label-default-position-x:var(--ck-spacing-medium);--ck-labeled-field-label-default-position-y:calc(var(--ck-font-size-base)*0.6);--ck-color-labeled-field-label-background:var(--ck-color-base-background)}.ck.ck-labeled-field-view{border-radius:0}.ck-rounded-corners .ck.ck-labeled-field-view,.ck.ck-labeled-field-view.ck-rounded-corners{border-radius:var(--ck-border-radius)}.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper{width:100%}.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{background:var(--ck-color-labeled-field-label-background);font-weight:400;line-height:normal;max-width:100%;overflow:hidden;padding:0 calc(var(--ck-font-size-tiny)*.5);pointer-events:none;text-overflow:ellipsis;top:0;transition:transform var(--ck-labeled-field-view-transition),padding var(--ck-labeled-field-view-transition),background var(--ck-labeled-field-view-transition)}[dir=ltr] .ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{left:0;transform:translate(var(--ck-spacing-medium),-6px) scale(.75);transform-origin:0 0}[dir=rtl] .ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{right:0;transform:translate(calc(var(--ck-spacing-medium)*-1),-6px) scale(.75);transform-origin:100% 0}@media (prefers-reduced-motion:reduce){.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{transition:none}}.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly])+.ck.ck-label,.ck.ck-labeled-field-view.ck-error>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{color:var(--ck-color-base-error)}.ck.ck-labeled-field-view .ck-labeled-field-view__status{font-size:var(--ck-font-size-small);margin-top:var(--ck-spacing-small);white-space:normal}.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error{color:var(--ck-color-base-error)}.ck.ck-labeled-field-view.ck-disabled>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{color:var(--ck-color-input-disabled-text)}.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{background:transparent;max-width:calc(var(--ck-labeled-field-empty-unfocused-max-width));padding:0}[dir=ltr] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,[dir=ltr] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{transform:translate(var(--ck-labeled-field-label-default-position-x),var(--ck-labeled-field-label-default-position-y)) scale(1)}[dir=rtl] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,[dir=rtl] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{transform:translate(calc(var(--ck-labeled-field-label-default-position-x)*-1),var(--ck-labeled-field-label-default-position-y)) scale(1)}.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck-dropdown>.ck.ck-button{background:transparent}.ck.ck-labeled-field-view.ck-labeled-field-view_empty>.ck.ck-labeled-field-view__input-wrapper>.ck-dropdown>.ck-button>.ck-button__label{opacity:0}.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck-dropdown+.ck-label{max-width:calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard))}.ck.ck-labeled-input .ck-labeled-input__status{font-size:var(--ck-font-size-small);margin-top:var(--ck-spacing-small);white-space:normal}.ck.ck-labeled-input .ck-labeled-input__status_error{color:var(--ck-color-base-error)}.ck.ck-list{background:var(--ck-color-list-background);border-radius:0;list-style-type:none;padding:var(--ck-spacing-small) 0}.ck-rounded-corners .ck.ck-list,.ck.ck-list.ck-rounded-corners{border-radius:var(--ck-border-radius)}.ck.ck-list__item{cursor:default;min-width:15em}.ck.ck-list__item>.ck-button:not(.ck-list-item-button){border-radius:0;min-height:unset;padding:var(--ck-spacing-tiny) calc(var(--ck-spacing-standard)*2);width:100%}[dir=ltr] .ck.ck-list__item>.ck-button:not(.ck-list-item-button){text-align:left}[dir=rtl] .ck.ck-list__item>.ck-button:not(.ck-list-item-button){text-align:right}.ck.ck-list__item>.ck-button:not(.ck-list-item-button) .ck-button__label{line-height:calc(var(--ck-line-height-base)*var(--ck-font-size-base))}.ck.ck-list__item>.ck-button:not(.ck-list-item-button):active{box-shadow:none}.ck.ck-list__item>.ck-button.ck-on:not(.ck-list-item-button){background:var(--ck-color-list-button-on-background);color:var(--ck-color-list-button-on-text)}.ck.ck-list__item>.ck-button.ck-on:not(.ck-list-item-button):active{box-shadow:none}.ck.ck-list__item>.ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled){background:var(--ck-color-list-button-on-background-focus)}.ck.ck-list__item>.ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled){border-color:var(--ck-color-base-background)}.ck.ck-list__item>.ck-button:not(.ck-list-item-button):hover:not(.ck-disabled){background:var(--ck-color-list-button-hover-background)}.ck.ck-list__item>.ck-button.ck-switchbutton.ck-on{background:var(--ck-color-list-background);color:inherit}.ck.ck-list__item>.ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled){background:var(--ck-color-list-button-hover-background);color:inherit}.ck-list .ck-list__group{padding-top:var(--ck-spacing-medium)}.ck-list .ck-list__group:first-child{padding-top:0}:not(.ck-hidden)~.ck-list .ck-list__group{border-top:1px solid var(--ck-color-base-border)}.ck-list .ck-list__group>.ck-label{font-size:11px;font-weight:700;padding:var(--ck-spacing-medium) var(--ck-spacing-large) 0}.ck.ck-list__separator{background:var(--ck-color-base-border);height:1px;margin:var(--ck-spacing-small) 0;width:100%}.ck.ck-menu-bar{background:var(--ck-color-base-background);border:1px solid var(--ck-color-toolbar-border);display:flex;flex-wrap:wrap;gap:var(--ck-spacing-small);justify-content:flex-start;padding:var(--ck-spacing-small);width:100%}.ck.ck-menu-bar__menu{font-size:inherit}.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level{max-width:100%}.ck.ck-menu-bar__menu>.ck-menu-bar__menu__button{width:100%}.ck.ck-menu-bar__menu>.ck-menu-bar__menu__button>.ck-button__label{flex-grow:1;overflow:hidden;text-overflow:ellipsis}.ck.ck-menu-bar__menu>.ck-menu-bar__menu__button.ck-disabled>.ck-button__label{opacity:var(--ck-disabled-opacity)}[dir=ltr] .ck.ck-menu-bar__menu>.ck-menu-bar__menu__button:not(.ck-button_with-text){padding-left:var(--ck-spacing-small)}[dir=rtl] .ck.ck-menu-bar__menu>.ck-menu-bar__menu__button:not(.ck-button_with-text){padding-right:var(--ck-spacing-small)}.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level>.ck-menu-bar__menu__button{min-height:unset;padding:var(--ck-spacing-small) var(--ck-spacing-medium)}.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level>.ck-menu-bar__menu__button .ck-button__label{line-height:unset;width:unset}.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level>.ck-menu-bar__menu__button.ck-on{border-bottom-left-radius:0;border-bottom-right-radius:0}.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level>.ck-menu-bar__menu__button .ck-icon{display:none}.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button{border-radius:0}.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button>.ck-menu-bar__menu__button__arrow{width:var(--ck-dropdown-arrow-size)}[dir=ltr] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button>.ck-menu-bar__menu__button__arrow{margin-left:var(--ck-spacing-standard);margin-right:calc(var(--ck-spacing-small)*-1);transform:rotate(-90deg)}[dir=rtl] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button>.ck-menu-bar__menu__button__arrow{left:var(--ck-spacing-standard);margin-left:calc(var(--ck-spacing-small)*-1);margin-right:var(--ck-spacing-small);transform:rotate(90deg)}.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled>.ck-menu-bar__menu__button__arrow{opacity:var(--ck-disabled-opacity)}:root{--ck-menu-bar-menu-item-min-width:18em}.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item{min-width:var(--ck-menu-bar-menu-item-min-width)}.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button{border-radius:0}.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button>.ck-spinner-container,.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button>.ck-spinner-container .ck-spinner{--ck-toolbar-spinner-size:20px}.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button>.ck-spinner-container{font-size:var(--ck-icon-font-size)}[dir=ltr] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button>.ck-spinner-container{margin-right:var(--ck-spacing-medium)}[dir=rtl] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button>.ck-spinner-container{margin-left:var(--ck-spacing-medium)}:root{--ck-menu-bar-menu-panel-max-width:75vw}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel{background:var(--ck-color-dropdown-panel-background);border:1px solid var(--ck-color-dropdown-panel-border);border-radius:0;bottom:0;height:fit-content;max-width:var(--ck-menu-bar-menu-panel-max-width)}.ck-rounded-corners .ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-rounded-corners{border-radius:var(--ck-border-radius)}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel{box-shadow:var(--ck-drop-shadow),0 0}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se{border-top-left-radius:0}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws{border-top-right-radius:0}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne{border-bottom-left-radius:0}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn{border-bottom-right-radius:0}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel:focus{outline:none}.ck.ck-menu-bar .ck-list-item-button:active,.ck.ck-menu-bar .ck-list-item-button:focus{border-color:transparent;box-shadow:none}.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active,.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus{border:var(--ck-focus-ring);box-shadow:var(--ck-focus-outer-shadow),0 0;outline:none;position:relative;z-index:2}:root{--ck-balloon-border-width:1px;--ck-balloon-arrow-offset:2px;--ck-balloon-arrow-height:10px;--ck-balloon-arrow-half-width:8px;--ck-balloon-arrow-drop-shadow:0 2px 2px var(--ck-color-shadow-drop)}.ck.ck-balloon-panel{background:var(--ck-color-panel-background);border:var(--ck-balloon-border-width) solid var(--ck-color-panel-border);border-radius:0;min-height:15px}.ck-rounded-corners .ck.ck-balloon-panel,.ck.ck-balloon-panel.ck-rounded-corners{border-radius:var(--ck-border-radius)}.ck.ck-balloon-panel{box-shadow:var(--ck-drop-shadow),0 0}.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after,.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before{border-style:solid;height:0;width:0}.ck.ck-balloon-panel[class*=arrow_n]:after,.ck.ck-balloon-panel[class*=arrow_n]:before{border-width:0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width)}.ck.ck-balloon-panel[class*=arrow_n]:before{border-color:transparent transparent var(--ck-color-panel-border) transparent;margin-top:calc(var(--ck-balloon-border-width)*-1)}.ck.ck-balloon-panel[class*=arrow_n]:after{border-color:transparent transparent var(--ck-color-panel-background) transparent;margin-top:calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width))}.ck.ck-balloon-panel[class*=arrow_s]:after,.ck.ck-balloon-panel[class*=arrow_s]:before{border-width:var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width)}.ck.ck-balloon-panel[class*=arrow_s]:before{border-color:var(--ck-color-panel-border) transparent transparent;filter:drop-shadow(var(--ck-balloon-arrow-drop-shadow));margin-bottom:calc(var(--ck-balloon-border-width)*-1)}.ck.ck-balloon-panel[class*=arrow_s]:after{border-color:var(--ck-color-panel-background) transparent transparent transparent;margin-bottom:calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width))}.ck.ck-balloon-panel[class*=arrow_e]:after,.ck.ck-balloon-panel[class*=arrow_e]:before{border-width:var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height)}.ck.ck-balloon-panel[class*=arrow_e]:before{border-color:transparent transparent transparent var(--ck-color-panel-border);margin-right:calc(var(--ck-balloon-border-width)*-1)}.ck.ck-balloon-panel[class*=arrow_e]:after{border-color:transparent transparent transparent var(--ck-color-panel-background);margin-right:calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width))}.ck.ck-balloon-panel[class*=arrow_w]:after,.ck.ck-balloon-panel[class*=arrow_w]:before{border-width:var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0}.ck.ck-balloon-panel[class*=arrow_w]:before{border-color:transparent var(--ck-color-panel-border) transparent transparent;margin-left:calc(var(--ck-balloon-border-width)*-1)}.ck.ck-balloon-panel[class*=arrow_w]:after{border-color:transparent var(--ck-color-panel-background) transparent transparent;margin-left:calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width))}.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:before{left:50%;margin-left:calc(var(--ck-balloon-arrow-half-width)*-1);top:calc(var(--ck-balloon-arrow-height)*-1)}.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:before{left:calc(var(--ck-balloon-arrow-half-width)*2);top:calc(var(--ck-balloon-arrow-height)*-1)}.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:before{right:calc(var(--ck-balloon-arrow-half-width)*2);top:calc(var(--ck-balloon-arrow-height)*-1)}.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:before{bottom:calc(var(--ck-balloon-arrow-height)*-1);left:50%;margin-left:calc(var(--ck-balloon-arrow-half-width)*-1)}.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:before{bottom:calc(var(--ck-balloon-arrow-height)*-1);left:calc(var(--ck-balloon-arrow-half-width)*2)}.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:before{bottom:calc(var(--ck-balloon-arrow-height)*-1);right:calc(var(--ck-balloon-arrow-half-width)*2)}.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:before{bottom:calc(var(--ck-balloon-arrow-height)*-1);margin-right:calc(var(--ck-balloon-arrow-half-width)*2);right:25%}.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:before{bottom:calc(var(--ck-balloon-arrow-height)*-1);left:25%;margin-left:calc(var(--ck-balloon-arrow-half-width)*2)}.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:before{margin-right:calc(var(--ck-balloon-arrow-half-width)*2);right:25%;top:calc(var(--ck-balloon-arrow-height)*-1)}.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:before{left:25%;margin-left:calc(var(--ck-balloon-arrow-half-width)*2);top:calc(var(--ck-balloon-arrow-height)*-1)}.ck.ck-balloon-panel.ck-balloon-panel_arrow_e:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_e:before{margin-top:calc(var(--ck-balloon-arrow-half-width)*-1);right:calc(var(--ck-balloon-arrow-height)*-1);top:50%}.ck.ck-balloon-panel.ck-balloon-panel_arrow_w:after,.ck.ck-balloon-panel.ck-balloon-panel_arrow_w:before{left:calc(var(--ck-balloon-arrow-height)*-1);margin-top:calc(var(--ck-balloon-arrow-half-width)*-1);top:50%}.ck .ck-balloon-rotator__navigation{background:var(--ck-color-toolbar-background);border-bottom:1px solid var(--ck-color-toolbar-border);padding:0 var(--ck-spacing-small)}.ck .ck-balloon-rotator__navigation>*{margin-bottom:var(--ck-spacing-small);margin-right:var(--ck-spacing-small);margin-top:var(--ck-spacing-small)}.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter{margin-left:var(--ck-spacing-small);margin-right:var(--ck-spacing-standard)}.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper{box-shadow:none}:root{--ck-balloon-fake-panel-offset-horizontal:6px;--ck-balloon-fake-panel-offset-vertical:6px}.ck .ck-fake-panel div{background:var(--ck-color-panel-background);border:1px solid var(--ck-color-panel-border);border-radius:var(--ck-border-radius);box-shadow:var(--ck-drop-shadow),0 0;height:100%;min-height:15px;width:100%}.ck .ck-fake-panel div:first-child{margin-left:var(--ck-balloon-fake-panel-offset-horizontal);margin-top:var(--ck-balloon-fake-panel-offset-vertical)}.ck .ck-fake-panel div:nth-child(2){margin-left:calc(var(--ck-balloon-fake-panel-offset-horizontal)*2);margin-top:calc(var(--ck-balloon-fake-panel-offset-vertical)*2)}.ck .ck-fake-panel div:nth-child(3){margin-left:calc(var(--ck-balloon-fake-panel-offset-horizontal)*3);margin-top:calc(var(--ck-balloon-fake-panel-offset-vertical)*3)}.ck .ck-balloon-panel_arrow_s+.ck-fake-panel,.ck .ck-balloon-panel_arrow_se+.ck-fake-panel,.ck .ck-balloon-panel_arrow_sw+.ck-fake-panel{--ck-balloon-fake-panel-offset-vertical:-6px}.ck.ck-sticky-panel .ck-sticky-panel__content_sticky{border-top-left-radius:0;border-top-right-radius:0;border-width:0 1px 1px;box-shadow:var(--ck-drop-shadow),0 0}.ck-vertical-form>.ck-button:nth-last-child(2):after{border-right:1px solid var(--ck-color-base-border)}.ck.ck-responsive-form{padding:var(--ck-spacing-large)}.ck.ck-responsive-form:focus{outline:none}[dir=ltr] .ck.ck-responsive-form>:not(:first-child),[dir=rtl] .ck.ck-responsive-form>:not(:last-child){margin-left:var(--ck-spacing-standard)}@media screen and (max-width:600px){.ck.ck-responsive-form{padding:0;width:calc(var(--ck-input-width)*.8)}.ck.ck-responsive-form .ck-labeled-field-view{margin:var(--ck-spacing-large) var(--ck-spacing-large) 0}.ck.ck-responsive-form .ck-labeled-field-view .ck-input-number,.ck.ck-responsive-form .ck-labeled-field-view .ck-input-text{min-width:0;width:100%}.ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error{white-space:normal}.ck.ck-responsive-form>.ck-button:nth-last-child(2):after{border-right:1px solid var(--ck-color-base-border)}.ck.ck-responsive-form>.ck-button:last-child,.ck.ck-responsive-form>.ck-button:nth-last-child(2){border-radius:0;margin-top:var(--ck-spacing-large);padding:var(--ck-spacing-standard)}.ck.ck-responsive-form>.ck-button:last-child:not(:focus),.ck.ck-responsive-form>.ck-button:nth-last-child(2):not(:focus){border-top:1px solid var(--ck-color-base-border)}[dir=ltr] .ck.ck-responsive-form>.ck-button:last-child,[dir=ltr] .ck.ck-responsive-form>.ck-button:nth-last-child(2),[dir=rtl] .ck.ck-responsive-form>.ck-button:last-child,[dir=rtl] .ck.ck-responsive-form>.ck-button:nth-last-child(2){margin-left:0}[dir=rtl] .ck.ck-responsive-form>.ck-button:last-child:last-of-type,[dir=rtl] .ck.ck-responsive-form>.ck-button:nth-last-child(2):last-of-type{border-right:1px solid var(--ck-color-base-border)}}:root{--ck-search-field-view-horizontal-spacing:calc(var(--ck-icon-size) + var(--ck-spacing-medium))}.ck.ck-search>.ck-labeled-field-view .ck-input{width:100%}.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-icon{--ck-labeled-field-label-default-position-x:var(--ck-search-field-view-horizontal-spacing)}.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-icon>.ck-labeled-field-view__input-wrapper>.ck-icon{opacity:.5;pointer-events:none}.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-icon .ck-input{width:100%}[dir=ltr] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-icon .ck-input,[dir=rtl] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty){padding-left:var(--ck-search-field-view-horizontal-spacing)}.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset{--ck-labeled-field-empty-unfocused-max-width:100% - 2 * var(--ck-search-field-view-horizontal-spacing)}.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty{--ck-labeled-field-empty-unfocused-max-width:100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium)}.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset{background:none;min-height:auto;min-width:auto;opacity:.5;padding:0}[dir=ltr] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset{right:var(--ck-spacing-medium)}[dir=rtl] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset{left:var(--ck-spacing-medium)}.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover{opacity:1}.ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-input{width:100%}[dir=ltr] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty),[dir=rtl] .ck.ck-search>.ck-labeled-field-view.ck-search__query_with-reset .ck-input{padding-right:var(--ck-search-field-view-horizontal-spacing)}.ck.ck-search>.ck-search__results{min-width:100%}.ck.ck-search>.ck-search__results>.ck-search__info{padding:var(--ck-spacing-medium) var(--ck-spacing-large);width:100%}.ck.ck-search>.ck-search__results>.ck-search__info *{white-space:normal}.ck.ck-search>.ck-search__results>.ck-search__info>span:first-child{font-weight:700}.ck.ck-search>.ck-search__results>.ck-search__info>span:last-child{margin-top:var(--ck-spacing-medium)}.ck.ck-spinner-container{animation:ck-spinner-rotate 1.5s linear infinite;height:var(--ck-toolbar-spinner-size);width:var(--ck-toolbar-spinner-size)}@media (prefers-reduced-motion:reduce){.ck.ck-spinner-container{animation-duration:3s}}.ck.ck-spinner{border:2px solid var(--ck-color-text);border-radius:50%;border-top:2px solid transparent;height:var(--ck-toolbar-spinner-size);width:var(--ck-toolbar-spinner-size)}@keyframes ck-spinner-rotate{to{transform:rotate(1turn)}}.ck-textarea{overflow-x:hidden}:root{--ck-color-block-toolbar-button:var(--ck-color-text);--ck-block-toolbar-button-size:var(--ck-font-size-normal)}.ck.ck-block-toolbar-button{color:var(--ck-color-block-toolbar-button);font-size:var(--ck-block-toolbar-size)}.ck.ck-toolbar{background:var(--ck-color-toolbar-background);border:1px solid var(--ck-color-toolbar-border);border-radius:0;padding:0 var(--ck-spacing-small)}.ck-rounded-corners .ck.ck-toolbar,.ck.ck-toolbar.ck-rounded-corners{border-radius:var(--ck-border-radius)}.ck.ck-toolbar .ck.ck-toolbar__separator{background:var(--ck-color-toolbar-border);height:var(--ck-icon-size);margin-bottom:var(--ck-spacing-small);margin-top:var(--ck-spacing-small);min-width:1px;width:1px}.ck.ck-toolbar .ck-toolbar__line-break{height:0}.ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break){margin-right:var(--ck-spacing-small)}.ck.ck-toolbar>.ck-toolbar__items:empty+.ck.ck-toolbar__separator{display:none}.ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break),.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown{margin-bottom:var(--ck-spacing-small);margin-top:var(--ck-spacing-small)}.ck.ck-toolbar.ck-toolbar_vertical{padding:0}.ck.ck-toolbar.ck-toolbar_vertical>.ck-toolbar__items>.ck{border-radius:0;margin:0;width:100%}.ck.ck-toolbar.ck-toolbar_compact{padding:0}.ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>*{margin:0}.ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>:not(:first-child):not(:last-child){border-radius:0}.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown>.ck.ck-button.ck-dropdown__button{padding-left:var(--ck-spacing-tiny)}.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown>.ck-dropdown__panel{min-width:auto}.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown>.ck-button>.ck-button__label{max-width:7em;width:auto}.ck.ck-toolbar:focus{outline:none}.ck-toolbar-container .ck.ck-toolbar{border:0}.ck.ck-toolbar[dir=rtl]>.ck-toolbar__items>.ck,[dir=rtl] .ck.ck-toolbar>.ck-toolbar__items>.ck{margin-right:0}.ck.ck-toolbar[dir=rtl]:not(.ck-toolbar_compact)>.ck-toolbar__items>.ck,[dir=rtl] .ck.ck-toolbar:not(.ck-toolbar_compact)>.ck-toolbar__items>.ck{margin-left:var(--ck-spacing-small)}.ck.ck-toolbar[dir=rtl]>.ck-toolbar__items>.ck:last-child,[dir=rtl] .ck.ck-toolbar>.ck-toolbar__items>.ck:last-child{margin-left:0}.ck.ck-toolbar.ck-toolbar_compact[dir=rtl]>.ck-toolbar__items>.ck:first-child,[dir=rtl] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.ck.ck-toolbar.ck-toolbar_compact[dir=rtl]>.ck-toolbar__items>.ck:last-child,[dir=rtl] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:last-child{border-bottom-right-radius:0;border-top-right-radius:0}.ck.ck-toolbar.ck-toolbar_grouping[dir=rtl]>.ck-toolbar__items:not(:empty):not(:only-child),.ck.ck-toolbar[dir=rtl]>.ck.ck-toolbar__separator,[dir=rtl] .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items:not(:empty):not(:only-child),[dir=rtl] .ck.ck-toolbar>.ck.ck-toolbar__separator{margin-left:var(--ck-spacing-small)}.ck.ck-toolbar[dir=ltr]>.ck-toolbar__items>.ck:last-child,[dir=ltr] .ck.ck-toolbar>.ck-toolbar__items>.ck:last-child{margin-right:0}.ck.ck-toolbar.ck-toolbar_compact[dir=ltr]>.ck-toolbar__items>.ck:first-child,[dir=ltr] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.ck.ck-toolbar.ck-toolbar_compact[dir=ltr]>.ck-toolbar__items>.ck:last-child,[dir=ltr] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.ck.ck-toolbar.ck-toolbar_grouping[dir=ltr]>.ck-toolbar__items:not(:empty):not(:only-child),.ck.ck-toolbar[dir=ltr]>.ck.ck-toolbar__separator,[dir=ltr] .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items:not(:empty):not(:only-child),[dir=ltr] .ck.ck-toolbar>.ck.ck-toolbar__separator{margin-right:var(--ck-spacing-small)}.ck.ck-balloon-panel.ck-tooltip{--ck-balloon-border-width:0px;--ck-balloon-arrow-offset:0px;--ck-balloon-arrow-half-width:4px;--ck-balloon-arrow-height:4px;--ck-tooltip-text-padding:4px;--ck-color-panel-background:var(--ck-color-tooltip-background);box-shadow:none;padding:0 var(--ck-spacing-medium)}.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text{color:var(--ck-color-tooltip-text);font-size:.9em;line-height:1.5}.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text{display:inline-block;max-width:200px;padding:var(--ck-tooltip-text-padding) 0;white-space:break-spaces}.ck.ck-balloon-panel.ck-tooltip:before{display:none}.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content{border:solid var(--ck-color-base-border);border-radius:0;border-width:1px 1px 0}.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners{border-radius:var(--ck-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky{border-bottom-width:1px}.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar{border:0;border-bottom:1px solid var(--ck-color-base-border)}.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar{border:0}.ck.ck-editor__main>.ck-editor__editable{background:var(--ck-color-base-background);border-radius:0}.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{border-radius:var(--ck-border-radius);border-top-left-radius:0;border-top-right-radius:0}.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){border-color:var(--ck-color-base-border)}:root{--ck-clipboard-drop-target-dot-width:12px;--ck-clipboard-drop-target-dot-height:8px;--ck-clipboard-drop-target-color:var(--ck-color-focus-border)}.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span{background:var(--ck-clipboard-drop-target-color);border:1px solid var(--ck-clipboard-drop-target-color);bottom:calc(var(--ck-clipboard-drop-target-dot-height)*-.5);margin-left:-1px;top:calc(var(--ck-clipboard-drop-target-dot-height)*-.5)}.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span:after{border-color:var(--ck-clipboard-drop-target-color) transparent transparent transparent;border-style:solid;border-width:calc(var(--ck-clipboard-drop-target-dot-height)) calc(var(--ck-clipboard-drop-target-dot-width)*.5) 0 calc(var(--ck-clipboard-drop-target-dot-width)*.5);content:"";display:block;height:0;left:50%;position:absolute;top:calc(var(--ck-clipboard-drop-target-dot-height)*-.5);transform:translateX(-50%);width:0}.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range{outline:var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color)!important}.ck.ck-editor__editable .ck-widget:-webkit-drag{zoom:.6;outline:none!important}.ck.ck-clipboard-drop-target-line{background:var(--ck-clipboard-drop-target-color);border:1px solid var(--ck-clipboard-drop-target-color);height:0;margin-top:-1px}.ck.ck-clipboard-drop-target-line:before{border-style:solid;content:"";height:0;position:absolute;top:calc(var(--ck-clipboard-drop-target-dot-width)*-.5);width:0}[dir=ltr] .ck.ck-clipboard-drop-target-line:before{border-color:transparent transparent transparent var(--ck-clipboard-drop-target-color);border-width:calc(var(--ck-clipboard-drop-target-dot-width)*.5) 0 calc(var(--ck-clipboard-drop-target-dot-width)*.5) var(--ck-clipboard-drop-target-dot-height);left:-1px}[dir=rtl] .ck.ck-clipboard-drop-target-line:before{border-color:transparent var(--ck-clipboard-drop-target-color) transparent transparent;border-width:calc(var(--ck-clipboard-drop-target-dot-width)*.5) var(--ck-clipboard-drop-target-dot-height) calc(var(--ck-clipboard-drop-target-dot-width)*.5) 0;right:-1px}:root{--ck-color-code-block-label-background:#757575}.ck.ck-editor__editable pre[data-language]:after{background:var(--ck-color-code-block-label-background);color:#fff;font-family:var(--ck-font-face);font-size:10px;line-height:16px;padding:var(--ck-spacing-tiny) var(--ck-spacing-medium);right:10px;top:-1px;white-space:nowrap}.ck.ck-code-block-dropdown .ck-dropdown__panel{max-height:250px;overflow-x:hidden;overflow-y:auto}@media (forced-colors:active){.ck .ck-placeholder,.ck.ck-placeholder{forced-color-adjust:preserve-parent-color}}.ck .ck-placeholder:before,.ck.ck-placeholder:before{cursor:text}@media (forced-colors:none){.ck .ck-placeholder:before,.ck.ck-placeholder:before{color:var(--ck-color-engine-placeholder-text)}}@media (forced-colors:active){.ck .ck-placeholder:before,.ck.ck-placeholder:before{font-style:italic;margin-left:1px}}.ck.ck-find-and-replace-form{width:400px}.ck.ck-find-and-replace-form:focus{outline:none}.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs{align-content:stretch;align-items:center;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;margin:0;padding:var(--ck-spacing-large)}.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions>.ck-button,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-button{flex:0 0 auto}[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions>*+*,[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>*+*{margin-left:var(--ck-spacing-standard)}[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions>*+*,[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>*+*{margin-right:var(--ck-spacing-standard)}.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view{flex:1 1 auto}.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input{min-width:50px;width:100%}.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs{align-items:flex-start}.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-button-prev>.ck-icon{transform:rotate(90deg)}.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-button-next>.ck-icon{transform:rotate(-90deg)}.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter{color:var(--ck-color-base-border);top:50%;transform:translateY(-50%)}[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter{right:var(--ck-spacing-standard)}[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter{left:var(--ck-spacing-standard)}.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-labeled-field-replace{flex:0 0 100%;padding-top:var(--ck-spacing-standard)}[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-labeled-field-replace{margin-left:0}[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs>.ck-labeled-field-replace{margin-right:0}.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions{flex-wrap:wrap;justify-content:flex-end;margin-top:calc(var(--ck-spacing-large)*-1)}.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions>.ck-button-find{font-weight:700}.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions>.ck-button-find .ck-button__label{padding-left:var(--ck-spacing-large);padding-right:var(--ck-spacing-large)}.ck.ck-find-and-replace-form .ck-switchbutton{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%}@media screen and (max-width:600px){.ck.ck-find-and-replace-form{max-width:100%;width:300px}.ck.ck-find-and-replace-form.ck-find-and-replace-form__input{flex-wrap:wrap}.ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view{flex:1 0 auto;margin-bottom:var(--ck-spacing-standard);width:100%}.ck.ck-find-and-replace-form.ck-find-and-replace-form__input>.ck-button{text-align:center}.ck.ck-find-and-replace-form.ck-find-and-replace-form__input>.ck-button:first-of-type{flex:1 1 auto}[dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input>.ck-button:first-of-type{margin-left:0}[dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input>.ck-button:first-of-type{margin-right:0}.ck.ck-find-and-replace-form.ck-find-and-replace-form__input>.ck-button:first-of-type .ck-button__label{text-align:center;width:100%}.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view){flex:1 1 auto;flex-wrap:wrap}.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view)>.ck-button{text-align:center}.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view)>.ck-button:first-of-type{flex:1 1 auto}[dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view)>.ck-button:first-of-type{margin-left:0}[dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view)>.ck-button:first-of-type{margin-right:0}.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions>:not(.ck-labeled-field-view)>.ck-button .ck-button__label{text-align:center;width:100%}}.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label{width:8em}.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item{min-width:18em}:root{--ck-html-embed-content-width:calc(100% - var(--ck-icon-size)*1.5);--ck-html-embed-source-height:10em;--ck-html-embed-unfocused-outline-width:1px;--ck-html-embed-content-min-height:calc(var(--ck-icon-size) + var(--ck-spacing-standard));--ck-html-embed-source-disabled-background:var(--ck-color-base-foreground);--ck-html-embed-source-disabled-color:#737373}.ck-widget.raw-html-embed{background-color:var(--ck-color-base-foreground);font-size:var(--ck-font-size-base)}.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover){outline:var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border)}.ck-widget.raw-html-embed[dir=ltr]{text-align:left}.ck-widget.raw-html-embed[dir=rtl]{text-align:right}.ck-widget.raw-html-embed:before{background:#999;border-radius:0 0 var(--ck-border-radius) var(--ck-border-radius);color:var(--ck-color-base-background);content:attr(data-html-embed-label);font-family:var(--ck-font-face);font-size:var(--ck-font-size-tiny);left:var(--ck-spacing-standard);padding:calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);top:calc(var(--ck-html-embed-unfocused-outline-width)*-1);transition:background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve)}.ck-widget.raw-html-embed[dir=rtl]:before{left:auto;right:var(--ck-spacing-standard)}.ck-widget.raw-html-embed[dir=ltr] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before{margin-left:50px}.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected:before{padding:var(--ck-spacing-tiny) var(--ck-spacing-small);top:0}.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected:before{background:var(--ck-color-focus-border);padding:var(--ck-spacing-tiny) var(--ck-spacing-small);top:0}.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover:before{padding:var(--ck-spacing-tiny) var(--ck-spacing-small);top:0}.ck-widget.raw-html-embed .raw-html-embed__content-wrapper{padding:var(--ck-spacing-standard)}.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper{right:var(--ck-spacing-standard);top:var(--ck-spacing-standard)}.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button{color:var(--ck-color-button-save)}.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button{color:var(--ck-color-button-cancel)}.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child){margin-top:var(--ck-spacing-small)}.ck-widget.raw-html-embed[dir=rtl] .raw-html-embed__buttons-wrapper{left:var(--ck-spacing-standard);right:auto}.ck-widget.raw-html-embed .raw-html-embed__source{box-sizing:border-box;direction:ltr;font-family:monospace;font-size:var(--ck-font-size-base);height:var(--ck-html-embed-source-height);min-width:0;padding:var(--ck-spacing-standard);resize:none;tab-size:4;text-align:left;white-space:pre-wrap;width:var(--ck-html-embed-content-width)}.ck-widget.raw-html-embed .raw-html-embed__source[disabled]{-webkit-text-fill-color:var(--ck-html-embed-source-disabled-color);background:var(--ck-html-embed-source-disabled-background);color:var(--ck-html-embed-source-disabled-color);opacity:1}.ck-widget.raw-html-embed .raw-html-embed__preview{min-height:var(--ck-html-embed-content-min-height);width:var(--ck-html-embed-content-width)}.ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview{pointer-events:none}.ck-widget.raw-html-embed .raw-html-embed__preview-content{background-color:var(--ck-color-base-foreground);box-sizing:border-box}.ck-widget.raw-html-embed .raw-html-embed__preview-content>*{margin-left:auto;margin-right:auto}.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder{color:var(--ck-html-embed-source-disabled-color)}:root{--ck-image-insert-insert-by-url-width:250px}.ck.ck-image-insert-url{--ck-input-width:100%}.ck.ck-image-insert-url .ck-image-insert-url__action-row{grid-column-gap:var(--ck-spacing-large);margin-top:var(--ck-spacing-large)}.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel,.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save{justify-content:center;min-width:auto}.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label{color:var(--ck-color-text)}.ck.ck-image-insert-form>.ck.ck-button{display:block;width:100%}[dir=ltr] .ck.ck-image-insert-form>.ck.ck-button{text-align:left}[dir=rtl] .ck.ck-image-insert-form>.ck.ck-button{text-align:right}.ck.ck-image-insert-form>.ck.ck-collapsible{min-width:var(--ck-image-insert-insert-by-url-width)}.ck.ck-image-insert-form>.ck.ck-collapsible:not(:first-child){border-top:1px solid var(--ck-color-base-border)}.ck.ck-image-insert-form>.ck.ck-collapsible:not(:last-child){border-bottom:1px solid var(--ck-color-base-border)}.ck.ck-image-insert-form>.ck.ck-image-insert-url{min-width:var(--ck-image-insert-insert-by-url-width);padding:var(--ck-spacing-large)}.ck.ck-image-insert-form:focus{outline:none}:root{--ck-color-image-upload-icon:#fff;--ck-color-image-upload-icon-background:#008a00;--ck-image-upload-icon-size:20;--ck-image-upload-icon-width:2px;--ck-image-upload-icon-is-visible:clamp(0px,100% - 50px,1px)}.ck-image-upload-complete-icon{animation-delay:0ms,3s;animation-duration:.5s,.5s;animation-fill-mode:forwards,forwards;animation-name:ck-upload-complete-icon-show,ck-upload-complete-icon-hide;background:var(--ck-color-image-upload-icon-background);font-size:calc(1px*var(--ck-image-upload-icon-size));height:calc(var(--ck-image-upload-icon-is-visible)*var(--ck-image-upload-icon-size));opacity:0;overflow:hidden;width:calc(var(--ck-image-upload-icon-is-visible)*var(--ck-image-upload-icon-size))}.ck-image-upload-complete-icon:after{animation-delay:.5s;animation-duration:.5s;animation-fill-mode:forwards;animation-name:ck-upload-complete-icon-check;border-right:var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);border-top:var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);box-sizing:border-box;height:0;left:25%;opacity:0;top:50%;transform:scaleX(-1) rotate(135deg);transform-origin:left top;width:0}@media (prefers-reduced-motion:reduce){.ck-image-upload-complete-icon{animation-duration:0ms}.ck-image-upload-complete-icon:after{animation:none;height:.45em;opacity:1;width:.3em}}@keyframes ck-upload-complete-icon-show{0%{opacity:0}to{opacity:1}}@keyframes ck-upload-complete-icon-hide{0%{opacity:1}to{opacity:0}}@keyframes ck-upload-complete-icon-check{0%{height:0;opacity:1;width:0}33%{height:0;width:.3em}to{height:.45em;opacity:1;width:.3em}}:root{--ck-color-upload-placeholder-loader:#b3b3b3;--ck-upload-placeholder-loader-size:32px;--ck-upload-placeholder-image-aspect-ratio:2.8}.ck .ck-image-upload-placeholder{margin:0;width:100%}.ck .ck-image-upload-placeholder.image-inline{width:calc(var(--ck-upload-placeholder-loader-size)*2*var(--ck-upload-placeholder-image-aspect-ratio))}.ck .ck-image-upload-placeholder img{aspect-ratio:var(--ck-upload-placeholder-image-aspect-ratio)}.ck .ck-upload-placeholder-loader{height:100%;width:100%}.ck .ck-upload-placeholder-loader:before{animation:ck-upload-placeholder-loader 1s linear infinite;border-radius:50%;border-right:2px solid transparent;border-top:3px solid var(--ck-color-upload-placeholder-loader);height:var(--ck-upload-placeholder-loader-size);width:var(--ck-upload-placeholder-loader-size)}@keyframes ck-upload-placeholder-loader{to{transform:rotate(1turn)}}.ck.ck-editor__editable .image-inline.ck-appear,.ck.ck-editor__editable .image.ck-appear{animation:fadeIn .7s}@media (prefers-reduced-motion:reduce){.ck.ck-editor__editable .image-inline.ck-appear,.ck.ck-editor__editable .image.ck-appear{animation:none;opacity:1}}.ck.ck-editor__editable .image .ck-progress-bar,.ck.ck-editor__editable .image-inline .ck-progress-bar{background:var(--ck-color-upload-bar-background);height:2px;transition:width .1s;width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ck .ck-link_selected{background:var(--ck-color-link-selected-background)}.ck .ck-link_selected span.image-inline{outline:var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background)}.ck .ck-fake-link-selection{background:var(--ck-color-link-fake-selection)}.ck .ck-fake-link-selection_collapsed{border-right:1px solid var(--ck-color-base-text);height:100%;margin-right:-1px;outline:1px solid hsla(0,0%,100%,.5)}.ck.ck-link-actions .ck-button.ck-link-actions__preview{padding-left:0;padding-right:0}.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label{color:var(--ck-color-link-default);cursor:pointer;max-width:var(--ck-input-width);min-width:3em;padding:0 var(--ck-spacing-medium);text-align:center;text-overflow:ellipsis}.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover{text-decoration:underline}.ck.ck-link-actions .ck-button.ck-link-actions__preview,.ck.ck-link-actions .ck-button.ck-link-actions__preview:active,.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,.ck.ck-link-actions .ck-button.ck-link-actions__preview:hover{background:none}.ck.ck-link-actions .ck-button.ck-link-actions__preview:active{box-shadow:none}.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label{text-decoration:underline}[dir=ltr] .ck.ck-link-actions .ck-button:not(:first-child),[dir=rtl] .ck.ck-link-actions .ck-button:not(:last-child){margin-left:var(--ck-spacing-standard)}@media screen and (max-width:600px){.ck.ck-link-actions .ck-button.ck-link-actions__preview{margin:var(--ck-spacing-standard) var(--ck-spacing-standard) 0}.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label{max-width:100%;min-width:0}[dir=ltr] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview),[dir=rtl] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview){margin-left:0}}.ck.ck-link-form_layout-vertical{min-width:var(--ck-input-width);padding:0}.ck.ck-link-form_layout-vertical .ck-labeled-field-view{margin:var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small)}.ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text{min-width:0;width:100%}.ck.ck-link-form_layout-vertical>.ck-button{border-radius:0;margin:0;padding:var(--ck-spacing-standard);width:50%}.ck.ck-link-form_layout-vertical>.ck-button:not(:focus){border-top:1px solid var(--ck-color-base-border)}[dir=ltr] .ck.ck-link-form_layout-vertical>.ck-button,[dir=rtl] .ck.ck-link-form_layout-vertical>.ck-button{margin-left:0}[dir=rtl] .ck.ck-link-form_layout-vertical>.ck-button:last-of-type{border-right:1px solid var(--ck-color-base-border)}.ck.ck-link-form_layout-vertical .ck.ck-list{margin:0 var(--ck-spacing-large)}.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton{padding:0;width:100%}.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover{background:none}:root{--ck-link-image-indicator-icon-size:20;--ck-link-image-indicator-icon-is-visible:clamp(0px,100% - 50px,1px)}.ck.ck-editor__editable a span.image-inline:after,.ck.ck-editor__editable figure.image>a:after{background-color:rgba(0,0,0,.4);background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+");background-position:50%;background-repeat:no-repeat;background-size:14px;border-radius:100%;content:"";height:calc(var(--ck-link-image-indicator-icon-is-visible)*var(--ck-link-image-indicator-icon-size));overflow:hidden;right:min(var(--ck-spacing-medium),6%);top:min(var(--ck-spacing-medium),6%);width:calc(var(--ck-link-image-indicator-icon-is-visible)*var(--ck-link-image-indicator-icon-size))}.ck.ck-list-properties.ck-list-properties_without-styles{padding:var(--ck-spacing-large)}.ck.ck-list-properties.ck-list-properties_without-styles>*{min-width:14em}.ck.ck-list-properties.ck-list-properties_without-styles>*+*{margin-top:var(--ck-spacing-standard)}.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-list-styles-list{grid-template-columns:repeat(4,auto)}.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-collapsible{border-top:1px solid var(--ck-color-base-border)}.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-collapsible>.ck-collapsible__children>*{width:100%}.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-collapsible>.ck-collapsible__children>*+*{margin-top:var(--ck-spacing-standard)}.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input{min-width:auto;width:100%}.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order{background:transparent;margin-bottom:calc(var(--ck-spacing-tiny)*-1);padding-left:0;padding-right:0}.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active,.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover{background:none;border-color:transparent;box-shadow:none}:root{--ck-list-style-button-size:44px}.ck.ck-list-styles-list{column-gap:var(--ck-spacing-medium);grid-template-columns:repeat(3,auto);padding:var(--ck-spacing-large);row-gap:var(--ck-spacing-medium)}.ck.ck-list-styles-list .ck-button{box-sizing:content-box;margin:0;padding:0}.ck.ck-list-styles-list .ck-button,.ck.ck-list-styles-list .ck-button .ck-icon{height:var(--ck-list-style-button-size);width:var(--ck-list-style-button-size)}:root{--ck-media-embed-placeholder-icon-size:3em;--ck-color-media-embed-placeholder-url-text:#757575;--ck-color-media-embed-placeholder-url-text-hover:var(--ck-color-base-text)}.ck-media__wrapper{margin:0 auto}.ck-media__wrapper .ck-media__placeholder{background:var(--ck-color-base-foreground);padding:calc(var(--ck-spacing-standard)*3)}.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon{background-position:50%;background-size:cover;height:var(--ck-media-embed-placeholder-icon-size);margin-bottom:var(--ck-spacing-large);min-width:var(--ck-media-embed-placeholder-icon-size)}.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon{height:100%;width:100%}.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text{color:var(--ck-color-media-embed-placeholder-url-text);font-style:italic;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover{color:var(--ck-color-media-embed-placeholder-url-text-hover);cursor:pointer;text-decoration:underline}.ck-media__wrapper[data-oembed-url*="open.spotify.com"]{max-height:380px;max-width:300px}.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon,.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Im0yMDYuNDc3IDI2MC45LTI4Ljk4NyAyOC45ODdhNS4yMTggNS4yMTggMCAwIDAgMy43OCAxLjYxaDQ5LjYyMWMxLjY5NCAwIDMuMTktLjc5OCA0LjE0Ni0yLjAzN3oiIGZpbGw9IiM1Yzg4YzUiLz48cGF0aCBkPSJNMjI2Ljc0MiAyMjIuOTg4Yy05LjI2NiAwLTE2Ljc3NyA3LjE3LTE2Ljc3NyAxNi4wMTQuMDA3IDIuNzYyLjY2MyA1LjQ3NCAyLjA5MyA3Ljg3NS40My43MDMuODMgMS40MDggMS4xOSAyLjEwNy4zMzMuNTAyLjY1IDEuMDA1Ljk1IDEuNTA4LjM0My40NzcuNjczLjk1Ny45ODggMS40NCAxLjMxIDEuNzY5IDIuNSAzLjUwMiAzLjYzNyA1LjE2OC43OTMgMS4yNzUgMS42ODMgMi42NCAyLjQ2NiAzLjk5IDIuMzYzIDQuMDk0IDQuMDA3IDguMDkyIDQuNiAxMy45MTR2LjAxMmMuMTgyLjQxMi41MTYuNjY2Ljg3OS42NjcuNDAzLS4wMDEuNzY4LS4zMTQuOTMtLjc5OS42MDMtNS43NTYgMi4yMzgtOS43MjkgNC41ODUtMTMuNzk0Ljc4Mi0xLjM1IDEuNjczLTIuNzE1IDIuNDY1LTMuOTkgMS4xMzctMS42NjYgMi4zMjgtMy40IDMuNjM4LTUuMTY5LjMxNS0uNDgyLjY0NS0uOTYyLjk4OC0xLjQzOS4zLS41MDMuNjE3LTEuMDA2Ljk1LTEuNTA4LjM1OS0uNy43Ni0xLjQwNCAxLjE5LTIuMTA3IDEuNDI2LTIuNDAyIDItNS4xMTQgMi4wMDQtNy44NzUgMC04Ljg0NC03LjUxMS0xNi4wMTQtMTYuNzc2LTE2LjAxNHoiIGZpbGw9IiNkZDRiM2UiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PGVsbGlwc2Ugcnk9IjUuNTY0IiByeD0iNS44MjgiIGN5PSIyMzkuMDAyIiBjeD0iMjI2Ljc0MiIgZmlsbD0iIzgwMmQyNyIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMTkwLjMwMSAyMzcuMjgzYy00LjY3IDAtOC40NTcgMy44NTMtOC40NTcgOC42MDZzMy43ODYgOC42MDcgOC40NTcgOC42MDdjMy4wNDMgMCA0LjgwNi0uOTU4IDYuMzM3LTIuNTE2IDEuNTMtMS41NTcgMi4wODctMy45MTMgMi4wODctNi4yOSAwLS4zNjItLjAyMy0uNzIyLS4wNjQtMS4wNzloLTguMjU3djMuMDQzaDQuODVjLS4xOTcuNzU5LS41MzEgMS40NS0xLjA1OCAxLjk4Ni0uOTQyLjk1OC0yLjAyOCAxLjU0OC0zLjkwMSAxLjU0OC0yLjg3NiAwLTUuMjA4LTIuMzcyLTUuMjA4LTUuMjk5IDAtMi45MjYgMi4zMzItNS4yOTkgNS4yMDgtNS4yOTkgMS4zOTkgMCAyLjYxOC40MDcgMy41ODQgMS4yOTNsMi4zODEtMi4zOGMwLS4wMDItLjAwMy0uMDA0LS4wMDQtLjAwNS0xLjU4OC0xLjUyNC0zLjYyLTIuMjE1LTUuOTU1LTIuMjE1em00LjQzIDUuNjYuMDAzLjAwNnYtLjAwM3oiIGZpbGw9IiNmZmYiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0ibTIxNS4xODQgMjUxLjkyOS03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVhNS4yMzMgNS4yMzMgMCAwIDAgLjQ0OS0yLjEyM3YtMzEuMTY1Yy0uNDY5LjY3NS0uOTM0IDEuMzQ5LTEuMzgyIDIuMDA1LS43OTIgMS4yNzUtMS42ODIgMi42NC0yLjQ2NSAzLjk5LTIuMzQ3IDQuMDY1LTMuOTgyIDguMDM4LTQuNTg1IDEzLjc5NC0uMTYyLjQ4NS0uNTI3Ljc5OC0uOTMuNzk5LS4zNjMtLjAwMS0uNjk3LS4yNTUtLjg3OS0uNjY3di0uMDEyYy0uNTkzLTUuODIyLTIuMjM3LTkuODItNC42LTEzLjkxNC0uNzgzLTEuMzUtMS42NzMtMi43MTUtMi40NjYtMy45OS0xLjEzNy0xLjY2Ni0yLjMyNy0zLjQtMy42MzctNS4xNjlsLS4wMDItLjAwM3oiIGZpbGw9IiNjM2MzYzMiLz48cGF0aCBkPSJtMjEyLjk4MyAyNDguNDk1LTM2Ljk1MiAzNi45NTN2LjgxMmE1LjIyNyA1LjIyNyAwIDAgMCA1LjIzOCA1LjIzOGgxLjAxNWwzNS42NjYtMzUuNjY2YTEzNi4yNzUgMTM2LjI3NSAwIDAgMC0yLjc2NC0zLjkgMzcuNTc1IDM3LjU3NSAwIDAgMC0uOTg5LTEuNDQgMzUuMTI3IDM1LjEyNyAwIDAgMC0uOTUtMS41MDhjLS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJtMjExLjk5OCAyNjEuMDgzLTYuMTUyIDYuMTUxIDI0LjI2NCAyNC4yNjRoLjc4MWE1LjIyNyA1LjIyNyAwIDAgMCA1LjIzOS01LjIzOHYtMS4wNDV6IiBmaWxsPSIjZmZmIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjwvZz48L3N2Zz4=)}.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder{background:#4268b3}.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05NjcuNDg0IDBINTYuNTE3QzI1LjMwNCAwIDAgMjUuMzA0IDAgNTYuNTE3djkxMC45NjZDMCA5OTguNjk0IDI1LjI5NyAxMDI0IDU2LjUyMiAxMDI0SDU0N1Y2MjhINDE0VjQ3M2gxMzNWMzU5LjAyOWMwLTEzMi4yNjIgODAuNzczLTIwNC4yODIgMTk4Ljc1Ni0yMDQuMjgyIDU2LjUxMyAwIDEwNS4wODYgNC4yMDggMTE5LjI0NCA2LjA4OVYyOTlsLTgxLjYxNi4wMzdjLTYzLjk5MyAwLTc2LjM4NCAzMC40OTItNzYuMzg0IDc1LjIzNlY0NzNoMTUzLjQ4N2wtMTkuOTg2IDE1NUg3MDd2Mzk2aDI2MC40ODRjMzEuMjEzIDAgNTYuNTE2LTI1LjMwMyA1Ni41MTYtNTYuNTE2VjU2LjUxNUMxMDI0IDI1LjMwMyA5OTguNjk3IDAgOTY3LjQ4NCAwIiBmaWxsPSIjRkZGRkZFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text{color:#cdf}.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover{color:#fff}.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder{background:linear-gradient(-135deg,#1400c7,#b800b1,#f50000)}.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTA0IiBoZWlnaHQ9IjUwNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIC4xNTloNTAzLjg0MVY1MDMuOTRIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cGF0aCBkPSJNMjUxLjkyMS4xNTljLTY4LjQxOCAwLTc2Ljk5Ny4yOS0xMDMuODY3IDEuNTE2LTI2LjgxNCAxLjIyMy00NS4xMjcgNS40ODItNjEuMTUxIDExLjcxLTE2LjU2NiA2LjQzNy0zMC42MTUgMTUuMDUxLTQ0LjYyMSAyOS4wNTYtMTQuMDA1IDE0LjAwNi0yMi42MTkgMjguMDU1LTI5LjA1NiA0NC42MjEtNi4yMjggMTYuMDI0LTEwLjQ4NyAzNC4zMzctMTEuNzEgNjEuMTUxQy4yOSAxNzUuMDgzIDAgMTgzLjY2MiAwIDI1Mi4wOGMwIDY4LjQxNy4yOSA3Ni45OTYgMS41MTYgMTAzLjg2NiAxLjIyMyAyNi44MTQgNS40ODIgNDUuMTI3IDExLjcxIDYxLjE1MSA2LjQzNyAxNi41NjYgMTUuMDUxIDMwLjYxNSAyOS4wNTYgNDQuNjIxIDE0LjAwNiAxNC4wMDUgMjguMDU1IDIyLjYxOSA0NC42MjEgMjkuMDU3IDE2LjAyNCA2LjIyNyAzNC4zMzcgMTAuNDg2IDYxLjE1MSAxMS43MDkgMjYuODcgMS4yMjYgMzUuNDQ5IDEuNTE2IDEwMy44NjcgMS41MTYgNjguNDE3IDAgNzYuOTk2LS4yOSAxMDMuODY2LTEuNTE2IDI2LjgxNC0xLjIyMyA0NS4xMjctNS40ODIgNjEuMTUxLTExLjcwOSAxNi41NjYtNi40MzggMzAuNjE1LTE1LjA1MiA0NC42MjEtMjkuMDU3IDE0LjAwNS0xNC4wMDYgMjIuNjE5LTI4LjA1NSAyOS4wNTctNDQuNjIxIDYuMjI3LTE2LjAyNCAxMC40ODYtMzQuMzM3IDExLjcwOS02MS4xNTEgMS4yMjYtMjYuODcgMS41MTYtMzUuNDQ5IDEuNTE2LTEwMy44NjYgMC02OC40MTgtLjI5LTc2Ljk5Ny0xLjUxNi0xMDMuODY3LTEuMjIzLTI2LjgxNC01LjQ4Mi00NS4xMjctMTEuNzA5LTYxLjE1MS02LjQzOC0xNi41NjYtMTUuMDUyLTMwLjYxNS0yOS4wNTctNDQuNjIxLTE0LjAwNi0xNC4wMDUtMjguMDU1LTIyLjYxOS00NC42MjEtMjkuMDU2LTE2LjAyNC02LjIyOC0zNC4zMzctMTAuNDg3LTYxLjE1MS0xMS43MUMzMjguOTE3LjQ0OSAzMjAuMzM4LjE1OSAyNTEuOTIxLjE1OVptMCA0NS4zOTFjNjcuMjY1IDAgNzUuMjMzLjI1NyAxMDEuNzk3IDEuNDY5IDI0LjU2MiAxLjEyIDM3LjkwMSA1LjIyNCA0Ni43NzggOC42NzQgMTEuNzU5IDQuNTcgMjAuMTUxIDEwLjAyOSAyOC45NjYgMTguODQ1IDguODE2IDguODE1IDE0LjI3NSAxNy4yMDcgMTguODQ1IDI4Ljk2NiAzLjQ1IDguODc3IDcuNTU0IDIyLjIxNiA4LjY3NCA0Ni43NzggMS4yMTIgMjYuNTY0IDEuNDY5IDM0LjUzMiAxLjQ2OSAxMDEuNzk4IDAgNjcuMjY1LS4yNTcgNzUuMjMzLTEuNDY5IDEwMS43OTctMS4xMiAyNC41NjItNS4yMjQgMzcuOTAxLTguNjc0IDQ2Ljc3OC00LjU3IDExLjc1OS0xMC4wMjkgMjAuMTUxLTE4Ljg0NSAyOC45NjYtOC44MTUgOC44MTYtMTcuMjA3IDE0LjI3NS0yOC45NjYgMTguODQ1LTguODc3IDMuNDUtMjIuMjE2IDcuNTU0LTQ2Ljc3OCA4LjY3NC0yNi41NiAxLjIxMi0zNC41MjcgMS40NjktMTAxLjc5NyAxLjQ2OS02Ny4yNzEgMC03NS4yMzctLjI1Ny0xMDEuNzk4LTEuNDY5LTI0LjU2Mi0xLjEyLTM3LjkwMS01LjIyNC00Ni43NzgtOC42NzQtMTEuNzU5LTQuNTctMjAuMTUxLTEwLjAyOS0yOC45NjYtMTguODQ1LTguODE1LTguODE1LTE0LjI3NS0xNy4yMDctMTguODQ1LTI4Ljk2Ni0zLjQ1LTguODc3LTcuNTU0LTIyLjIxNi04LjY3NC00Ni43NzgtMS4yMTItMjYuNTY0LTEuNDY5LTM0LjUzMi0xLjQ2OS0xMDEuNzk3IDAtNjcuMjY2LjI1Ny03NS4yMzQgMS40NjktMTAxLjc5OCAxLjEyLTI0LjU2MiA1LjIyNC0zNy45MDEgOC42NzQtNDYuNzc4IDQuNTctMTEuNzU5IDEwLjAyOS0yMC4xNTEgMTguODQ1LTI4Ljk2NiA4LjgxNS04LjgxNiAxNy4yMDctMTQuMjc1IDI4Ljk2Ni0xOC44NDUgOC44NzctMy40NSAyMi4yMTYtNy41NTQgNDYuNzc4LTguNjc0IDI2LjU2NC0xLjIxMiAzNC41MzItMS40NjkgMTAxLjc5OC0xLjQ2OVoiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiLz48cGF0aCBkPSJNMjUxLjkyMSAzMzYuMDUzYy00Ni4zNzggMC04My45NzQtMzcuNTk2LTgzLjk3NC04My45NzMgMC00Ni4zNzggMzcuNTk2LTgzLjk3NCA4My45NzQtODMuOTc0IDQ2LjM3NyAwIDgzLjk3MyAzNy41OTYgODMuOTczIDgzLjk3NCAwIDQ2LjM3Ny0zNy41OTYgODMuOTczLTgzLjk3MyA4My45NzNabTAtMjEzLjMzOGMtNzEuNDQ3IDAtMTI5LjM2NSA1Ny45MTgtMTI5LjM2NSAxMjkuMzY1IDAgNzEuNDQ2IDU3LjkxOCAxMjkuMzY0IDEyOS4zNjUgMTI5LjM2NCA3MS40NDYgMCAxMjkuMzY0LTU3LjkxOCAxMjkuMzY0LTEyOS4zNjQgMC03MS40NDctNTcuOTE4LTEyOS4zNjUtMTI5LjM2NC0xMjkuMzY1Wm0xNjQuNzA2LTUuMTExYzAgMTYuNjk2LTEzLjUzNSAzMC4yMy0zMC4yMzEgMzAuMjMtMTYuNjk1IDAtMzAuMjMtMTMuNTM0LTMwLjIzLTMwLjIzIDAtMTYuNjk2IDEzLjUzNS0zMC4yMzEgMzAuMjMtMzAuMjMxIDE2LjY5NiAwIDMwLjIzMSAxMy41MzUgMzAuMjMxIDMwLjIzMSIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=)}.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text{color:#ffe0fe}.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover{color:#fff}.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder{background:linear-gradient(90deg,#71c6f4,#0d70a5)}.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNNDAwIDIwMGMwIDExMC41LTg5LjUgMjAwLTIwMCAyMDBTMCAzMTAuNSAwIDIwMCA4OS41IDAgMjAwIDBzMjAwIDg5LjUgMjAwIDIwMHpNMTYzLjQgMzA1LjVjODguNyAwIDEzNy4yLTczLjUgMTM3LjItMTM3LjIgMC0yLjEgMC00LjItLjEtNi4yIDkuNC02LjggMTcuNi0xNS4zIDI0LjEtMjUtOC42IDMuOC0xNy45IDYuNC0yNy43IDcuNiAxMC02IDE3LjYtMTUuNCAyMS4yLTI2LjctOS4zIDUuNS0xOS42IDkuNS0zMC42IDExLjctOC44LTkuNC0yMS4zLTE1LjItMzUuMi0xNS4yLTI2LjYgMC00OC4yIDIxLjYtNDguMiA0OC4yIDAgMy44LjQgNy41IDEuMyAxMS00MC4xLTItNzUuNi0yMS4yLTk5LjQtNTAuNC00LjEgNy4xLTYuNSAxNS40LTYuNSAyNC4yIDAgMTYuNyA4LjUgMzEuNSAyMS41IDQwLjEtNy45LS4yLTE1LjMtMi40LTIxLjgtNnYuNmMwIDIzLjQgMTYuNiA0Mi44IDM4LjcgNDcuMy00IDEuMS04LjMgMS43LTEyLjcgMS43LTMuMSAwLTYuMS0uMy05LjEtLjkgNi4xIDE5LjIgMjMuOSAzMy4xIDQ1IDMzLjUtMTYuNSAxMi45LTM3LjMgMjAuNi01OS45IDIwLjYtMy45IDAtNy43LS4yLTExLjUtLjcgMjEuMSAxMy44IDQ2LjUgMjEuOCA3My43IDIxLjgiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=)}.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text{color:#b8e6ff}.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover{color:#fff}:root{--ck-color-mention-background:rgba(153,0,48,.1);--ck-color-mention-text:#990030}.ck-content .mention{background:var(--ck-color-mention-background);color:var(--ck-color-mention-text)}:root{--ck-color-restricted-editing-exception-background:rgba(255,169,77,.2);--ck-color-restricted-editing-exception-hover-background:rgba(255,169,77,.35);--ck-color-restricted-editing-exception-brackets:rgba(204,105,0,.4);--ck-color-restricted-editing-selected-exception-background:rgba(255,169,77,.5);--ck-color-restricted-editing-selected-exception-brackets:rgba(204,105,0,.6)}.ck-editor__editable .restricted-editing-exception{background-color:var(--ck-color-restricted-editing-exception-background);border:1px solid;border-image:linear-gradient(to right,var(--ck-color-restricted-editing-exception-brackets) 0,var(--ck-color-restricted-editing-exception-brackets) 5px,transparent 6px,transparent calc(100% - 6px),var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),var(--ck-color-restricted-editing-exception-brackets) 100%) 1;transition:background .2s ease-in-out}@media (prefers-reduced-motion:reduce){.ck-editor__editable .restricted-editing-exception{transition:none}}.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected{background-color:var(--ck-color-restricted-editing-selected-exception-background);border-image:linear-gradient(to right,var(--ck-color-restricted-editing-selected-exception-brackets) 0,var(--ck-color-restricted-editing-selected-exception-brackets) 5px,var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1}.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed{padding-left:1ch}.ck-restricted-editing_mode_restricted,.ck-restricted-editing_mode_restricted *{cursor:default}.ck-restricted-editing_mode_restricted .restricted-editing-exception,.ck-restricted-editing_mode_restricted .restricted-editing-exception *{cursor:text}.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover{background:var(--ck-color-restricted-editing-exception-hover-background)}:root{--ck-character-grid-tile-size:24px}.ck.ck-character-grid{overflow-x:hidden;overflow-y:auto}.ck.ck-character-grid .ck-character-grid__tiles{grid-gap:var(--ck-spacing-standard);grid-template-columns:repeat(auto-fill,minmax(var(--ck-character-grid-tile-size),1fr));margin:var(--ck-spacing-standard) var(--ck-spacing-large)}.ck.ck-character-grid .ck-character-grid__tile{border:0;font-size:1.5em;height:var(--ck-character-grid-tile-size);min-height:var(--ck-character-grid-tile-size);min-width:var(--ck-character-grid-tile-size);padding:0;transition:box-shadow .2s ease;width:var(--ck-character-grid-tile-size)}@media (prefers-reduced-motion:reduce){.ck.ck-character-grid .ck-character-grid__tile{transition:none}}.ck.ck-character-grid .ck-character-grid__tile:focus:not(.ck-disabled),.ck.ck-character-grid .ck-character-grid__tile:hover:not(.ck-disabled){border:0;box-shadow:inset 0 0 0 1px var(--ck-color-base-background),0 0 0 2px var(--ck-color-focus-border)}.ck.ck-character-grid .ck-character-grid__tile .ck-button__label{line-height:var(--ck-character-grid-tile-size);text-align:center;width:100%}.ck.ck-character-info{border-top:1px solid var(--ck-color-base-border);padding:var(--ck-spacing-small) var(--ck-spacing-large)}.ck.ck-character-info>*{font-size:var(--ck-font-size-small);text-transform:uppercase}.ck.ck-character-info .ck-character-info__name{max-width:280px;overflow:hidden;text-overflow:ellipsis}.ck.ck-character-info .ck-character-info__code{opacity:.6}.ck.ck-special-characters-navigation>.ck-label{max-width:160px;overflow:hidden;text-overflow:ellipsis}.ck.ck-special-characters-navigation>.ck-dropdown .ck-dropdown__panel{max-height:250px;overflow-x:hidden;overflow-y:auto}@media screen and (max-width:600px){.ck.ck-special-characters-navigation{max-width:190px}.ck.ck-special-characters-navigation>.ck-form__header__label{overflow:hidden;text-overflow:ellipsis}}.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active>.ck-button>.ck-button__label{font-style:italic}:root{--ck-style-panel-button-width:120px;--ck-style-panel-button-height:80px;--ck-style-panel-button-label-background:#f0f0f0;--ck-style-panel-button-hover-label-background:#ebebeb;--ck-style-panel-button-hover-border-color:#b3b3b3}.ck.ck-style-panel .ck-style-grid{column-gap:var(--ck-spacing-large);row-gap:var(--ck-spacing-large)}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button{--ck-color-button-default-hover-background:var(--ck-color-base-background);--ck-color-button-default-active-background:var(--ck-color-base-background);height:var(--ck-style-panel-button-height);padding:0;width:var(--ck-style-panel-button-width)}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus){border:1px solid var(--ck-color-base-border)}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label{flex-shrink:0;height:22px;line-height:22px;overflow:hidden;padding:0 var(--ck-spacing-medium);text-overflow:ellipsis;width:100%}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview{background:var(--ck-color-base-background);border:2px solid var(--ck-color-base-background);opacity:.9;overflow:hidden;padding:var(--ck-spacing-medium);width:100%}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled{--ck-color-button-default-disabled-background:var(--ck-color-base-foreground)}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus){border-color:var(--ck-style-panel-button-label-background)}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview{border-color:var(--ck-color-base-foreground);filter:saturate(.3);opacity:.4}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on{border-color:var(--ck-color-base-active)}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label{box-shadow:0 -1px 0 var(--ck-color-base-active);z-index:1}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover{border-color:var(--ck-color-base-active-focus)}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label{background:var(--ck-style-panel-button-label-background)}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label{background:var(--ck-style-panel-button-hover-label-background)}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on){border-color:var(--ck-style-panel-button-hover-border-color)}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview{opacity:1}.ck.ck-style-panel .ck-style-panel__style-group>.ck-label{margin:var(--ck-spacing-large) 0}.ck.ck-style-panel .ck-style-panel__style-group:first-child>.ck-label{margin-top:0}:root{--ck-style-panel-max-height:470px}.ck.ck-style-panel{max-height:var(--ck-style-panel-max-height);overflow-y:auto;padding:var(--ck-spacing-large)}[dir=ltr] .ck.ck-input-color>.ck.ck-input-text{border-bottom-right-radius:0;border-top-right-radius:0}[dir=rtl] .ck.ck-input-color>.ck.ck-input-text{border-bottom-left-radius:0;border-top-left-radius:0}.ck.ck-input-color>.ck.ck-input-text:focus{z-index:0}.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button{padding:0}[dir=ltr] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button{border-bottom-left-radius:0;border-top-left-radius:0}[dir=ltr] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button:not(:focus){border-left:1px solid transparent}[dir=rtl] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button{border-bottom-right-radius:0;border-top-right-radius:0}[dir=rtl] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button:not(:focus){border-right:1px solid transparent}.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button.ck-disabled{background:var(--ck-color-input-disabled-background)}.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview{border:1px solid var(--ck-color-input-border);border-radius:0;height:20px;width:20px}.ck-rounded-corners .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview,.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview.ck-rounded-corners{border-radius:var(--ck-border-radius)}.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview>.ck.ck-input-color__button__preview__no-color-indicator{background:red;border-radius:2px;height:150%;left:50%;top:-30%;transform:rotate(45deg);transform-origin:50%;width:8%}.ck.ck-input-color .ck.ck-input-color__remove-color{border-bottom-left-radius:0;border-bottom-right-radius:0;padding:calc(var(--ck-spacing-standard)/2) var(--ck-spacing-standard);width:100%}.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus){border-bottom:1px solid var(--ck-color-input-border)}[dir=ltr] .ck.ck-input-color .ck.ck-input-color__remove-color{border-top-right-radius:0}[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color{border-top-left-radius:0}.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon{margin-right:var(--ck-spacing-standard)}[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon{margin-left:var(--ck-spacing-standard);margin-right:0}.ck.ck-form{padding:0 0 var(--ck-spacing-large)}.ck.ck-form:focus{outline:none}.ck.ck-form .ck.ck-input-text{min-width:100%;width:0}.ck.ck-form .ck.ck-dropdown{min-width:100%}.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus){border:1px solid var(--ck-color-base-border)}.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label{width:100%}.ck.ck-form__row{padding:var(--ck-spacing-standard) var(--ck-spacing-large) 0}[dir=ltr] .ck.ck-form__row>:not(.ck-label)+*{margin-left:var(--ck-spacing-large)}[dir=rtl] .ck.ck-form__row>:not(.ck-label)+*{margin-right:var(--ck-spacing-large)}.ck.ck-form__row>.ck-label{min-width:100%;width:100%}.ck.ck-form__row.ck-table-form__action-row{margin-top:var(--ck-spacing-large)}.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label{color:var(--ck-color-text)}:root{--ck-insert-table-dropdown-padding:10px;--ck-insert-table-dropdown-box-height:11px;--ck-insert-table-dropdown-box-width:12px;--ck-insert-table-dropdown-box-margin:1px}.ck .ck-insert-table-dropdown__grid{padding:var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;width:calc(var(--ck-insert-table-dropdown-box-width)*10 + var(--ck-insert-table-dropdown-box-margin)*20 + var(--ck-insert-table-dropdown-padding)*2)}.ck .ck-insert-table-dropdown__label,.ck[dir=rtl] .ck-insert-table-dropdown__label{text-align:center}.ck .ck-insert-table-dropdown-grid-box{border:1px solid var(--ck-color-base-border);border-radius:1px;margin:var(--ck-insert-table-dropdown-box-margin);min-height:var(--ck-insert-table-dropdown-box-height);min-width:var(--ck-insert-table-dropdown-box-width);outline:none;transition:none}@media (prefers-reduced-motion:reduce){.ck .ck-insert-table-dropdown-grid-box{transition:none}}.ck .ck-insert-table-dropdown-grid-box:focus{box-shadow:none}.ck .ck-insert-table-dropdown-grid-box.ck-on{background:var(--ck-color-focus-outer-shadow);border-color:var(--ck-color-focus-border)}.ck.ck-table-cell-properties-form{width:320px}.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row{align-self:flex-end;padding:0;width:25%}.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar{background:none;margin-top:var(--ck-spacing-standard)}:root{--ck-color-selector-focused-cell-background:rgba(158,201,250,.3)}.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck-widget.table td.ck-editor__nested-editable:focus,.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck-widget.table th.ck-editor__nested-editable:focus{background:var(--ck-color-selector-focused-cell-background);outline:1px solid var(--ck-color-focus-border);outline-offset:-1px}:root{--ck-table-properties-error-arrow-size:6px;--ck-table-properties-min-error-width:150px}.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view>.ck-label{font-size:var(--ck-font-size-tiny);text-align:center}.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width{max-width:80px;min-width:80px;width:80px}.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row{padding:0}.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height,.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width{margin:0}.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator{align-self:flex-end;display:inline-block;height:var(--ck-ui-component-min-height);line-height:var(--ck-ui-component-min-height);margin:0 var(--ck-spacing-small)}.ck.ck-table-form .ck.ck-labeled-field-view{padding-top:var(--ck-spacing-standard)}.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{animation:ck-table-form-labeled-view-status-appear .15s ease both;background:var(--ck-color-base-error);border-radius:0;color:var(--ck-color-base-background);min-width:var(--ck-table-properties-min-error-width);padding:var(--ck-spacing-small) var(--ck-spacing-medium);text-align:center}.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners{border-radius:var(--ck-border-radius)}.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after{border-color:transparent transparent var(--ck-color-base-error) transparent;border-style:solid;border-width:0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size)}@media (prefers-reduced-motion:reduce){.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{animation:none}}.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus)+.ck.ck-labeled-field-view__status{display:none}@keyframes ck-table-form-labeled-view-status-appear{0%{opacity:0}to{opacity:1}}.ck.ck-table-properties-form{width:320px}.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{align-self:flex-end;padding:0}.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar{background:none;margin-top:var(--ck-spacing-standard)}.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items>*{width:40px}:root{--ck-table-selected-cell-background:rgba(158,207,250,.3)}.ck.ck-editor__editable .table table td.ck-editor__editable_selected,.ck.ck-editor__editable .table table th.ck-editor__editable_selected{box-shadow:unset;caret-color:transparent;outline:unset;position:relative}.ck.ck-editor__editable .table table td.ck-editor__editable_selected:after,.ck.ck-editor__editable .table table th.ck-editor__editable_selected:after{background-color:var(--ck-table-selected-cell-background);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,.ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,.ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection,.ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus{background-color:transparent}.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget,.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget{outline:unset}.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget>.ck-widget__selection-handle,.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget>.ck-widget__selection-handle{display:none}:root{--ck-widget-outline-thickness:3px;--ck-widget-handler-icon-size:16px;--ck-widget-handler-animation-duration:200ms;--ck-widget-handler-animation-curve:ease;--ck-color-widget-blurred-border:#dedede;--ck-color-widget-hover-border:#ffc83d;--ck-color-widget-editable-focus-background:var(--ck-color-base-background);--ck-color-widget-drag-handler-icon-color:var(--ck-color-base-background)}.ck .ck-widget{outline-color:transparent;outline-style:solid;outline-width:var(--ck-widget-outline-thickness);transition:outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve)}@media (prefers-reduced-motion:reduce){.ck .ck-widget{transition:none}}.ck .ck-widget.ck-widget_selected,.ck .ck-widget.ck-widget_selected:hover{outline:var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border)}.ck .ck-widget:hover{outline-color:var(--ck-color-widget-hover-border)}.ck .ck-editor__nested-editable{border:1px solid transparent}.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck .ck-editor__nested-editable:focus{box-shadow:var(--ck-inner-shadow),0 0}@media (forced-colors:none){.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck .ck-editor__nested-editable:focus{background-color:var(--ck-color-widget-editable-focus-background)}}.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td,th),.ck .ck-editor__nested-editable:focus:not(td,th){border:var(--ck-focus-ring);outline:none}.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{background-color:transparent;border-radius:var(--ck-border-radius) var(--ck-border-radius) 0 0;box-sizing:border-box;left:calc(0px - var(--ck-widget-outline-thickness));opacity:0;padding:4px;top:0;transform:translateY(-100%);transition:background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve)}@media (prefers-reduced-motion:reduce){.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{transition:none}}.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon{color:var(--ck-color-widget-drag-handler-icon-color);height:var(--ck-widget-handler-icon-size);width:var(--ck-widget-handler-icon-size)}.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{opacity:0;transition:opacity .3s var(--ck-widget-handler-animation-curve)}@media (prefers-reduced-motion:reduce){.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{transition:none}}.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator{opacity:1}.ck .ck-widget.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle{background-color:var(--ck-color-widget-hover-border);opacity:1}.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle,.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle{background-color:var(--ck-color-focus-border);opacity:1}.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator,.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{opacity:1}.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{left:auto;right:calc(0px - var(--ck-widget-outline-thickness))}.ck.ck-editor__editable.ck-read-only .ck-widget{transition:none}.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected){--ck-widget-outline-thickness:0px}.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover{background:var(--ck-color-widget-blurred-border)}.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover{outline-color:var(--ck-color-widget-blurred-border)}.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle,.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle:hover,.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle>.ck-widget__selection-handle,.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle>.ck-widget__selection-handle:hover{background:var(--ck-color-widget-blurred-border)}.ck.ck-editor__editable blockquote>.ck-widget.ck-widget_with-selection-handle:first-child,.ck.ck-editor__editable>.ck-widget.ck-widget_with-selection-handle:first-child{margin-top:calc(1em + var(--ck-widget-handler-icon-size))}:root{--ck-resizer-size:10px;--ck-resizer-offset:calc(var(--ck-resizer-size)/-2 - 2px);--ck-resizer-border-width:1px}.ck .ck-widget__resizer{outline:1px solid var(--ck-color-resizer)}.ck .ck-widget__resizer__handle{background:var(--ck-color-focus-border);border:var(--ck-resizer-border-width) solid #fff;border-radius:var(--ck-resizer-border-radius);height:var(--ck-resizer-size);width:var(--ck-resizer-size)}.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left{left:var(--ck-resizer-offset);top:var(--ck-resizer-offset)}.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right{right:var(--ck-resizer-offset);top:var(--ck-resizer-offset)}.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right{bottom:var(--ck-resizer-offset);right:var(--ck-resizer-offset)}.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left{bottom:var(--ck-resizer-offset);left:var(--ck-resizer-offset)}:root{--ck-widget-type-around-button-size:20px;--ck-color-widget-type-around-button-active:var(--ck-color-focus-border);--ck-color-widget-type-around-button-hover:var(--ck-color-widget-hover-border);--ck-color-widget-type-around-button-blurred-editable:var(--ck-color-widget-blurred-border);--ck-color-widget-type-around-button-radar-start-alpha:0;--ck-color-widget-type-around-button-radar-end-alpha:.3;--ck-color-widget-type-around-button-icon:var(--ck-color-base-background)}.ck .ck-widget .ck-widget__type-around__button{background:var(--ck-color-widget-type-around-button);border-radius:100px;height:var(--ck-widget-type-around-button-size);opacity:0;pointer-events:none;transition:opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);width:var(--ck-widget-type-around-button-size)}@media (prefers-reduced-motion:reduce){.ck .ck-widget .ck-widget__type-around__button{transition:none}}.ck .ck-widget .ck-widget__type-around__button svg{height:8px;margin-top:1px;transform:translate(-50%,-50%);transition:transform .5s ease;width:10px}@media (prefers-reduced-motion:reduce){.ck .ck-widget .ck-widget__type-around__button svg{transition:none}}.ck .ck-widget .ck-widget__type-around__button svg *{stroke-dasharray:10;stroke-dashoffset:0;fill:none;stroke:var(--ck-color-widget-type-around-button-icon);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.ck .ck-widget .ck-widget__type-around__button svg line{stroke-dasharray:7}.ck .ck-widget .ck-widget__type-around__button:hover{animation:ck-widget-type-around-button-sonar 1s ease infinite}.ck .ck-widget .ck-widget__type-around__button:hover svg polyline{animation:ck-widget-type-around-arrow-dash 2s linear}.ck .ck-widget .ck-widget__type-around__button:hover svg line{animation:ck-widget-type-around-arrow-tip-dash 2s linear}@media (prefers-reduced-motion:reduce){.ck .ck-widget .ck-widget__type-around__button:hover,.ck .ck-widget .ck-widget__type-around__button:hover svg line,.ck .ck-widget .ck-widget__type-around__button:hover svg polyline{animation:none}}.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button,.ck .ck-widget:hover>.ck-widget__type-around>.ck-widget__type-around__button{opacity:1;pointer-events:auto}.ck .ck-widget:not(.ck-widget_selected)>.ck-widget__type-around>.ck-widget__type-around__button{background:var(--ck-color-widget-type-around-button-hover)}.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button,.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__button:hover{background:var(--ck-color-widget-type-around-button-active)}.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:after,.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__button:hover:after{background:linear-gradient(135deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));border-radius:100px;height:calc(var(--ck-widget-type-around-button-size) - 2px);width:calc(var(--ck-widget-type-around-button-size) - 2px)}.ck .ck-widget.ck-widget_with-selection-handle>.ck-widget__type-around>.ck-widget__type-around__button_before{margin-left:20px}.ck .ck-widget .ck-widget__type-around__fake-caret{animation:ck-widget-type-around-fake-caret-pulse 1s linear infinite normal forwards;background:var(--ck-color-base-text);height:1px;outline:1px solid hsla(0,0%,100%,.5);pointer-events:none}.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after,.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before{outline-color:transparent}.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover,.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover{outline-color:var(--ck-color-widget-hover-border)}.ck .ck-widget.ck-widget_type-around_show-fake-caret_after>.ck-widget__type-around>.ck-widget__type-around__button,.ck .ck-widget.ck-widget_type-around_show-fake-caret_before>.ck-widget__type-around>.ck-widget__type-around__button{opacity:0;pointer-events:none}.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer>.ck-widget__resizer,.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle,.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle,.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer>.ck-widget__resizer,.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle,.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle{opacity:0}.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around>.ck-widget__type-around__button_before{margin-left:0;margin-right:20px}.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button,.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover>.ck-widget__type-around>.ck-widget__type-around__button{opacity:0;pointer-events:none}.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:not(:hover){background:var(--ck-color-widget-type-around-button-blurred-editable)}.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:not(:hover) svg *{stroke:#999}@keyframes ck-widget-type-around-arrow-dash{0%{stroke-dashoffset:10}20%,to{stroke-dashoffset:0}}@keyframes ck-widget-type-around-arrow-tip-dash{0%,20%{stroke-dashoffset:7}40%,to{stroke-dashoffset:0}}@keyframes ck-widget-type-around-button-sonar{0%{box-shadow:0 0 0 0 hsla(var(--ck-color-focus-border-coordinates),var(--ck-color-widget-type-around-button-radar-start-alpha))}50%{box-shadow:0 0 0 5px hsla(var(--ck-color-focus-border-coordinates),var(--ck-color-widget-type-around-button-radar-end-alpha))}to{box-shadow:0 0 0 5px hsla(var(--ck-color-focus-border-coordinates),var(--ck-color-widget-type-around-button-radar-start-alpha))}}@keyframes ck-widget-type-around-fake-caret-pulse{0%{opacity:1}49%{opacity:1}50%{opacity:0}99%{opacity:0}to{opacity:1}}.ck-content code{background-color:hsla(0,0%,78%,.3);border-radius:2px;padding:.15em}.ck.ck-editor__editable .ck-code_selected{background-color:hsla(0,0%,78%,.5)}.ck-content blockquote{border-left:5px solid #ccc;font-style:italic;margin-left:0;margin-right:0;overflow:hidden;padding-left:1.5em;padding-right:1.5em}.ck-content[dir=rtl] blockquote{border-left:0;border-right:5px solid #ccc}:root{--ck-image-processing-highlight-color:#f9fafa;--ck-image-processing-background-color:#e3e5e8}.ck.ck-editor__editable .image.image-processing{position:relative}.ck.ck-editor__editable .image.image-processing:before{animation:ck-image-processing-animation 2s linear infinite;background:linear-gradient(90deg,var(--ck-image-processing-background-color),var(--ck-image-processing-highlight-color),var(--ck-image-processing-background-color));background-size:200% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.ck.ck-editor__editable .image.image-processing img{height:100%}@keyframes ck-image-processing-animation{0%{background-position:200% 0}to{background-position:-200% 0}}.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position{display:inline;pointer-events:none;position:relative}.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span{position:absolute;width:0}.ck.ck-editor__editable .ck-widget:-webkit-drag>.ck-widget__selection-handle,.ck.ck-editor__editable .ck-widget:-webkit-drag>.ck-widget__type-around{display:none}.ck.ck-clipboard-drop-target-line{pointer-events:none;position:absolute}.ck-content pre{background:hsla(0,0%,78%,.3);border:1px solid #c4c4c4;border-radius:2px;color:#353535;direction:ltr;font-style:normal;min-width:200px;padding:1em;tab-size:4;text-align:left;white-space:pre-wrap}.ck-content pre code{background:unset;border-radius:0;padding:0}.ck.ck-editor__editable pre{position:relative}.ck.ck-editor__editable pre[data-language]:after{content:attr(data-language);position:absolute}.ck.ck-editor{position:relative}.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar{z-index:var(--ck-z-panel)}.ck.ck-menu-bar{border:none;border-bottom:1px solid var(--ck-color-toolbar-border)}.ck .ck-placeholder,.ck.ck-placeholder{position:relative}.ck .ck-placeholder:before,.ck.ck-placeholder:before{content:attr(data-placeholder);left:0;pointer-events:none;position:absolute;right:0}.ck.ck-read-only .ck-placeholder:before{display:none}.ck.ck-reset_all .ck-placeholder{position:relative}.ck.ck-editor__editable span[data-ck-unsafe-element]{display:none}.ck-find-result{background:var(--ck-color-highlight-background);color:var(--ck-color-text)}.ck-find-result_selected{background:#ff9633}.ck.ck-find-and-replace-form{max-width:100%}.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs{display:flex}.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter,.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter{position:absolute}.ck-content .text-tiny{font-size:.7em}.ck-content .text-small{font-size:.85em}.ck-content .text-big{font-size:1.4em}.ck-content .text-huge{font-size:1.8em}.ck.ck-heading_heading1 .ck-button__label{font-size:20px}.ck.ck-heading_heading2 .ck-button__label{font-size:17px}.ck.ck-heading_heading3 .ck-button__label{font-size:14px}.ck[class*=ck-heading_heading]{font-weight:700}:root{--ck-highlight-marker-yellow:#fdfd77;--ck-highlight-marker-green:#62f962;--ck-highlight-marker-pink:#fc7899;--ck-highlight-marker-blue:#72ccfd;--ck-highlight-pen-red:#e71313;--ck-highlight-pen-green:#128a00}.ck-content .marker-yellow{background-color:var(--ck-highlight-marker-yellow)}.ck-content .marker-green{background-color:var(--ck-highlight-marker-green)}.ck-content .marker-pink{background-color:var(--ck-highlight-marker-pink)}.ck-content .marker-blue{background-color:var(--ck-highlight-marker-blue)}.ck-content .pen-red{background-color:transparent;color:var(--ck-highlight-pen-red)}.ck-content .pen-green{background-color:transparent;color:var(--ck-highlight-pen-green)}.ck-editor__editable .ck-horizontal-line{display:flow-root}.ck-content hr{background:#dedede;border:0;height:4px;margin:15px 0}.ck-widget.raw-html-embed{display:flow-root;font-style:normal;margin:.9em auto;min-width:15em;position:relative}.ck-widget.raw-html-embed:before{position:absolute;z-index:1}.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper{display:flex;flex-direction:column;position:absolute}.ck-widget.raw-html-embed .raw-html-embed__preview{display:flex;overflow:hidden;position:relative}.ck-widget.raw-html-embed .raw-html-embed__preview-content{border-collapse:separate;border-spacing:7px;display:table;margin:auto;position:relative;width:100%}.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}:root{--ck-html-object-embed-unfocused-outline-width:1px}.ck-widget.html-object-embed{background-color:var(--ck-color-base-foreground);font-size:var(--ck-font-size-base);min-width:calc(76px + var(--ck-spacing-standard));padding:var(--ck-spacing-small);padding-top:calc(var(--ck-font-size-tiny) + var(--ck-spacing-large))}.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover){outline:var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border)}.ck-widget.html-object-embed:before{background:#999;border-radius:0 0 var(--ck-border-radius) var(--ck-border-radius);color:var(--ck-color-base-background);content:attr(data-html-object-embed-label);font-family:var(--ck-font-face);font-size:var(--ck-font-size-tiny);font-style:normal;font-weight:400;left:var(--ck-spacing-standard);padding:calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);position:absolute;top:0;transition:background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve)}.ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before{margin-left:50px}.ck-widget.html-object-embed .html-object-embed__content{pointer-events:none}div.ck-widget.html-object-embed{margin:1em auto}span.ck-widget.html-object-embed{display:inline-block}:root{--ck-color-image-caption-background:#f7f7f7;--ck-color-image-caption-text:#333;--ck-color-image-caption-highlighted-background:#fd0}.ck-content .image>figcaption{background-color:var(--ck-color-image-caption-background);caption-side:bottom;color:var(--ck-color-image-caption-text);display:table-caption;font-size:.75em;outline-offset:-1px;padding:.6em;word-break:break-word}@media (forced-colors:active){.ck-content .image>figcaption{background-color:unset;color:unset}}@media (forced-colors:none){.ck.ck-editor__editable .image>figcaption.image__caption_highlighted{animation:ck-image-caption-highlight .6s ease-out}}@media (prefers-reduced-motion:reduce){.ck.ck-editor__editable .image>figcaption.image__caption_highlighted{animation:none}}@keyframes ck-image-caption-highlight{0%{background-color:var(--ck-color-image-caption-highlighted-background)}to{background-color:var(--ck-color-image-caption-background)}}.ck.ck-image-insert-url{padding:var(--ck-spacing-large) var(--ck-spacing-large) 0;width:400px}.ck.ck-image-insert-url .ck-image-insert-url__action-row{display:grid;grid-template-columns:repeat(2,1fr)}.ck-content img.image_resized{height:auto}.ck-content .image.image_resized{box-sizing:border-box;display:block;max-width:100%}.ck-content .image.image_resized img{width:100%}.ck-content .image.image_resized>figcaption{display:block}.ck.ck-editor__editable td .image-inline.image_resized img,.ck.ck-editor__editable th .image-inline.image_resized img{max-width:100%}[dir=ltr] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon{margin-right:var(--ck-spacing-standard)}[dir=rtl] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon{margin-left:var(--ck-spacing-standard)}.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label{width:4em}.ck.ck-image-custom-resize-form{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap}.ck.ck-image-custom-resize-form .ck-labeled-field-view{display:inline-block}.ck.ck-image-custom-resize-form .ck-label{display:none}@media screen and (max-width:600px){.ck.ck-image-custom-resize-form{flex-wrap:wrap}.ck.ck-image-custom-resize-form .ck-labeled-field-view{flex-basis:100%}.ck.ck-image-custom-resize-form .ck-button{flex-basis:50%}}:root{--ck-image-style-spacing:1.5em;--ck-inline-image-style-spacing:calc(var(--ck-image-style-spacing)/2)}.ck-content .image.image-style-block-align-left,.ck-content .image.image-style-block-align-right{max-width:calc(100% - var(--ck-image-style-spacing))}.ck-content .image.image-style-align-left,.ck-content .image.image-style-align-right{clear:none}.ck-content .image.image-style-side{float:right;margin-left:var(--ck-image-style-spacing);max-width:50%}.ck-content .image.image-style-align-left{float:left;margin-right:var(--ck-image-style-spacing)}.ck-content .image.image-style-align-right{float:right;margin-left:var(--ck-image-style-spacing)}.ck-content .image.image-style-block-align-right{margin-left:auto;margin-right:0}.ck-content .image.image-style-block-align-left{margin-left:0;margin-right:auto}.ck-content .image-style-align-center{margin-left:auto;margin-right:auto}.ck-content .image-style-align-left{float:left;margin-right:var(--ck-image-style-spacing)}.ck-content .image-style-align-right{float:right;margin-left:var(--ck-image-style-spacing)}.ck-content p+.image.image-style-align-left,.ck-content p+.image.image-style-align-right,.ck-content p+.image.image-style-side{margin-top:0}.ck-content .image-inline.image-style-align-left,.ck-content .image-inline.image-style-align-right{margin-bottom:var(--ck-inline-image-style-spacing);margin-top:var(--ck-inline-image-style-spacing)}.ck-content .image-inline.image-style-align-left{margin-right:var(--ck-inline-image-style-spacing)}.ck-content .image-inline.image-style-align-right{margin-left:var(--ck-inline-image-style-spacing)}.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__action:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover),.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__action:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover){background-color:var(--ck-color-button-on-background)}.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__action:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after,.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__action:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after{display:none}.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton__action:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton__arrow:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover){background-color:var(--ck-color-button-on-hover-background)}.ck.ck-text-alternative-form{display:flex;flex-direction:row;flex-wrap:nowrap}.ck.ck-text-alternative-form .ck-labeled-field-view{display:inline-block}.ck.ck-text-alternative-form .ck-label{display:none}@media screen and (max-width:600px){.ck.ck-text-alternative-form{flex-wrap:wrap}.ck.ck-text-alternative-form .ck-labeled-field-view{flex-basis:100%}.ck.ck-text-alternative-form .ck-button{flex-basis:50%}}.ck.ck-editor__editable .image,.ck.ck-editor__editable .image-inline{position:relative}.ck.ck-editor__editable .image .ck-progress-bar,.ck.ck-editor__editable .image-inline .ck-progress-bar{left:0;position:absolute;top:0}.ck-image-upload-complete-icon{border-radius:50%;display:block;position:absolute;right:min(var(--ck-spacing-medium),6%);top:min(var(--ck-spacing-medium),6%);z-index:1}.ck-image-upload-complete-icon:after{content:"";position:absolute}.ck .ck-upload-placeholder-loader{align-items:center;display:flex;justify-content:center;left:0;position:absolute;top:0}.ck .ck-upload-placeholder-loader:before{content:"";position:relative}.ck-content .image{clear:both;display:table;margin:.9em auto;min-width:50px;text-align:center}.ck-content .image img{display:block;height:auto;margin:0 auto;max-width:100%;min-width:100%}.ck-content .image-inline{align-items:flex-start;display:inline-flex;max-width:100%}.ck-content .image-inline picture{display:flex}.ck-content .image-inline img,.ck-content .image-inline picture{flex-grow:1;flex-shrink:1;max-width:100%}.ck.ck-editor__editable .image>figcaption.ck-placeholder:before{overflow:hidden;padding-left:inherit;padding-right:inherit;text-overflow:ellipsis;white-space:nowrap}.ck.ck-editor__editable .image{z-index:1}.ck.ck-editor__editable .image.ck-widget_selected{z-index:2}.ck.ck-editor__editable .image-inline{z-index:1}.ck.ck-editor__editable .image-inline.ck-widget_selected{z-index:2}.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection{display:none}.ck.ck-editor__editable .image-inline img{height:auto}.ck.ck-editor__editable td .image-inline img,.ck.ck-editor__editable th .image-inline img{max-width:none}.ck.ck-editor__editable img.image_placeholder{background-size:100% 100%}.ck.ck-editor__editable a span.image-inline:after,.ck.ck-editor__editable figure.image>a:after{display:block;position:absolute}.ck.ck-link-actions{display:flex;flex-direction:row;flex-wrap:nowrap}.ck.ck-link-actions .ck-link-actions__preview{display:inline-block}.ck.ck-link-actions .ck-link-actions__preview .ck-button__label{overflow:hidden}@media screen and (max-width:600px){.ck.ck-link-actions{flex-wrap:wrap}.ck.ck-link-actions .ck-link-actions__preview{flex-basis:100%}.ck.ck-link-actions .ck-button:not(.ck-link-actions__preview){flex-basis:50%}}.ck.ck-link-form{align-items:flex-start;display:flex}.ck.ck-link-form .ck-label{display:none}@media screen and (max-width:600px){.ck.ck-link-form{flex-wrap:wrap}.ck.ck-link-form .ck-labeled-field-view{flex-basis:100%}.ck.ck-link-form .ck-button{flex-basis:50%}}.ck.ck-link-form_layout-vertical{display:block}.ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel,.ck.ck-link-form_layout-vertical .ck-button.ck-button-save{margin-top:var(--ck-spacing-medium)}.ck-editor__editable .ck-list-bogus-paragraph{display:block}.ck.ck-list-styles-list{display:grid}.ck-content ol{list-style-type:decimal}.ck-content ol ol{list-style-type:lower-latin}.ck-content ol ol ol{list-style-type:lower-roman}.ck-content ol ol ol ol{list-style-type:upper-latin}.ck-content ol ol ol ol ol{list-style-type:upper-roman}.ck-content ul{list-style-type:disc}.ck-content ul ul{list-style-type:circle}.ck-content ul ul ul,.ck-content ul ul ul ul{list-style-type:square}:root{--ck-todo-list-checkmark-size:16px}.ck-content .todo-list{list-style:none}.ck-content .todo-list li{margin-bottom:5px;position:relative}.ck-content .todo-list li .todo-list{margin-top:5px}.ck-content .todo-list .todo-list__label>input{-webkit-appearance:none;border:0;display:inline-block;height:var(--ck-todo-list-checkmark-size);left:-25px;margin-left:0;margin-right:-15px;position:relative;right:0;vertical-align:middle;width:var(--ck-todo-list-checkmark-size)}.ck-content[dir=rtl] .todo-list .todo-list__label>input{left:0;margin-left:-15px;margin-right:0;right:-25px}.ck-content .todo-list .todo-list__label>input:before{border:1px solid #333;border-radius:2px;box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:box-shadow .25s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.ck-content .todo-list .todo-list__label>input:before{transition:none}}.ck-content .todo-list .todo-list__label>input:after{border-color:transparent;border-style:solid;border-width:0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8) 0;box-sizing:content-box;content:"";display:block;height:calc(var(--ck-todo-list-checkmark-size)/2.6);left:calc(var(--ck-todo-list-checkmark-size)/3);pointer-events:none;position:absolute;top:calc(var(--ck-todo-list-checkmark-size)/5.3);transform:rotate(45deg);width:calc(var(--ck-todo-list-checkmark-size)/5.3)}.ck-content .todo-list .todo-list__label>input[checked]:before{background:#26ab33;border-color:#26ab33}.ck-content .todo-list .todo-list__label>input[checked]:after{border-color:#fff}.ck-content .todo-list .todo-list__label .todo-list__label__description{vertical-align:middle}.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox]{position:absolute}.ck-editor__editable.ck-content .todo-list .todo-list__label>input,.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input{cursor:pointer}.ck-editor__editable.ck-content .todo-list .todo-list__label>input:hover:before,.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:hover:before{box-shadow:0 0 0 5px rgba(0,0,0,.1)}.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input{-webkit-appearance:none;border:0;display:inline-block;height:var(--ck-todo-list-checkmark-size);left:-25px;margin-left:0;margin-right:-15px;position:relative;right:0;vertical-align:middle;width:var(--ck-todo-list-checkmark-size)}.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label>span[contenteditable=false]>input{left:0;margin-left:-15px;margin-right:0;right:-25px}.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:before{border:1px solid #333;border-radius:2px;box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:box-shadow .25s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:before{transition:none}}.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:after{border-color:transparent;border-style:solid;border-width:0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8) 0;box-sizing:content-box;content:"";display:block;height:calc(var(--ck-todo-list-checkmark-size)/2.6);left:calc(var(--ck-todo-list-checkmark-size)/3);pointer-events:none;position:absolute;top:calc(var(--ck-todo-list-checkmark-size)/5.3);transform:rotate(45deg);width:calc(var(--ck-todo-list-checkmark-size)/5.3)}.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input[checked]:before{background:#26ab33;border-color:#26ab33}.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input[checked]:after{border-color:#fff}.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox]{position:absolute}.ck-content .media{clear:both;display:block;margin:.9em 0;min-width:15em}.ck-media__wrapper .ck-media__placeholder{align-items:center;display:flex;flex-direction:column}.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url{max-width:100%;position:relative}.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text{display:block;overflow:hidden}.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *,.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon *{display:none}.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper>:not(.ck-media__placeholder),.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder{pointer-events:none}.ck-vertical-form .ck-button:after{bottom:-1px;content:"";position:absolute;right:-1px;top:-1px;width:0;z-index:1}.ck-vertical-form .ck-button:focus:after{display:none}@media screen and (max-width:600px){.ck.ck-responsive-form .ck-button:after{bottom:-1px;content:"";position:absolute;right:-1px;top:-1px;width:0;z-index:1}.ck.ck-responsive-form .ck-button:focus:after{display:none}}.ck.ck-media-form{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;width:400px}.ck.ck-media-form .ck-labeled-field-view{display:inline-block;width:100%}.ck.ck-media-form .ck-label{display:none}.ck.ck-media-form .ck-input{width:100%}@media screen and (max-width:600px){.ck.ck-media-form{flex-wrap:wrap}.ck.ck-media-form .ck-labeled-field-view{flex-basis:100%}.ck.ck-media-form .ck-button{flex-basis:50%}}:root{--ck-mention-list-max-height:300px}.ck.ck-mentions{max-height:var(--ck-mention-list-max-height);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.ck.ck-mentions>.ck-list__item{flex-shrink:0;overflow:hidden}:root{--ck-color-minimap-tracker-background:208,0%,51%;--ck-color-minimap-iframe-outline:#bfbfbf;--ck-color-minimap-iframe-shadow:rgba(0,0,0,.11);--ck-color-minimap-progress-background:#666}.ck.ck-minimap{background:var(--ck-color-base-background);position:absolute;user-select:none}.ck.ck-minimap,.ck.ck-minimap iframe{height:100%;width:100%}.ck.ck-minimap iframe{border:0;box-shadow:0 2px 5px var(--ck-color-minimap-iframe-shadow);margin:0;outline:1px solid var(--ck-color-minimap-iframe-outline);pointer-events:none;position:relative}.ck.ck-minimap .ck.ck-minimap__position-tracker{background:hsla(var(--ck-color-minimap-tracker-background),.2);position:absolute;top:0;transition:background .1s ease-in-out;width:100%;z-index:1}@media (prefers-reduced-motion:reduce){.ck.ck-minimap .ck.ck-minimap__position-tracker{transition:none}}.ck.ck-minimap .ck.ck-minimap__position-tracker:hover{background:hsla(var(--ck-color-minimap-tracker-background),.3)}.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging,.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover{background:hsla(var(--ck-color-minimap-tracker-background),.4)}.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:after,.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover:after{opacity:1}.ck.ck-minimap .ck.ck-minimap__position-tracker:after{background:var(--ck-color-minimap-progress-background);border:1px solid var(--ck-color-base-background);border-radius:3px;color:var(--ck-color-base-background);content:attr(data-progress) "%";font-size:10px;opacity:0;padding:2px 4px;position:absolute;right:5px;top:5px;transition:opacity .1s ease-in-out}@media (prefers-reduced-motion:reduce){.ck.ck-minimap .ck.ck-minimap__position-tracker:after{transition:none}}.ck-content .page-break{align-items:center;clear:both;display:flex;justify-content:center;padding:5px 0;position:relative}.ck-content .page-break:after{border-bottom:2px dashed #c4c4c4;content:"";position:absolute;width:100%}.ck-content .page-break__label{background:#fff;border:1px solid #c4c4c4;border-radius:2px;box-shadow:2px 2px 1px rgba(0,0,0,.15);color:#333;display:block;font-family:Helvetica,Arial,Tahoma,Verdana,Sans-Serif;font-size:.75em;font-weight:700;padding:.3em .6em;position:relative;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}@media print{.ck-content .page-break{padding:0}.ck-content .page-break:after{display:none}.ck-content :has(+.page-break){margin-bottom:0}}:root{--ck-show-blocks-border-color:#757575}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget,.ck-widget *){background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget,.ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget,.ck-widget *){background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget,.ck-widget *){background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");background-position:calc(100% - 1px) 1px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image,figure.table) figcaption{background-repeat:no-repeat;padding-top:15px}.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image,figure.table) figcaption:not(.ck-widget_selected):not(.ck-widget:hover){outline:1px dashed var(--ck-show-blocks-border-color)}[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image,figure.table) figcaption{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");background-position:1px 1px}[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image,figure.table) figcaption{background-image:url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");background-position:calc(100% - 1px) 1px}.ck-source-editing-area{overflow:hidden;position:relative}.ck-source-editing-area textarea,.ck-source-editing-area:after{border:1px solid transparent;font-family:monospace;font-size:var(--ck-font-size-normal);line-height:var(--ck-line-height-base);margin:0;padding:var(--ck-spacing-large);white-space:pre-wrap}.ck-source-editing-area:after{content:attr(data-value) " ";display:block;visibility:hidden}.ck-source-editing-area textarea{border-color:var(--ck-color-base-border);border-radius:0;box-sizing:border-box;height:100%;outline:none;overflow:hidden;position:absolute;resize:none;width:100%}.ck-rounded-corners .ck-source-editing-area textarea,.ck-source-editing-area textarea.ck-rounded-corners{border-radius:var(--ck-border-radius);border-top-left-radius:0;border-top-right-radius:0}.ck-source-editing-area textarea:not([readonly]):focus{border:var(--ck-focus-ring);box-shadow:var(--ck-inner-shadow),0 0;outline:none}.ck.ck-character-grid{max-width:100%}.ck.ck-character-grid .ck-character-grid__tiles{display:grid}.ck.ck-character-info{display:flex;justify-content:space-between}.ck.ck-special-characters>.ck-dialog__content>div{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100%;max-width:100%;width:350px}.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories{grid-area:1/1/2/2;padding:var(--ck-spacing-medium) var(--ck-spacing-large)}.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view{padding-top:var(--ck-spacing-standard);width:100%}.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view .ck.ck-labeled-field-view__status{animation:ck-table-form-labeled-view-status-appear .15s ease both;background:var(--ck-color-base-error);color:var(--ck-color-base-background);min-width:var(--ck-table-properties-min-error-width);padding:var(--ck-spacing-small) var(--ck-spacing-medium);text-align:center}.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view .ck.ck-labeled-field-view__status:after{border-color:transparent transparent var(--ck-color-base-error) transparent;border-style:solid;border-width:0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size)}@media (prefers-reduced-motion:reduce){.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view .ck.ck-labeled-field-view__status{animation:none}}.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view .ck-input.ck-error:not(:focus)+.ck.ck-labeled-field-view__status{display:none}.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories>.ck-labeled-field-view>.ck-label{font-size:var(--ck-font-size-tiny);text-align:center}.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories .ck-dropdown{display:block;width:100%}.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories .ck-dropdown>button:not(:focus){border:1px solid var(--ck-color-base-border)}.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-categories .ck-dropdown>button>span{width:100%}.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-grid{grid-area:2/1/3/2;max-height:200px}.ck.ck-special-characters>.ck-dialog__content>div>.ck-character-info{grid-area:3/1/4/2}:root{--ck-style-panel-columns:3}.ck.ck-style-panel .ck-style-grid{display:grid;grid-template-columns:repeat(var(--ck-style-panel-columns),auto);justify-content:start}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button{display:flex;flex-direction:column;justify-content:space-between}.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview{align-content:center;align-items:center;display:flex;flex-basis:100%;flex-grow:1;justify-content:flex-start}.ck-content .table{display:table;margin:.9em auto}.ck-content .table table{border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;height:100%;width:100%}.ck-content .table table td,.ck-content .table table th{border:1px solid #bfbfbf;min-width:2em;padding:.4em}.ck-content .table table th{background:rgba(0,0,0,.05);font-weight:700}@media print{.ck-content .table table{height:auto}}.ck-content[dir=rtl] .table th{text-align:right}.ck-content[dir=ltr] .table th{text-align:left}.ck-editor__editable .ck-table-bogus-paragraph{display:inline-block;width:100%}.ck .ck-insert-table-dropdown__grid{display:flex;flex-direction:row;flex-wrap:wrap}.ck.ck-form__row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.ck.ck-form__row>:not(.ck-label){flex-grow:1}.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel,.ck.ck-form__row.ck-table-form__action-row .ck-button-save{justify-content:center}.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row{flex-wrap:wrap}.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type{flex-grow:0.57}.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type{flex-grow:0.43}.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button{flex-grow:1}.ck.ck-input-color{display:flex;flex-direction:row-reverse;width:100%}.ck.ck-input-color>input.ck.ck-input-text{flex-grow:1;min-width:auto}.ck.ck-input-color>div.ck.ck-dropdown{min-width:auto}.ck.ck-input-color>div.ck.ck-dropdown>.ck-input-color__button .ck-dropdown__arrow{display:none}.ck.ck-input-color .ck.ck-input-color__button{display:flex}.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview{overflow:hidden;position:relative}.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview>.ck.ck-input-color__button__preview__no-color-indicator{display:block;position:absolute}.ck.ck-table-form .ck-form__row.ck-table-form__background-row,.ck.ck-table-form .ck-form__row.ck-table-form__border-row{flex-wrap:wrap}.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row{align-items:center;flex-wrap:wrap}.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view{align-items:center;display:flex;flex-direction:column-reverse}.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown,.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator{flex-grow:0}.ck.ck-table-form .ck.ck-labeled-field-view{position:relative}.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{bottom:calc(var(--ck-table-properties-error-arrow-size)*-1);left:50%;position:absolute;transform:translate(-50%,100%);z-index:1}.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after{content:"";left:50%;position:absolute;top:calc(var(--ck-table-properties-error-arrow-size)*-1);transform:translateX(-50%)}.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{align-content:baseline;flex-basis:0;flex-wrap:wrap}.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items{flex-wrap:nowrap}:root{--ck-color-selector-caption-background:#f7f7f7;--ck-color-selector-caption-text:#333;--ck-color-selector-caption-highlighted-background:#fd0}.ck-content .table>figcaption{background-color:var(--ck-color-selector-caption-background);caption-side:top;color:var(--ck-color-selector-caption-text);display:table-caption;font-size:.75em;outline-offset:-1px;padding:.6em;text-align:center;word-break:break-word}@media (forced-colors:active){.ck-content .table>figcaption{background-color:unset;color:unset}}@media (forced-colors:none){.ck.ck-editor__editable .table>figcaption.table__caption_highlighted{animation:ck-table-caption-highlight .6s ease-out}}.ck.ck-editor__editable .table>figcaption.ck-placeholder:before{overflow:hidden;padding-left:inherit;padding-right:inherit;text-overflow:ellipsis;white-space:nowrap}@keyframes ck-table-caption-highlight{0%{background-color:var(--ck-color-selector-caption-highlighted-background)}to{background-color:var(--ck-color-selector-caption-background)}}:root{--ck-color-selector-column-resizer-hover:var(--ck-color-base-active);--ck-table-column-resizer-width:7px;--ck-table-column-resizer-position-offset:calc(var(--ck-table-column-resizer-width)*-0.5 - 0.5px)}.ck-content .table .ck-table-resized{table-layout:fixed}.ck-content .table table{overflow:hidden}.ck-content .table td,.ck-content .table th{overflow-wrap:break-word;position:relative}.ck.ck-editor__editable .table .ck-table-column-resizer{bottom:0;cursor:col-resize;position:absolute;right:var(--ck-table-column-resizer-position-offset);top:0;user-select:none;width:var(--ck-table-column-resizer-width);z-index:var(--ck-z-default)}.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer,.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer{display:none}.ck.ck-editor__editable .table .ck-table-column-resizer:hover,.ck.ck-editor__editable .table .ck-table-column-resizer__active{background-color:var(--ck-color-selector-column-resizer-hover);bottom:-999999px;opacity:.25;top:-999999px}.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer{left:var(--ck-table-column-resizer-position-offset);right:unset}.ck-hidden{display:none!important}:root{--ck-z-default:1;--ck-z-panel:calc(var(--ck-z-default) + 999);--ck-z-dialog:9999}.ck-transitions-disabled,.ck-transitions-disabled *{transition:none!important}:root{--ck-powered-by-line-height:10px;--ck-powered-by-padding-vertical:2px;--ck-powered-by-padding-horizontal:4px;--ck-powered-by-text-color:#4f4f4f;--ck-powered-by-border-radius:var(--ck-border-radius);--ck-powered-by-background:#fff;--ck-powered-by-border-color:var(--ck-color-focus-border)}.ck.ck-balloon-panel.ck-powered-by-balloon{--ck-border-radius:var(--ck-powered-by-border-radius);background:var(--ck-powered-by-background);box-shadow:none;min-height:unset;z-index:calc(var(--ck-z-panel) - 1)}.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by{line-height:var(--ck-powered-by-line-height)}.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a{align-items:center;cursor:pointer;display:flex;filter:grayscale(80%);line-height:var(--ck-powered-by-line-height);opacity:.66;padding:var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal)}.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label{color:var(--ck-powered-by-text-color);cursor:pointer;font-size:7.5px;font-weight:700;letter-spacing:-.2px;line-height:normal;margin-right:4px;padding-left:2px;text-transform:uppercase}.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon{cursor:pointer;display:block}.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a{filter:grayscale(0);opacity:1}.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_inside]{border-color:transparent}.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_border]{border:var(--ck-focus-ring);border-color:var(--ck-powered-by-border-color)}.ck.ck-button,a.ck.ck-button{align-items:center;display:inline-flex;position:relative;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir=ltr] .ck.ck-button,[dir=ltr] a.ck.ck-button{justify-content:left}[dir=rtl] .ck.ck-button,[dir=rtl] a.ck.ck-button{justify-content:right}.ck.ck-button .ck-button__label,a.ck.ck-button .ck-button__label{display:none}.ck.ck-button.ck-button_with-text .ck-button__label,a.ck.ck-button.ck-button_with-text .ck-button__label{display:inline-block}.ck.ck-button:not(.ck-button_with-text),a.ck.ck-button:not(.ck-button_with-text){justify-content:center}.ck.ck-button.ck-switchbutton .ck-button__toggle,.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner{display:block}.ck.ck-list-item-button{border-radius:0;min-height:unset;width:100%}[dir=ltr] .ck.ck-list-item-button{text-align:left}[dir=rtl] .ck.ck-list-item-button{text-align:right}[dir=ltr] .ck.ck-list-item-button.ck-list-item-button_toggleable{padding-left:var(--ck-spacing-small)}[dir=rtl] .ck.ck-list-item-button.ck-list-item-button_toggleable{padding-right:var(--ck-spacing-small)}.ck.ck-list-item-button .ck-list-item-button__check-holder{display:inline-flex;height:.9em;width:.9em}[dir=ltr] .ck.ck-list-item-button .ck-list-item-button__check-holder{margin-right:var(--ck-spacing-small)}[dir=rtl] .ck.ck-list-item-button .ck-list-item-button__check-holder{margin-left:var(--ck-spacing-small)}.ck.ck-list-item-button .ck-list-item-button__check-icon{height:100%}.ck.ck-collapsible.ck-collapsible_collapsed>.ck-collapsible__children{display:none}.ck.ck-color-grid{display:grid}.color-picker-hex-input{width:max-content}.color-picker-hex-input .ck.ck-input{min-width:unset}.ck.ck-color-picker__row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin:var(--ck-spacing-large) 0 0;width:unset}.ck.ck-color-picker__row .ck.ck-labeled-field-view{padding-top:unset}.ck.ck-color-picker__row .ck.ck-input-text{width:unset}.ck.ck-color-picker__row .ck-color-picker__hash-view{padding-right:var(--ck-spacing-medium);padding-top:var(--ck-spacing-tiny)}.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker,.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color{align-items:center;display:flex}[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker,[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color{justify-content:flex-start}.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar{display:flex;flex-direction:row;justify-content:space-around}.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel,.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save{flex:1}.ck.ck-dialog .ck.ck-dialog__actions{display:flex;justify-content:flex-end}.ck.ck-dialog-overlay{bottom:0;left:0;overscroll-behavior:none;position:fixed;right:0;top:0;user-select:none}.ck.ck-dialog-overlay.ck-dialog-overlay__transparent{animation:none;background:none;pointer-events:none}.ck.ck-dialog{overscroll-behavior:none;position:absolute;width:fit-content}.ck.ck-dialog .ck.ck-form__header{flex-shrink:0}.ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label{cursor:grab}.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog{pointer-events:all}:root{--ck-dropdown-max-width:75vw}.ck.ck-dropdown{display:inline-block;position:relative}.ck.ck-dropdown .ck-dropdown__arrow{pointer-events:none;z-index:var(--ck-z-default)}.ck.ck-dropdown .ck-button.ck-dropdown__button{width:100%}.ck.ck-dropdown .ck-dropdown__panel{display:none;max-width:var(--ck-dropdown-max-width);position:absolute;z-index:var(--ck-z-panel)}.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible{display:inline-block}.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw{bottom:100%}.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw{bottom:auto;top:100%}.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se{left:0}.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw{right:0}.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s{left:50%;transform:translateX(-50%)}.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw{left:75%;transform:translateX(-75%)}.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme{left:25%;transform:translateX(-25%)}.ck.ck-toolbar .ck-dropdown__panel{z-index:calc(var(--ck-z-panel) + 1)}.ck.ck-splitbutton{font-size:inherit}.ck.ck-splitbutton .ck-splitbutton__action:focus{z-index:calc(var(--ck-z-default) + 1)}:root{--ck-toolbar-dropdown-max-width:60vw}.ck.ck-toolbar-dropdown>.ck-dropdown__panel{max-width:var(--ck-toolbar-dropdown-max-width);width:max-content}.ck.ck-toolbar-dropdown>.ck-dropdown__panel .ck-button:focus{z-index:calc(var(--ck-z-default) + 1)}.ck.ck-dropdown-menu-list__nested-menu__button>.ck-dropdown-menu-list__nested-menu__button__arrow{pointer-events:none;z-index:var(--ck-z-default)}.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel{max-height:314px;overflow-y:auto;position:absolute;z-index:calc(var(--ck-z-panel) + 1)}.ck.ck-dropdown-menu-list__nested-menu{display:block}.ck.ck-aria-live-announcer{left:-10000px;position:absolute;top:-10000px}.ck.ck-aria-live-region-list{list-style-type:none}.ck.ck-form__header{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.ck.ck-form__header h2.ck-form__header__label{flex-grow:1}.ck.ck-icon{vertical-align:middle}.ck.ck-label{display:block}.ck.ck-voice-label{display:none}.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper{display:flex;position:relative}.ck.ck-labeled-field-view .ck.ck-label{display:block;position:absolute}.ck.ck-list{display:flex;flex-direction:column;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ck.ck-list .ck-list__item,.ck.ck-list .ck-list__separator{display:block}.ck.ck-list .ck-list__item>:focus{position:relative;z-index:var(--ck-z-default)}:root{--ck-balloon-panel-arrow-z-index:calc(var(--ck-z-default) - 3)}.ck.ck-balloon-panel{display:none;position:absolute;z-index:var(--ck-z-panel)}.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after,.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before{content:"";position:absolute}.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before{z-index:var(--ck-balloon-panel-arrow-z-index)}.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after{z-index:calc(var(--ck-balloon-panel-arrow-z-index) + 1)}.ck.ck-balloon-panel[class*=arrow_n]:before{z-index:var(--ck-balloon-panel-arrow-z-index)}.ck.ck-balloon-panel[class*=arrow_n]:after{z-index:calc(var(--ck-balloon-panel-arrow-z-index) + 1)}.ck.ck-balloon-panel[class*=arrow_s]:before{z-index:var(--ck-balloon-panel-arrow-z-index)}.ck.ck-balloon-panel[class*=arrow_s]:after{z-index:calc(var(--ck-balloon-panel-arrow-z-index) + 1)}.ck.ck-balloon-panel.ck-balloon-panel_visible{display:block}.ck .ck-balloon-rotator__navigation{align-items:center;display:flex;justify-content:center}.ck .ck-balloon-rotator__content .ck-toolbar{justify-content:center}.ck .ck-fake-panel{position:absolute;z-index:calc(var(--ck-z-panel) - 1)}.ck .ck-fake-panel div{position:absolute}.ck .ck-fake-panel div:first-child{z-index:2}.ck .ck-fake-panel div:nth-child(2){z-index:1}.ck.ck-sticky-panel .ck-sticky-panel__content_sticky{position:fixed;top:0;z-index:var(--ck-z-panel)}.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit{position:absolute;top:auto}.ck.ck-autocomplete{position:relative}.ck.ck-autocomplete>.ck-search__results{position:absolute;z-index:var(--ck-z-panel)}.ck.ck-autocomplete>.ck-search__results.ck-search__results_n{bottom:100%}.ck.ck-autocomplete>.ck-search__results.ck-search__results_s{bottom:auto;top:100%}.ck.ck-search>.ck-labeled-field-view>.ck-labeled-field-view__input-wrapper>.ck-icon{position:absolute;top:50%;transform:translateY(-50%)}[dir=ltr] .ck.ck-search>.ck-labeled-field-view>.ck-labeled-field-view__input-wrapper>.ck-icon{left:var(--ck-spacing-medium)}[dir=rtl] .ck.ck-search>.ck-labeled-field-view>.ck-labeled-field-view__input-wrapper>.ck-icon{right:var(--ck-spacing-medium)}.ck.ck-search>.ck-labeled-field-view .ck-search__reset{position:absolute;top:50%;transform:translateY(-50%)}.ck.ck-search>.ck-search__results>.ck-search__info>span:first-child{display:block}.ck.ck-search>.ck-search__results>.ck-search__info:not(.ck-hidden)~*{display:none}.ck.ck-highlighted-text mark{background:var(--ck-color-highlight-background);font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:initial}.ck.ck-balloon-panel.ck-tooltip{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:calc(var(--ck-z-dialog) + 100)}:root{--ck-toolbar-spinner-size:18px}.ck.ck-spinner-container{display:block;position:relative}.ck.ck-spinner{left:0;margin:0 auto;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.ck.ck-toolbar{align-items:center;display:flex;flex-flow:row nowrap;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ck.ck-toolbar>.ck-toolbar__items{align-items:center;display:flex;flex-flow:row wrap;flex-grow:1}.ck.ck-toolbar .ck.ck-toolbar__separator{display:inline-block}.ck.ck-toolbar .ck.ck-toolbar__separator:first-child,.ck.ck-toolbar .ck.ck-toolbar__separator:last-child{display:none}.ck.ck-toolbar .ck-toolbar__line-break{flex-basis:100%}.ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items{flex-wrap:nowrap}.ck.ck-toolbar.ck-toolbar_vertical>.ck-toolbar__items{flex-direction:column}.ck.ck-toolbar.ck-toolbar_floating>.ck-toolbar__items{flex-wrap:nowrap}.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown>.ck-dropdown__button .ck-dropdown__arrow{display:none}.ck.ck-block-toolbar-button{position:absolute;z-index:var(--ck-z-default)}.ck.ck-menu-bar__menu>.ck-menu-bar__menu__button>.ck-menu-bar__menu__button__arrow{pointer-events:none;z-index:var(--ck-z-default)}:root{--ck-menu-bar-menu-max-width:75vw;--ck-menu-bar-nested-menu-horizontal-offset:5px}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel{max-width:var(--ck-menu-bar-menu-max-width);position:absolute;z-index:var(--ck-z-panel)}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw{bottom:100%}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw{bottom:auto;top:100%}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se{left:0}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw{right:0}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es{left:calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset))}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es{top:0}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en{bottom:0}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn,.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws{right:calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset))}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws{top:0}.ck.ck-menu-bar__menu>.ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn{bottom:0}.ck.ck-menu-bar__menu{display:block;position:relative}:root{--ck-color-resizer:var(--ck-color-focus-border);--ck-color-resizer-tooltip-background:#262626;--ck-color-resizer-tooltip-text:#f2f2f2;--ck-resizer-border-radius:var(--ck-border-radius);--ck-resizer-tooltip-offset:10px;--ck-resizer-tooltip-height:calc(var(--ck-spacing-small)*2 + 10px)}.ck .ck-widget,.ck .ck-widget.ck-widget_with-selection-handle{position:relative}.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{position:absolute}.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon{display:block}.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle,.ck .ck-widget.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle{visibility:visible}.ck .ck-size-view{background:var(--ck-color-resizer-tooltip-background);border:1px solid var(--ck-color-resizer-tooltip-text);border-radius:var(--ck-resizer-border-radius);color:var(--ck-color-resizer-tooltip-text);display:block;font-size:var(--ck-font-size-tiny);height:var(--ck-resizer-tooltip-height);line-height:var(--ck-resizer-tooltip-height);padding:0 var(--ck-spacing-small)}.ck .ck-size-view.ck-orientation-above-center,.ck .ck-size-view.ck-orientation-bottom-left,.ck .ck-size-view.ck-orientation-bottom-right,.ck .ck-size-view.ck-orientation-top-left,.ck .ck-size-view.ck-orientation-top-right{position:absolute}.ck .ck-size-view.ck-orientation-top-left{left:var(--ck-resizer-tooltip-offset);top:var(--ck-resizer-tooltip-offset)}.ck .ck-size-view.ck-orientation-top-right{right:var(--ck-resizer-tooltip-offset);top:var(--ck-resizer-tooltip-offset)}.ck .ck-size-view.ck-orientation-bottom-right{bottom:var(--ck-resizer-tooltip-offset);right:var(--ck-resizer-tooltip-offset)}.ck .ck-size-view.ck-orientation-bottom-left{bottom:var(--ck-resizer-tooltip-offset);left:var(--ck-resizer-tooltip-offset)}.ck .ck-size-view.ck-orientation-above-center{left:50%;top:calc(var(--ck-resizer-tooltip-height)*-1);transform:translate(-50%)}.ck .ck-widget_with-resizer{position:relative}.ck .ck-widget__resizer{display:none;left:0;pointer-events:none;position:absolute;top:0}.ck-focused .ck-widget_with-resizer.ck-widget_selected>.ck-widget__resizer{display:block}.ck .ck-widget__resizer__handle{pointer-events:all;position:absolute}.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right,.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left{cursor:nwse-resize}.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left,.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right{cursor:nesw-resize}.ck .ck-widget .ck-widget__type-around__button{display:block;overflow:hidden;position:absolute;z-index:var(--ck-z-default)}.ck .ck-widget .ck-widget__type-around__button svg{left:50%;position:absolute;top:50%;z-index:calc(var(--ck-z-default) + 2)}.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before{left:min(10%,30px);top:calc(var(--ck-widget-outline-thickness)*-.5);transform:translateY(-50%)}.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after{bottom:calc(var(--ck-widget-outline-thickness)*-.5);right:min(10%,30px);transform:translateY(50%)}.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:after,.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__button:hover:after{content:"";display:block;left:1px;position:absolute;top:1px;z-index:calc(var(--ck-z-default) + 1)}.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__fake-caret{display:none;left:0;position:absolute;right:0}.ck .ck-widget:hover>.ck-widget__type-around>.ck-widget__type-around__fake-caret{left:calc(var(--ck-widget-outline-thickness)*-1);right:calc(var(--ck-widget-outline-thickness)*-1)}.ck .ck-widget.ck-widget_type-around_show-fake-caret_before>.ck-widget__type-around>.ck-widget__type-around__fake-caret{display:block;top:calc(var(--ck-widget-outline-thickness)*-1 - 1px)}.ck .ck-widget.ck-widget_type-around_show-fake-caret_after>.ck-widget__type-around>.ck-widget__type-around__fake-caret{bottom:calc(var(--ck-widget-outline-thickness)*-1 - 1px);display:block}.ck.ck-editor__editable.ck-read-only .ck-widget__type-around,.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around,.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around{display:none}

.timezones-not-ready-placeholder {
  /* nothing here yet */
}

.timezones-ready-select {
  /* nothing here yet */
}
.oe-time-input-wrapper {
  position: relative;
}
.oe-time-input-wrapper .oe-time-input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.oe-time-input-wrapper .react-datepicker-wrapper input {
  visibility: hidden;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.alert-error-message__header {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
}
.alert-error-message__body {
  overflow-y: auto;
  white-space: pre-line;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.event-link__item {
  position: relative;
}
.event-link__item .event-link__item-buttons {
  display: flex;
  align-items: center;
  padding: 0;
}
.event-link__item .event-link__item-buttons .copy-button {
  padding: 5px 10px;
}
.event-link__item-label {
  display: flex;
  justify-content: space-between;
  width: 50%;
  cursor: pointer;
}
.event-link__item-label:hover {
  background-color: #f4f4f4;
}
.event-link__item-label:hover .attendee-button__chevron {
  visibility: visible;
}
.event-link__item-label--active {
  background-color: #C4F8E4;
}
.event-link__item-label--active .attendee-button__chevron {
  visibility: visible;
}
.event-link__item-label--active:hover {
  background-color: #C4F8E4;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}

.copy-button {
  position: relative;
  padding: 0;
  align-self: center;
  display: inline-flex;
}
.copy-button-without-icon {
  padding: 3px 9px;
  border-radius: 5px;
  border: 1px solid #00787A;
  font-size: 12px;
}
.copy-button-without-icon:hover {
  border-color: #00787A;
  background: #f4f4f4;
}
.copy-button.copy-button-disabled {
  opacity: 0.2;
}
.copy-button.copy-button-disabled:hover {
  color: #00787A;
  cursor: default;
}
.copy-button.copy-button-disabled:hover .copy-button_tooltip {
  visibility: hidden;
}
.copy-button:hover .copy-button_tooltip {
  visibility: visible;
  opacity: 1;
}
.copy-button .copy-button_tooltip {
  visibility: hidden;
  width: auto;
  background-color: #424242;
  color: white;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 155%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
  padding: 8px 7px;
}
.copy-button .copy-button_tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #424242 transparent transparent transparent;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.event-link__item {
  position: relative;
}
.event-link__item .event-link__item-buttons {
  display: flex;
  align-items: center;
  padding: 0;
}
.event-link__item .event-link__item-buttons .small-button {
  margin-left: 10px;
  border: 1px solid #00787A;
}
.event-link__item .event-link__item-buttons .small-button span {
  font-weight: normal;
  vertical-align: baseline;
}
.event-link__item .event-link__item-buttons .copy-button, .event-link__item .event-link__item-buttons .small-button {
  padding: 5px 10px;
}
.event-link__item-label {
  display: flex;
  justify-content: space-between;
  width: 50%;
  cursor: pointer;
}
.event-link__item-label:hover {
  background-color: #f4f4f4;
}
.event-link__item-label:hover .attendee-button__chevron {
  visibility: visible;
}
.event-link__item-label--active {
  background-color: #C4F8E4;
}
.event-link__item-label--active .attendee-button__chevron {
  visibility: visible;
}
.event-link__item-label--active:hover {
  background-color: #C4F8E4;
}

.oe-popup-layout.oe-popup-layout--popover.event-item-link__popover {
  width: 237px;
}
.oe-popup-layout.oe-popup-layout--popover.event-item-link__popover .oe-popup-layout__header {
  background-color: white;
  margin-top: 0;
  padding: 5px 5px 0;
  justify-items: end;
}
.oe-popup-layout.oe-popup-layout--popover.event-item-link__popover .oe-popup-layout__header button.event-link__popover-close {
  padding: 0;
  margin: 0;
  display: inline;
  width: 16px;
}
.oe-popup-layout.oe-popup-layout--popover.event-item-link__popover .event-item-link__remove-button {
  width: 237px;
  border-top: 1px solid #949494;
}

.event-item-link__popover-body {
  width: 237px;
  padding: 0 14px 14px;
  font-size: 12px;
}
.event-item-link__popover-body .event-item-link__info-value {
  line-break: anywhere;
}

.event-tracker-add-link .event_form__items-section__add-button {
  padding: 12px 10px !important;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.progress-bar-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.bar-line {
  flex-grow: 2;
  border-bottom: 1px solid #949494;
  margin: auto 0;
}
.bar-line--active {
  border-bottom: 3px solid #00787A;
  opacity: 40%;
}

.step-wrapper label {
  position: absolute;
  left: 50%;
  margin-top: 10px;
  transform: translate(-50%, -50%);
  font-size: 0.688rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #00787A;
}

.step-wrapper:nth-child(1) label {
  position: absolute;
  left: 0;
  transform: translate(0, -50%);
  min-width: 62px;
}

.step-wrapper:nth-child(3) label {
  position: absolute;
  left: 0;
  transform: translate(-45%, -50%);
  min-width: 62px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.step-wrapper {
  position: relative;
}

.step {
  width: 1.563rem;
  height: 1.563rem;
  background-color: #ffffff;
  border: 1px solid #9e9e9e;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.step__active {
  border-color: #00787A;
  background-color: #00787A;
}
.step__disabled {
  pointer-events: none;
  opacity: 40%;
  cursor: none;
}
.step__checkmark {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}
.step__checkmark svg {
  height: 12px;
  width: 13px;
  fill: #ffffff;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.ReactModal__Overlay {
  z-index: 102;
  overflow-y: auto;
}

.ReactModal__Body--open {
  overflow: hidden;
}

.oe-modal {
  background-color: #ffffff;
  margin: 40px auto;
  max-height: calc(100% - 80px);
  width: 400px;
  outline: none;
  overflow-y: auto;
}
.oe-modal.oe-popup-layout--modal {
  width: 500px;
}
.oe-modal.oe-popup-layout--modal .oe-form {
  padding: 29px 70px;
}
.oe-modal.oe-popup-layout--modal-wide {
  max-width: 1000px;
  width: calc(100vw - 80px);
  height: 100%;
}
.oe-modal.oe-popup-layout--modal-wide .oe-popup-layout {
  max-height: calc(100vh - 80px);
}
.oe-modal.oe-popup-layout--modal-extra-wide {
  max-width: 1230px;
  width: calc(100vw - 80px);
}
.oe-modal.oe-popup-layout--modal-extra-wide .oe-popup-layout {
  max-height: calc(100vh - 80px);
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.blueprint-details {
  width: 400px;
  line-height: 16px;
  overflow-y: hidden;
}
.blueprint-details .oe-popup-layout {
  max-height: calc(100vh - 80px);
}
.blueprint-details .oe-popup-layout__body {
  overflow-y: auto;
  padding: 40px 50px;
  color: #1a1a1a;
  font-size: 12px;
}
.blueprint-details--name {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.62;
}
.blueprint-details--description {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
}
.blueprint-details--settings-item > div, .blueprint-details--settings-item .blueprint-list-item {
  padding: 8px 0;
  border-bottom: 1px solid #949494;
}
.blueprint-details--settings-item .blueprint-list-item:last-child {
  border-bottom: none;
}
.blueprint-details--settings-item__title {
  font-weight: 500;
  white-space: nowrap;
}
.blueprint-details--settings-item__value {
  max-width: 262px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.blueprint-details--settings-item__value p, .blueprint-details--settings-item__value h1, .blueprint-details--settings-item__value h2, .blueprint-details--settings-item__value h3 {
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.view-details-area {
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
  padding: 10px;
  margin: 10px 0;
  background: #f4f4f4;
  border-bottom: 1px solid #949494;
}
.view-details-area__name {
  font-size: 13px;
  font-weight: 500;
}
.view-details-area__description {
  font-size: 12px;
  margin-bottom: 7px;
  text-overflow: ellipsis;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.event_form__items-section button.event_form__items-section__add-button, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.event_form__items-section button.event_form__items-section__add-button:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.event_form__items-section button.active.event_form__items-section__add-button, .active.add-line-to-table-btn, .event_form__items-section button.event_form__items-section__add-button:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.event_form__items-section {
  margin-bottom: 25px;
}
.event_form__items-section__coordinators-block {
  display: flex;
}
.event_form__items-section button.event_form__items-section__add-button {
  width: 100%;
}
.event_form__items-section__title {
  font-size: 12px;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px 6px 0;
}
.event_form__items-section__title .multi-select-list__option {
  padding: 0;
}
.event_form__items-section__selected-items {
  border-top: 1px solid #949494;
}
.event_form__items-section__item-wrapper > * {
  padding: 7px 5px;
}
.event_form__items-section__item-wrapper {
  border-bottom: 1px solid #949494;
  display: flex;
  font-size: 13px;
  margin-left: 10px;
  align-items: center;
  justify-content: space-between;
}
.event_form__items-section__item-wrapper:last-of-type {
  border-bottom: 0;
}
.event_form__items-section__message {
  font-size: 13px;
  margin-left: 10px;
  padding: 7px 10px;
}
.event_form__items-section .item-role {
  position: relative;
  width: 60%;
  max-width: 170px;
  margin-left: auto;
  font-size: 13px;
  color: #1a1a1a;
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  opacity: 0.7;
  flex-shrink: 0;
  text-align: left;
  cursor: pointer;
}
.event_form__items-section .item-role svg:last-child {
  opacity: 1;
}
.event_form__items-section .item-role:hover {
  background-color: #f4f4f4 !important;
}
.event_form__items-section .item-role:hover, .event_form__items-section .item-role--selected, .event_form__items-section .item-role--active {
  opacity: 1;
}
.event_form__items-section .item-role__label {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.event_form__items-section .item-role__dropdown--option {
  display: flex;
  align-items: center;
  min-height: 40px;
  height: auto;
  padding: 8px 15px 8px 10px;
  word-break: break-word;
  cursor: pointer;
  background-color: #ffffff;
}
.event_form__items-section .item-role__dropdown--option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.event_form__items-section .item-role__dropdown--option:hover {
  background: #f4f4f4;
}
.event_form__items-section .item-role__dropdown--option--selected {
  background: #C4F8E4;
}
.event_form__items-section .item-role__dropdown--option__empty {
  cursor: auto;
}
.event_form__items-section .item-role__dropdown--option__empty:hover {
  background-color: none;
}
.event_form__items-section .item-role__dropdown--wrapper {
  background-color: #f4f4f4;
}
.event_form__items-section .item-role__dropdown--wrapper input {
  margin: 5px 0;
  width: 100%;
}
.event_form__items-section .item-role--active {
  background-color: #C4F8E4 !important;
}
.event_form__items-section .item-role--active svg:last-child {
  transform: rotate(180deg);
}
.event_form__items-section .item-role--disabled:hover {
  cursor: auto;
  background-color: #ffffff !important;
  opacity: 0.7;
}
.event_form__items-section__item-wrapper button.event_form__items-section__remove-item-button {
  padding: 5px 10px;
}
.event_form__list-view {
  margin-bottom: 0;
}
.event_form__list-view .event-link__item {
  padding: 12px 0px;
  margin-left: 0;
}
.event_form__list-view .event-link__item-label {
  font-size: 12px;
  padding-left: 10px;
  width: 45%;
}
.event_form__list-view .event-link__item-buttons {
  padding-right: 10px !important;
}
.event_form .multi-select-list {
  width: 100%;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rsm-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rsm-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rsm-sweep {
  0% {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 50% 50%, 0% 0%, 0% 0%, 0% 0%);
    clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 50% 50%, 0% 0%, 0% 0%, 0% 0%);
  }
  50% {
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 50% 50%, 100% 0%, 100% 0%, 0% 0%);
    clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 50% 50%, 100% 0%, 100% 0%, 0% 0%);
  }
  100% {
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 50% 50%, 100% 100%, 100% 0%, 0% 0%);
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 50% 50%, 100% 100%, 100% 0%, 0% 0%);
  }
}
@-webkit-keyframes rsm-sweep {
  0% {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 50% 50%, 0% 0%, 0% 0%, 0% 0%);
  }
  50% {
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 50% 50%, 100% 0%, 100% 0%, 0% 0%);
  }
  100% {
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 50% 50%, 100% 100%, 100% 0%, 0% 0%);
  }
}
.spinner-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  min-height: 124px;
}

.knovio-preview-spinner {
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-style: dashed solid solid dotted;
  border-color: #949494 #949494 transparent #949494;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.knovio-preview-spinner:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 20px;
  top: 31px;
  border-right-color: #949494;
  transform: rotate(-40deg);
}

.react-spinner-material {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 10px solid #333;
  box-sizing: border-box;
  -webkit-animation: rsm-sweep 1s linear alternate infinite, rsm-rotate 0.8s linear infinite;
  animation: rsm-sweep 1s linear alternate infinite, rsm-rotate 0.8s linear infinite;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.event-name-column {
  display: flex;
  flex-direction: column;
}
.event-name-column__date-long {
  width: 400%;
}
.event-name-column__text {
  font-size: 15px;
}
.event-name-column__text-with-edit {
  display: flex;
  align-items: center;
}
.event-name-column__text-with-edit .default-button {
  margin-top: 2px;
}
.event-name-column__day {
  color: #424242;
}
.assign-rooms-result-alert {
  line-height: 1rem;
}
.delete-attendee-result-alert {
  line-height: 1rem;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.meeting-form .participants-list + button, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.meeting-form .participants-list + button:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.meeting-form .participants-list + button.active, .active.add-line-to-table-btn, .meeting-form .participants-list + button:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.meeting-form {
  position: relative;
}
.meeting-form .meeting-template-name {
  display: flex;
  font-size: 12px;
  margin-bottom: 10px;
}
.meeting-form .meeting-template-name--label {
  min-width: 103px;
}
.meeting-form .meeting-template-name--value {
  font-weight: 500;
}
.meeting-form .meeting-toggle {
  align-items: center;
  justify-content: space-between;
}
.meeting-form .meeting-toggle div {
  display: flex;
  align-items: center;
}
.meeting-form .meeting-toggle .featured-toggle {
  flex: 1 0 auto;
}
.meeting-form .meeting-toggle-description {
  margin-right: 10px;
}
.meeting-form .flex-wrap {
  display: flex;
  flex-wrap: wrap;
  min-width: 100%;
  width: max-content;
}
.meeting-form .participants-list .participants-list-header {
  padding: 7px 10px;
  border-top: 1.6px solid #949494;
  font-weight: 500;
}
.meeting-form .participants-list .participants-list-row {
  display: flex;
  border-top: 1.6px solid #949494;
  margin-left: 10px;
}
.meeting-form .participants-list .participants-list-row .participants-list-item {
  font-size: 13px;
  font-weight: normal;
  padding: 7px 10px;
}
.meeting-form__label {
  display: flex;
  justify-content: space-between;
}
.meeting-form__add-button {
  font-style: italic !important;
  padding: 0 3px !important;
  text-align: initial;
  margin: 1px;
}
.meeting-form__error-block {
  margin-bottom: 10px;
}
.meeting-form__form-field {
  margin-bottom: 0px;
}
.meeting-form__form-column {
  margin-right: 8px;
}
.meeting-form .react-datepicker-wrapper {
  width: 100%;
}
.meeting-form .react-datepicker__tab-loop {
  position: absolute;
  left: 0;
  top: 0;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.search-input-container {
  display: flex;
  align-items: center;
  background: #ffffff;
  cursor: text;
  max-width: 145px;
  margin-left: auto;
}

.search-input {
  height: 30px;
  border: 1px solid transparent;
  outline: none;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 10px;
  max-width: 100%;
}
.search-input--with-reset {
  max-width: calc(100% - 26px);
}

.reset-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  height: 19px;
  width: 19px;
  margin-right: 6px;
}
.reset-button--blue {
  background-color: #00787A;
}
.reset-button--blue .reset-button__icon {
  color: #ffffff;
  font-size: 10px;
}
.reset-button--blue:hover {
  background-color: #00787A;
}
.reset-button--black {
  background: none;
}
.reset-button--black .reset-button__icon {
  font-size: 18px;
  font-weight: bold;
}
.reset-button--black .reset-button__icon, .reset-button--black .reset-button__icon:hover {
  color: #777777;
}
.reset-button--black:hover {
  opacity: 0.7;
}
.reset-button:focus {
  outline: 0;
}

.no-result {
  pointer-events: all;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.draggable-area {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 10px;
  border: 1px dashed #949494;
  transition: 0.4s ease-in all;
}
.draggable-area__hint {
  font-size: 10px;
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 17px;
  color: #707070;
}
.draggable-area--hovered {
  border-color: #949494;
  background-color: rgba(0, 120, 122, 0.3);
}

.upload-button {
  display: block;
  width: fit-content;
  padding: 0 20px;
  line-height: 35px;
  height: 35px;
  border-radius: 5px;
  color: #00787A;
  border: solid 1px #00787A;
  background-color: #ffffff;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.upload-button--disabled {
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}
.upload-button:hover {
  color: #ffffff;
  border: 1px solid #00787A;
  background: #00787A;
}
.upload-button__input {
  display: contents;
  opacity: 0;
  width: 0;
  height: 0;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.uploaded-img {
  display: flex;
}
.uploaded-img__name, .uploaded-img__preview {
  max-width: 50%;
  width: 100%;
}
.uploaded-img__name--title {
  font-size: 11px;
  background-color: #f4f4f4;
  border: none;
}
.uploaded-img__preview {
  margin-right: 10px;
}
.uploaded-img__preview img {
  width: 100%;
  height: auto;
  border: 1px solid #949494;
}
.uploaded-img__controls {
  justify-content: space-between;
}
.uploaded-img__controls label {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  line-height: 16px;
}
.uploaded-img__controls label.default-button--disabled {
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}
.image-description {
  font-style: italic;
  margin-bottom: 12px;
  font-size: 12px;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.attendee-list .default-button.attendee-list__add-button, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.attendee-list .default-button.attendee-list__add-button:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.attendee-list .active.default-button.attendee-list__add-button, .active.add-line-to-table-btn, .attendee-list .default-button.attendee-list__add-button:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.attendee-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  position: relative;
}
.attendee-list__row {
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
}
.attendee-list__label {
  font-weight: normal;
  font-size: 12px;
  width: 123px;
}
.attendee-list .default-button.attendee-list__add-button:hover {
  color: #00787A;
}
.attendee-list .active.default-button.attendee-list__add-button:hover {
  color: #1a1a1a;
}
.attendee-list__header {
  border-bottom: solid 1px #949494;
}
.attendee-list__toggle {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.active.add-line-to-table-btn, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.organization__header {
  position: relative;
  padding: 7px 10px;
  border-top: 1px solid #949494;
  font-size: 12px;
  display: flex;
  font-weight: 500;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: 15px;
}
.organization__header-name {
  flex: 1;
  width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.organization__header-icon {
  margin-left: 8px;
  margin-right: auto;
}
.organization__header-icon svg {
  fill: #00787A;
}
.organization__header-name--active .organization__header-icon {
  transform: rotate(180deg);
}
.organization__header .connection-dropdown__wrapper {
  margin-left: 6px;
  justify-content: space-between;
}
.organization__title {
  width: 130px;
}
.organization__attendee-with-remove-btn {
  max-width: 240px;
}
.organization__org-with-remove-btn {
  max-width: 230px;
}
.organization__remove-label {
  position: absolute;
  right: 0;
  top: 2px;
  display: flex;
  align-items: center;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
  margin-left: 10px;
  border-radius: 5px;
  padding: 5px 10px;
}
.organization__remove-label:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.organization__row {
  position: relative;
  display: flex;
  border-top: 1px solid #949494;
  margin-left: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  font-size: 12px;
  line-height: 15px;
  min-height: 34px;
}
.organization__attendee {
  min-width: 115px;
  max-width: 115px;
}
.organization__attendee--no-link {
  width: 180px;
}
.organization__presenter-portal-access-icon {
  padding: 0 5px 0 5px;
  margin-right: -5px;
}
.organization__presenter-portal-access-icon .oe-icon {
  width: 20px;
  height: 20px;
}
.organization__unique-column {
  padding: 0 5px 0 5px;
  font-size: 11px;
  margin-left: 6px;
}
.organization__unique-column--left-margin {
  margin-left: 48px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.event-link__item {
  position: relative;
}
.event-link__item .event-link__item-buttons {
  display: flex;
  align-items: center;
  padding: 0;
}
.event-link__item .event-link__item-buttons .small-button {
  margin-left: 10px;
  border: 1px solid #00787A;
}
.event-link__item .event-link__item-buttons .small-button span {
  font-weight: normal;
  vertical-align: baseline;
}
.event-link__item .event-link__item-buttons .small-button:hover {
  border-color: #6BDBB1;
}
.event-link__item .event-link__item-buttons .copy-button, .event-link__item .event-link__item-buttons .small-button {
  padding: 5px 10px;
}
.event-link__item-label {
  display: flex;
  justify-content: space-between;
  width: 50%;
  cursor: pointer;
}
.event-link__item-label:hover {
  background-color: #f4f4f4;
}
.event-link__item-label:hover .attendee-button__chevron {
  visibility: visible;
}
.event-link__item-label--active {
  background-color: #C4F8E4;
}
.event-link__item-label--active .attendee-button__chevron {
  visibility: visible;
}
.event-link__item-label--active:hover {
  background-color: #C4F8E4;
}

.oe-popup-layout.oe-popup-layout--popover.event-item-link__popover {
  width: 237px;
}
.oe-popup-layout.oe-popup-layout--popover.event-item-link__popover .oe-popup-layout__header {
  background-color: white;
  margin-top: 0;
  padding: 5px 5px 0;
  justify-items: end;
}
.oe-popup-layout.oe-popup-layout--popover.event-item-link__popover .oe-popup-layout__header button.event-link__popover-close {
  padding: 0;
  margin: 0;
  display: inline;
  width: 16px;
}
.oe-popup-layout.oe-popup-layout--popover.event-item-link__popover .event-item-link__remove-button {
  width: 237px;
  border-top: 1px solid #949494;
}

.event-item-link__popover-body {
  width: 237px;
  padding: 0 14px 14px;
  font-size: 12px;
}
.event-item-link__popover-body .event-item-link__info-value {
  line-break: anywhere;
}

.event-tracker-add-link .event_form__items-section__add-button {
  padding: 12px 10px !important;
}
.open-meeting-connections-modal {
  line-height: 16px;
  overflow-y: hidden;
}
.open-meeting-connections-modal .oe-popup-layout {
  max-height: calc(100vh - 80px);
}
.open-meeting-connections-modal .oe-popup-layout__body {
  overflow-y: auto;
  padding: 15px 20px;
}
.open-meeting-connections-modal .oe-popup-layout .alert-body {
  padding: 0;
  text-align: left;
}
.presenters-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  position: relative;
}
.presenters-section__header {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 0;
  justify-content: space-between;
}
.presenters-section__header-label {
  font-size: 12px;
  font-weight: normal;
}
.presenters-section__header-name {
  flex: 1;
  width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.presenters-section__header-name label {
  cursor: pointer;
}
.presenters-section__button {
  margin-top: 4px;
  width: fit-content;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.connection-dropdown {
  font-size: 12px;
  color: #777777;
  margin: -7px -10px -7px auto;
  cursor: pointer;
  position: relative;
  max-width: 170px;
  width: 50%;
}
.connection-dropdown:hover {
  background-color: #f4f4f4;
}
.connection-dropdown--selected {
  color: black;
}
.connection-dropdown svg:first-child {
  opacity: 0.5;
}
.connection-dropdown--disabled {
  cursor: default;
  pointer-events: none;
}
.connection-dropdown--disabled svg:last-child {
  display: none;
}
.connection-dropdown--active {
  background-color: #C4F8E4 !important;
}
.connection-dropdown--active svg:last-child {
  transform: rotate(180deg);
}
.connection-dropdown__team {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.connection-dropdown__wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  padding: 7px 10px;
}
.connection-dropdown__wrapper svg:first-child {
  min-width: 15px;
}
.connection-dropdown__wrapper svg:first-child + div .connection-dropdown__label {
  max-width: 110px;
}
.connection-dropdown__wrapper svg:last-child {
  min-width: 11px;
}
.connection-dropdown__wrapper svg {
  fill: #00787A;
}
.connection-dropdown__wrapper:hover .connection-dropdown__label {
  visibility: visible;
}
.connection-dropdown__label {
  visibility: hidden;
  padding-right: 10px;
  font-weight: normal;
  max-width: 141px;
}
.connection-dropdown__label--visible {
  visibility: visible;
}
.connection-dropdown__label--delete {
  color: #EE0000;
  text-decoration: line-through;
  text-decoration-color: #EE0000;
}
.connection-dropdown__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.connection-dropdown__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.connection-dropdown__option:hover {
  background: #f4f4f4;
}
.connection-dropdown__option--connection-group {
  font-weight: 800;
}
.connection-dropdown__option--selected {
  background: #C4F8E4 !important;
}
.connection-dropdown__option--selected.default-button span {
  color: #1a1a1a !important;
}
.connection-dropdown__audiobridge-list__add-button {
  background: #ffffff;
  color: #00787A;
  border: none;
  height: 40px;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  border-radius: 0px;
  box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.23);
}
.connection-dropdown__audiobridge-list__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
}

.connection-dropdown.w-40 .connection-dropdown__wrapper svg + .connection-dropdown__team {
  width: 86%;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.audiobridge-connection-dropdown {
  font-size: 12px;
  color: #777777;
  margin: 5px -10px -7px auto;
  cursor: pointer;
  position: relative;
  max-width: 170px;
  width: 30%;
}
.audiobridge-connection-dropdown .popover__modal {
  z-index: 102;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  max-height: 447px;
}
.audiobridge-connection-dropdown svg:first-child {
  opacity: 1;
}
.audiobridge-connection-dropdown__title {
  height: 40%;
  margin-top: auto;
  background-color: #f4f4f4;
  padding: 14px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #949494;
}
.audiobridge-connection-dropdown__buttons {
  height: 40%;
  margin-top: auto;
  background-color: #f4f4f4;
  padding: 14px;
  left: 20px;
  box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.23);
}
.audiobridge-connection-dropdown__buttons .default-button {
  padding: 8px 20px;
}
.audiobridge-connection-dropdown__oe-radio-option {
  padding: 8px 0 7px;
  cursor: pointer;
  border-bottom: 1px solid #949494;
  display: flex;
}
.audiobridge-connection-dropdown__oe-radio-option:last-child {
  border-bottom: none;
}
.audiobridge-connection-dropdown__oe-radio-option .expand-radio-btn {
  width: 8% !important;
  margin: 0px 10px;
}
.audiobridge-connection-dropdown__oe-radio-option .expand-radio-btn:checked {
  border-color: #00787A;
}
.audiobridge-connection-dropdown__oe-radio-option__options {
  padding: 0;
  border-bottom: 1px solid #949494;
}
.audiobridge-connection-dropdown__oe-radio-option .oe-radio-option__label {
  font-size: 11px;
  margin-left: 10px;
}
.audiobridge-connection-dropdown__oe-radio-option .oe-radio-option__label svg {
  margin: 0 10px;
}
.audiobridge-connection-dropdown__oe-radio-option .oe-radio-option__label svg circle:hover:last-of-type {
  fill: #949494;
}
.audiobridge-connection-dropdown__oe-radio-option .oe-radio-option--selected svg circle:hover:last-of-type {
  fill: #00787A !important;
}
.audiobridge-connection-dropdown__oe-radio-option .oe-radio-option--selected svg circle:hover:first-of-type {
  stroke: #00787A !important;
}
.audiobridge-connection-dropdown__oe-radio-option--placeholder .oe-radio-option__label-text {
  color: #666;
  font-size: 12px;
  font-style: italic;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.presenters-list + button, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.presenters-list + button:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.presenters-list + button.active, .active.add-line-to-table-btn, .presenters-list + button:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.presenters-list--with-items {
  border-top: 1px solid #949494;
}
.presenters-list__item {
  font-size: 12px;
}
.presenters-list__row {
  display: flex;
  font-size: 13px;
  margin-left: 10px;
  padding: 2px 0;
  line-height: 15px;
  align-items: center;
  justify-content: space-between;
}
.presenters-list__row .presenters-list__item {
  min-width: 77px;
  font-weight: 500;
}
.presenters-list__row .connection-dropdown--inherit {
  padding-left: 10px;
  width: 55%;
  display: grid;
  min-width: 55%;
  margin: -7px 0;
  font-size: 12px;
  align-items: center;
  grid-template-columns: 15px auto;
  color: #777777;
}
.presenters-list__row .connection-dropdown--inherit--delete {
  color: #EE0000;
  text-decoration: line-through;
  text-decoration-color: #EE0000;
}
.presenters-list__row .connection-dropdown--inherit--delete > span {
  margin-left: 15px;
}
.presenters-list__row .connection-dropdown--inherit svg:first-child {
  opacity: 0.5;
}
.presenters-list__row .organization__remove-label {
  position: initial;
  margin-left: 0;
  padding: 5px 10px;
}
.presenters-list__row:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.presenters-list__disabled {
  pointer-events: none;
  opacity: 0.2;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.single-select-list {
  max-height: 295px;
  width: 100%;
}
.single-select-list__option {
  border-bottom: 1px solid #949494;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 15px 7px;
  cursor: pointer;
  white-space: nowrap;
}
.single-select-list__option--selected {
  background-color: #C4F8E4;
}
.single-select-list__option--disabled {
  cursor: default;
  opacity: 0.2;
}
.single-select-list__option:hover {
  background-color: #f4f4f4;
}
.single-select-list__option:last-child {
  border-bottom: none;
}
.single-select-no-content {
  width: 220px;
  padding: 15px;
  font-size: 12px;
  font-weight: 500;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-radio-option__options .oe-radio-option {
  width: 100%;
  display: flex;
  align-items: center;
}
.oe-radio-option__options .oe-radio-option--icon-first {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.oe-radio-option__options .oe-radio-option__label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.oe-radio-option__options .oe-radio-option__label svg circle:first-of-type {
  stroke: #949494;
}
.oe-radio-option__options .oe-radio-option__label svg circle:last-of-type {
  fill: transparent;
}
.oe-radio-option__options .oe-radio-option__label svg circle:hover:first-of-type {
  stroke: #949494;
}
.oe-radio-option__options .oe-radio-option__label svg circle:hover:last-of-type {
  fill: #949494;
}
.oe-radio-option__options .oe-radio-option__label-text {
  font-size: 12px;
  line-height: 2.08;
  margin-left: 9px;
}
.oe-radio-option__options .oe-radio-option__label-text--disabled {
  color: #999999;
}
.oe-radio-option__options .oe-radio-option__icon svg {
  margin-left: 10px;
  height: 18px;
  width: 18px;
  fill: #00787A;
}
.oe-radio-option__options .oe-radio-option--selected-with-background {
  background-color: #C4F8E4;
}
.oe-radio-option__options .oe-radio-option--selected .oe-radio-option__label svg circle:first-of-type {
  stroke: #00787A;
}
.oe-radio-option__options .oe-radio-option--selected .oe-radio-option__label svg circle:last-of-type {
  fill: #00787A;
}
.oe-radio-option__options .oe-radio-option__control {
  display: none;
}
.oe-radio-option__options .oe-radio-option__control:checked + .oe-radio-option__label .oe-radio-option__radio-circle {
  border-color: #00787A;
}
.oe-radio-option__options .oe-radio-option__control:checked + .oe-radio-option__label .oe-radio-option__radio-circle-inner {
  display: block;
}
.oe-radio-option__options .oe-radio-option:hover:not(.oe-radio-option--selected) .oe-radio-option__label--grey-hover svg circle:first-of-type {
  stroke: #949494;
}
.oe-radio-option__options .oe-radio-option:hover:not(.oe-radio-option--selected) .oe-radio-option__label--grey-hover svg circle:last-of-type {
  fill: #949494;
}

.website-custom__radio {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.create-zoom-webinar-modal {
  overflow: visible;
}
.create-zoom-webinar-modal .buttons-block {
  display: flex;
  justify-content: space-between;
}
.create-zoom-webinar-modal .form-toggle {
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.create-zoom-meeting-modal {
  overflow: visible;
}
.create-zoom-meeting-modal .buttons-block {
  display: flex;
  justify-content: space-between;
}
.create-zoom-meeting-modal .buttons-block__recurring-meeting {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}
.create-zoom-meeting-modal .form-toggle {
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.create-zoom-meeting-modal .zoom-email-field:nth-child(1) {
  flex-grow: 2;
}
.create-zoom-meeting-modal .zoom-email-field:nth-child(2) {
  flex-grow: 1;
}
.create-zoom-meeting-modal .zoom-email {
  margin-left: 5px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-checkbox {
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* On mouse-over, add a grey background color */
}
.oe-checkbox__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.oe-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  /* When the checkbox is checked, add a blue background */
  /* Show the checkmark when checked */
}
.oe-checkbox input:checked ~ .oe-checkbox__checkmark {
  background-color: #00787A;
  border: none;
}
.oe-checkbox input:checked ~ .oe-checkbox__checkmark:hover {
  background-color: #6BDBB1;
}
.oe-checkbox input:checked ~ .oe-checkbox__checkmark:after {
  display: block;
}
.oe-checkbox__checkmark {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  height: 20px;
  width: 20px;
  border: 1px solid #999999;
}
.oe-checkbox__checkmark:hover {
  background: #f4f4f4;
}
.oe-checkbox__checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 3px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 1.5px 1.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.oe-checkbox:hover input :not(input:checked) ~ .oe-checkbox__checkmark {
  background-color: #f4f4f4;
}

.oe-checkbox--show-after-label {
  padding-left: 10px;
}
.oe-checkbox--show-after-label .oe-checkbox__checkmark {
  left: unset;
  right: 10px;
}

.oe-checkbox--show-before-label {
  padding-left: 30px;
}
.oe-checkbox--show-before-label .oe-checkbox__checkmark {
  left: 0px;
  right: unset;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.knovio-preview-link-popover {
  position: relative;
  top: calc(50% - 230px);
}
.knovio-preview-link-popover__body {
  padding: 0 70px;
  text-align: center;
  min-height: 160px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.knovio-preview-link-popover__loader .oe-form-field__info {
  color: #707070;
}
.knovio-preview-link-popover__success-message .oe-form-field__info {
  color: #707070;
  font-size: 15px;
  color: #1a1a1a;
  line-height: 1.33;
  font-style: normal;
}
.knovio-preview-link-popover__loader {
  display: flex;
  align-items: center;
}
.knovio-preview-link-popover__loader .knovio-preview-spinner {
  margin-right: 6px;
}
.knovio-preview-link-popover .copy-link-btn {
  cursor: pointer;
  padding: 8px 20px;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.knovio-preview-link-popover .copy-link-btn--disabled {
  border: none;
  pointer-events: none;
  opacity: 0.4;
}
.knovio-preview-link-popover .copy-link-btn:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.drag-drop-list {
  position: relative;
}
.drag-drop-list__item {
  position: relative;
  margin-bottom: 15px;
  flex-direction: column;
  display: flex;
  width: 100%;
  padding-left: 40px;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  overflow: hidden;
  will-change: padding-bottom;
  -webkit-transition: padding-bottom 0.1s;
  transition: padding-bottom 0.1s;
}
.drag-drop-list__item .list-item__icon {
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4f4;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.drag-drop-list__item .list-item__icon i {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
  border: #cccccc solid 2px;
  border-right: 0;
  border-left: 0;
}
.drag-drop-list__item .list-item__icon i::before {
  content: "";
  position: absolute;
  margin-top: -1px;
  left: 0;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  background: #cccccc;
}
.drag-drop-list__item .list-item__icon i:hover {
  border-color: #00787A;
}
.drag-drop-list__item .list-item__icon i:hover::before {
  background: #00787A;
}
.drag-drop-list .drag-drop-item-wrapper {
  position: relative;
}
.drag-drop-list .drag-drop-number-list {
  display: flex;
  position: absolute;
  flex-direction: column;
  height: 100%;
  top: 0;
  left: -25px;
}
.drag-drop-list .drag-drop-number-list__item {
  display: flex;
  margin-bottom: 15px;
  top: 0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: normal;
  text-align: left;
  left: -25px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  animation: fadein 0.15s;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.speaker-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 80px;
  max-height: 410px;
}
.speaker-list__item {
  position: relative;
  padding: 10px;
  width: 440px;
}
.speaker-list__item--disabled {
  width: 345px;
  border: 1px solid #949494;
  margin-bottom: 10px;
}
.speaker-list__item .list-item-switch {
  position: absolute;
  right: 10px;
  top: 10px;
}
.speaker-list__item .list-item-head {
  display: flex;
  flex-direction: row;
}
.speaker-list__item .list-item-head__photo {
  width: 55px;
  min-width: 55px;
  height: 55px;
  border-radius: 50%;
  border: solid 1px #949494;
  margin-right: 10px;
  background-color: inherit;
  overflow: hidden;
}
.speaker-list__item .list-item-head__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0%;
}
.speaker-list__item .list-item-head__text-info {
  display: flex;
  flex-direction: column;
  padding-right: 50px;
}
.speaker-list__item .list-item-head__text-info .text-info__item {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.62;
  margin: 0;
}
.speaker-list__item .list-item-head__text-info .text-info__item--bold {
  font-size: 14px;
  font-weight: bold;
}
.speaker-list__item .speaker-bio-accordion {
  margin-bottom: 10px;
}
.speaker-list__item .speaker-bio-accordion__btn-title {
  display: flex;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  overflow: hidden;
}
.speaker-list__item .speaker-bio-accordion__btn-title:hover {
  color: #00787A;
}
.speaker-list__item .speaker-bio-accordion__content {
  max-height: 0;
  overflow: hidden;
  margin: -11px 0 0;
  background-color: #f4f4f4;
  border-radius: 4px;
}
.speaker-list__item .speaker-bio-accordion__content * {
  padding: 10px;
}
.speaker-list__item .speaker-bio-accordion__content .content-block * {
  margin: 0;
  padding: 0;
}
.speaker-list__item .speaker-bio-accordion__content p {
  font-size: 13px;
  margin: 0;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #1a1a1a;
}
.speaker-list__item .speaker-bio-accordion input {
  position: absolute;
  left: 0;
  width: 0;
  margin: 0;
  padding: 0;
  height: 15px;
  opacity: 0;
  z-index: -1;
}
.speaker-list__item .speaker-bio-accordion #show-bio-title {
  margin-left: 65px;
}
.speaker-list__item .speaker-bio-accordion .expand-radio-btn:checked ~ .speaker-bio-accordion__content {
  max-height: 100%;
}
.speaker-list__item .speaker-bio-accordion .expand-radio-btn:checked ~ #show-bio-title {
  visibility: hidden;
  animation: none;
}
.speaker-list__item .speaker-bio-accordion .expand-radio-btn:checked ~ .speaker-bio-accordion__content + #hide-bio-title {
  display: block;
}
.speaker-list__item .speaker-bio-accordion .expand-radio-btn:checked {
  display: none;
}
.speaker-list__item .speaker-bio-accordion .collapse-radio-btn:checked ~ .speaker-bio-accordion__content {
  max-height: 0vh;
}
.speaker-list__item .speaker-bio-accordion .collapse-radio-btn:checked ~ #show-bio-title {
  visibility: visible;
}
.speaker-list__item .speaker-bio-accordion .collapse-radio-btn:checked ~ .speaker-bio-accordion__content + #hide-bio-title {
  display: none;
}
.speaker-list__item .speaker-bio-accordion .collapse-radio-btn:checked {
  display: none;
}
.sync-speakers-modal-body {
  padding: 25px 40px 0px 40px;
}
.sync-speakers-modal-body__title {
  margin-bottom: 25px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: normal;
  text-align: left;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.active.add-line-to-table-btn, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.connection-form__knovio-connection {
  margin: 25px 0 30px 0;
}
.connection-form__knovio-connection__wrappper {
  background-color: #f6f6f6;
  padding: 20px 0;
  border-bottom: 1px solid #949494;
  border-top: 1px solid #949494;
  font-size: 13px;
  text-align: center;
}
.connection-form__knovio-connection__wrappper .oe-form-field__info {
  font-size: 13px;
}
.connection-form__knovio-connection-status-block {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.connection-form__warning-icon .oe-icon {
  color: #f06000;
  cursor: default;
  font-size: 16px;
}
.connection-form__check-mark-icon svg {
  fill: #00787A;
  cursor: default;
  width: 24px;
  height: 24px;
}
.connection-form__knovio-connection-status-button {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  text-align: center;
}
.connection-form__loading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.connection-form__template-name {
  display: flex;
  margin-top: 10px;
  font-size: 12px;
  grid-gap: 5px;
}
.connection-form__template-name-label {
  min-width: max-content;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.column-with-checkbox {
  display: flex;
  align-items: center;
}
.column-with-checkbox__content {
  color: #707070;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.column-with-checkbox__checkbox {
  margin-right: 0.188rem;
}
.column-with-checkbox__checkbox svg {
  fill: #ddd;
}
.column-with-checkbox--active .column-with-checkbox__checkbox svg {
  fill: #00787A;
}
.column-with-checkbox--active .column-with-checkbox__content {
  color: #1a1a1a;
}
.column-with-checkbox--active .column-with-checkbox__content svg {
  fill: #ddd;
}
.column-with-checkbox--hidden .column-with-checkbox__checkbox {
  visibility: hidden;
}
.column-with-checkbox--hidden .column-with-checkbox__content {
  color: #1a1a1a;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.column-with-unavailable-mark {
  display: flex;
  align-items: center;
  position: relative;
}
.column-with-unavailable-mark__content {
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.column-with-unavailable-mark__error svg {
  fill: #EE0000;
}
.column-with-unavailable-mark--active .column-with-unavailable-mark__error {
  height: 16px;
  display: flex;
  cursor: pointer;
  margin-right: 4px;
}
.column-with-unavailable-mark--active .column-with-unavailable-mark__error svg {
  fill: #EE0000;
}
.column-with-unavailable-mark--active .column-with-unavailable-mark__content {
  color: #1a1a1a;
}
.column-with-unavailable-mark--hidden .column-with-unavailable-mark__error {
  visibility: hidden;
}
.column-with-unavailable-mark--hidden .column-with-unavailable-mark__content {
  color: #1a1a1a;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.text-with-copy {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.text-with-copy__label {
  font-weight: 500;
}
.text-with-copy__button {
  margin-left: 5px;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.connection-list__add-group-button, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.connection-list__add-group-button:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.active.connection-list__add-group-button, .active.add-line-to-table-btn, .connection-list__add-group-button:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.connection-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  position: relative;
}
.connection-list__radio-default,
.connection-list .connection-item__radio-default {
  width: 12%;
  height: 29px;
  max-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f4f4f4;
}
.connection-list__radio-default svg circle,
.connection-list .connection-item__radio-default svg circle {
  fill: #ffffff;
}
.connection-list__label-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.connection-list__label {
  padding-bottom: 5px;
  font-weight: normal;
  font-size: 12px;
  margin-left: 3px;
}
.connection-list__label--mr {
  margin-right: 57px;
}
.connection-list__label--mr--smr {
  margin-right: 50px;
}
.connection-list__label--greyed {
  background-color: #f4f4f4;
}
.connection-list__label--ml {
  margin-left: 95px;
}
.connection-list__settings-value {
  font-size: 11px;
  text-align: center;
  width: 19%;
}
.connection-list .multi-select-list__option {
  padding: unset;
  border: unset;
  margin-right: 7px;
}
.connection-list__item {
  cursor: pointer;
  margin: 0;
  padding: 7px 10px;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 15px;
  width: 100%;
  min-width: unset;
  overflow: hidden;
  font-weight: 500;
}
.connection-list__item p {
  margin: 0;
}
.connection-list__item--with-hover:hover {
  background-color: #C4F8E4;
}
.connection-list__item--active {
  background-color: #C4F8E4 !important;
}
.connection-list__item--active svg {
  transform: rotate(180deg);
}
.connection-list__item--delete {
  color: #EE0000;
  text-decoration: line-through;
  text-decoration-color: #EE0000;
}
.connection-list__item--not-started {
  color: #707070;
}
.connection-list__item--child-connection {
  padding-left: 25px !important;
}
.connection-list__item--controltab-child-connection {
  padding: 4px !important;
}
.connection-list__item--hover:hover {
  background-color: #f4f4f4;
}
.connection-list__item .attendee-button__chevron {
  visibility: hidden;
  display: block;
  margin-left: auto;
  padding-left: 0.3rem;
}
.connection-list__item .attendee-button__chevron svg {
  fill: #00787A;
}
.connection-list__item:hover .attendee-button__chevron {
  visibility: visible;
}
.connection-list__item--controltab-child-connection {
  font-weight: normal !important;
}
.connection-list__item--hover {
  font-weight: 500;
}
.connection-list__item:not(.connection-list__item--controltab-child-connection) {
  font-weight: 500;
}
.connection-list__connection-wrapper.connection-list__child-connections .connection-list__item.connection-list__item--hover {
  font-weight: normal !important;
}
.connection-list__popover {
  padding: 14px;
}
.connection-list__popover .small-button {
  padding: 5px 10px !important;
  margin-bottom: 5px;
}
.connection-list__popover .small-button .options-button__label {
  padding: 0;
}
.connection-list__popover .small-button.copy-all {
  height: 26px;
}
.connection-list__popover .silver-button {
  color: #00787A;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
  border-radius: 5px;
}
.connection-list__popover .silver-button:hover {
  background-color: #C4F8E4;
}
.connection-list__popover .silver-button:disabled {
  opacity: 0.4;
}
.connection-list__popover .prominent-button {
  padding: 10px 22px;
  margin-bottom: 5px;
}
.connection-list__popover .buttons-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.connection-list__header {
  margin-bottom: 1.1rem;
  border-bottom: 1px solid #949494;
  padding-bottom: 0.9rem;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 5px;
}
.connection-list__field {
  line-height: 1.45;
  margin: 0 0 23px;
  font-size: 11px;
  font-weight: 400;
}
.connection-list__delete-button-wrapper {
  display: flex;
  justify-content: center;
}
.connection-list__delete-button-wrapper .connection-list__delete-button {
  padding: 0;
}
.connection-list__delete-button {
  margin: 15px 15px;
  position: initial !important;
}
.connection-list__child-connection-wrapper {
  margin-left: 35px !important;
  padding-right: 5px;
}
.connection-list__connection-wrapper {
  border-top: 1px solid #949494;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding-left: 0;
}
.connection-list__connection-wrapper--pl {
  padding-left: 0;
}
.connection-list__connection-wrapper--edit-room {
  margin-right: 60px;
}
.connection-list__connection-wrapper .connection-item__radio-default {
  min-width: 39px;
}
.connection-list__connection-wrapper .connection-item-popover {
  left: 47px;
  position: absolute;
  top: 0;
}
.connection-list__connection-wrapper [data-test-id=connection-delete-button] {
  margin-left: auto;
}
.connection-list__connection-wrapper.connection-group-item .connection-item-popover {
  left: 0;
}
.connection-list__connection-wrapper.connection-group-item--room .connection-item-popover {
  left: 20px;
}
.connection-list__connection-wrapper .organization__remove-label {
  position: initial !important;
  padding: 5px 10px;
  margin-left: 2px;
  margin-right: 0 !important;
  max-width: 60px;
}
.connection-list__child-connections .connection-list__item--hover p {
  font-weight: normal;
}
.connection-list .button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.knovio-preFetch-loader-popover {
  position: relative;
  top: calc(50% - 120px);
}
.knovio-preFetch-loader-popover .oe-popup-layout__body {
  padding: 0 70px;
  text-align: center;
  min-height: 120px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.knovio-preFetch-loader-popover__content-wrapper .oe-form-field__info {
  color: #707070;
}
.knovio-preFetch-loader-popover__content-wrapper {
  display: flex;
  align-items: center;
}
.knovio-preFetch-loader-popover__content-wrapper .knovioPreCheckLoading {
  margin-right: 6px;
}
.create-knovio-livestream-modal .oe-form {
  padding: 40px 50px;
}
.create-knovio-livestream-modal .buttons-block {
  display: flex;
  justify-content: space-between;
}
.create-knovio-livestream-modal .form-toggle {
  flex-direction: row;
  align-items: center;
  width: 100%;
  font-size: 13px;
}
.create-knovio-livestream-modal .oe-form-field__control {
  font-size: 13px;
  font-weight: 500;
}
.create-knovio-livestream-modal .oe-form__row .multi-select-list__option {
  border: none;
  padding-left: 0;
}
.create-knovio-livestream-modal .layout-options .oe-radio-option__options {
  display: flex;
  justify-content: space-between;
}
.create-knovio-livestream-modal .standBy-message {
  margin: 0;
  padding: 0;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.create-audio-bridge-modal {
  overflow: visible;
}
.create-audio-bridge-modal .buttons-block {
  display: flex;
  justify-content: space-between;
}
.create-audio-bridge-modal .form-toggle {
  flex-direction: row;
  align-items: center;
  width: 100%;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.create-panelist-link-modal {
  overflow: visible;
}
.create-panelist-link-modal .buttons-block {
  display: flex;
  justify-content: space-between;
}
.create-panelist-link-modal .oe-form {
  padding: 30px 160px !important;
}
.create-panelist-link-modal .form-toggle {
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.create-panelist-link-modal .organization__row {
  padding: 0 !important;
  align-items: stretch !important;
}
.create-panelist-link-modal .attendee {
  padding-left: 10px !important;
}
.create-panelist-link-modal .attendee-info-section {
  border-bottom: 1px solid #949494;
}
.create-panelist-link-modal .attendee-info-section div div:not(:first-child):not(:nth-child(2)) {
  padding-left: 20px !important;
}
.create-panelist-link-modal .attendee-info-section div div:nth-child(2) .oe-radio-option__label {
  padding-left: 10px !important;
}
.create-panelist-link-modal .no-attendee-info {
  border-top: 1px solid #949494;
  color: #949494;
  font-size: 12px;
  font-weight: 500;
  padding: 10px;
}
.create-panelist-link-modal .oe-radio-option__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 5px 0px;
  width: auto;
  border-top: 1px solid #949494;
}
.create-panelist-link-modal .oe-radio-option__label-text {
  flex: 1;
}
.create-panelist-link-modal .oe-radio-option--selected svg circle:last-of-type:hover {
  fill: #00787A !important;
}
.create-panelist-link-modal .oe-radio-option__label svg circle:hover:last-of-type:hover {
  fill: #707070;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.operators-list + button, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.operators-list + button:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.operators-list + button.active, .active.add-line-to-table-btn, .operators-list + button:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.operators-list__text {
  font-size: 12px;
}
.operators-list__item {
  display: flex;
  font-weight: 300;
  padding: 2px 0;
  margin-left: 10px;
  align-items: center;
}
.operators-list__item--space-between {
  justify-content: space-between;
}
.operators-list__item .multi-select-list__option {
  padding: unset;
  border: unset;
  margin-right: 8px;
}
.operators-list__item .multi-select-list__option-text {
  width: unset !important;
}
.operators-list__item:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.operators-list--with-borders {
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  margin-top: -1px;
}
.operators-list__role {
  margin-left: auto;
  width: 46%;
  flex-shrink: 0;
  text-align: left;
  font-size: 12px;
  padding-left: 10px;
}
.operators-list .organization__remove-label {
  position: initial;
  padding: 5px 10px;
}
.operators-list .organization__remove-label .oe-icon {
  font-size: 13px;
  color: #aaaaaa;
  vertical-align: middle;
}
.operators-list .organization__remove-label .oe-icon:hover {
  color: #EE0000;
}
.operators-list.action-on-hover {
  padding: 0 10px;
}
.operators-list.action-on-hover .operators-list__item {
  position: relative;
  margin-left: 0;
}
.operators-list.action-on-hover .operators-list__item:hover .organization__remove-label {
  opacity: 1;
}
.operators-list.action-on-hover .operators-list__item .organization__remove-label {
  opacity: 0;
}
.operators-list.action-on-hover .operators-list__item .organization__remove-label:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}
.operators-list.action-on-hover .operators-list__item .organization__remove-label:hover:before {
  background-color: rgba(255, 0, 0, 0.05);
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.operator-roles-dropdown {
  width: 115px;
  flex-shrink: 0;
  margin-left: auto;
}
.operator-roles-dropdown > .connection-dropdown__wrapper {
  margin-left: auto;
}
.operator-roles-dropdown .connection-dropdown__option {
  min-height: 40px;
  height: auto;
  word-break: break-word;
  line-height: 1.25;
  display: flex;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
.operator-roles-dropdown__disabled {
  opacity: 0;
  pointer-events: none;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.active.add-line-to-table-btn, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.operators-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  position: relative;
}
.operators-section .connection-dropdown__wrapper {
  margin-left: 20px;
}
.operators-section .operator-roles-dropdown {
  margin-left: auto;
}
.operators-section .operator-roles-dropdown .connection-dropdown__wrapper {
  margin-left: 0;
}
.operators-section__header {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 0;
  justify-content: space-between;
}
.operators-section__header-empty {
  border-bottom: solid 1px #949494;
}
.operators-section__header-label {
  font-size: 12px;
  font-weight: normal;
}
.operators-section__header-label + .connection-dropdown {
  margin-right: 46px;
}
.operators-section__header-name {
  flex: 1;
  width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.operators-section__header-name label {
  cursor: pointer;
}
.operators-section__button {
  margin-top: 4px;
  width: fit-content;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.phone-select {
  min-width: 160px;
  font-size: 20px;
  padding: 3px 12px 3px 10px;
  border-radius: 6px;
  background: #ffffff;
}
.phone-select__selected-number-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
}
.phone-select__selected-number-wrap svg {
  fill: #252c37;
  transform: rotate(90deg);
  width: 10px;
  margin-left: 10px;
}
.phone-select__selected-number-wrap:hover {
  color: #00787A;
}
.phone-select__selected-number-wrap:hover svg {
  fill: #00787A;
}
.phone-select__options {
  position: relative;
}
.phone-select__options-wrapper {
  background: #ffffff;
  max-height: 200px;
  width: 280px;
  position: absolute;
  top: -22px;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  z-index: 2;
  text-align: left;
  word-break: break-all;
  overflow: auto;
  scrollbar-width: thin;
}
.phone-select__block {
  display: block;
}
.phone-select__hidden {
  display: none;
}
.phone-select .active {
  color: #00787A;
  cursor: pointer;
  font-size: 20px;
}
.phone-select .active svg {
  fill: #00787A;
}
.phone-select__selected-first-child {
  width: 100%;
}
.phone-select__selected-first-child .phone-select__option {
  border-top: solid 1px transparent;
}
.phone-select__selected-first-child svg {
  fill: #252c37;
  transform: rotate(-90deg);
  width: 5px;
  position: relative;
  top: 8px;
  left: 3px;
}
.phone-select__selected-first-child:active {
  outline: none;
}
.phone-select__option {
  text-align: left;
  width: 100%;
  text-wrap: nowrap;
  line-height: 32px;
  padding: 0 10px;
  border-top: solid 1px #b2bfc5;
  font-size: 14px;
}
.phone-select__option:hover {
  background: #f4f5f6;
  cursor: pointer;
}
.phone-select__option:hover svg {
  fill: #252c37;
}
.phone-select__option:active {
  outline: none;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.dial-in-info-wrapper {
  background-color: #f4f5f6;
  width: 300px;
  margin: 10px 0px;
  border-radius: 10px;
}
.dial-in-info-wrapper .dial-in-info__phone-icon {
  cursor: pointer;
}
.dial-in-info-wrapper .dial-in-info__phone-icon svg {
  fill: #949494;
}
.dial-in-info-wrapper .dial-in-info__phone-icon:hover svg {
  fill: #00787A;
}
.dial-in-info-wrapper .dial-in-info__field {
  padding: 10px 15px;
  border-top: 1px solid #949494;
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.dial-in-info-wrapper .dial-in-info__phone-number {
  display: flex;
  align-items: center;
  grid-gap: 85px;
  padding: 10px 15px;
}
.dial-in-info-wrapper .dial-in-info__label {
  min-width: 100px;
  font-size: 13px;
}
.dial-in-info-wrapper .dial-in-info__value {
  font-size: 20px;
  font-weight: 400;
  word-break: break-all;
}
.dial-in-info-wrapper .dial-in-info__one-option {
  font-size: 20px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.show-dial-in-info {
  display: flex;
  flex-direction: column;
}
.show-dial-in-info .default-button {
  background-color: #f4f5f6;
  border-color: #f4f5f6;
  color: #252c37;
  border-radius: 6px;
  font-size: 14px;
  font-weight: normal;
  width: 150px;
  padding: 6px 12px;
  word-break: break-word;
  white-space: normal;
}
.show-dial-in-info__dial-button:hover {
  background-color: #f4f5f6;
  border-color: #f4f5f6;
  color: #00787A;
}
.show-dial-in-info__block {
  display: block;
}
.show-dial-in-info__hidden {
  display: none;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.passport-preview {
  padding: 40px;
}

.passport-preview-popover {
  width: 600px !important;
}
.passport-preview-popover .oe-popup-layout__body {
  min-height: 150px;
}
.passport-preview-popover .spinner-wrapper {
  height: 150px;
  width: 100%;
}

.passport-preview-popover-body {
  min-height: 500px;
}
.passport-preview-popover-body__label {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #1a1a1a;
  overflow-wrap: break-word;
}
.passport-preview-popover-body__description {
  padding: 0;
  padding-bottom: 24px;
  overflow-wrap: break-word;
  font-size: 16px;
  line-height: 21px;
  color: #1a1a1a;
}
.passport-preview-popover-body__description p {
  margin: 0;
}
.passport-preview-popover-body__connection-details {
  border-top: 1px solid #b2bfc5;
  padding-top: 10px;
  padding-bottom: 16px;
  margin-top: 32px;
  font-size: 13px;
  font-weight: 600;
}
.passport-preview-popover-body__connection-details-text {
  white-space: pre;
}
.passport-preview-popover-body__connection-button {
  padding: 10px 20px;
  font-size: 14px;
}
.passport-preview-popover-body__connection-button:hover {
  background-color: #00787A !important;
  border-color: #00787A !important;
  color: #ffffff !important;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.passport-preview-popover-body__thumbnail {
  object-fit: contain;
  max-width: 270px;
  width: 100%;
  height: 100%;
  display: flex;
  margin: 0 auto;
  cursor: pointer;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.connection-group-form__connections {
  margin-top: 14px;
}
.connection-group-form__connections-list {
  padding: 20px 34px;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
}
.connection-group-form__connections-list .drag-drop-list .drag-drop-list__item {
  margin-bottom: 10px;
  padding-left: 30px;
}
.connection-group-form__connections-list .drag-drop-list .drag-drop-number-list {
  left: -34px;
}
.connection-group-form__connections-list .drag-drop-list .drag-drop-number-list__item {
  margin-bottom: 10px;
  transition: none;
}
.connection-group-form__connections-list .drag-drop-list .drag-drop-number-list__item:last-child {
  margin-bottom: 0;
}
.connection-group-form__connections-list--disabled {
  padding: 0 24px;
}
.connection-group-form .connections-list__item {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.connection-group-form .connections-list__item-title {
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
  max-width: 165px;
}
.connection-group-form .connections-list__item-toggle {
  margin-right: 0;
}
.connection-group-form .connections-list__item--disabled {
  border: 1px solid #949494;
}
.connection-group-form .connections-list__item--disabled:not(:last-child) {
  margin-bottom: 10px;
}
.connection-group-form .connections-list__item--disabled .connections-list__item-title {
  color: #707070;
  max-width: 146px;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.connections-block .operators .add-attendee-btn, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.connections-block .operators .add-attendee-btn:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.connections-block .operators .active.add-attendee-btn, .active.add-line-to-table-btn, .connections-block .operators .add-attendee-btn:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.connections-block .single-row-title-cell.date-cell {
  padding-bottom: 15px;
}
.connections-block .sticky-date-title {
  top: 138px;
  z-index: 10;
  position: sticky;
  background-color: #ffffff;
  border-bottom: 1px solid #949494;
}
.connections-block .meeting-list-item,
.connections-block .room-list-item {
  border-bottom: 1px solid #949494;
  padding: 8px 0;
  line-height: 16px;
}
.connections-block .meeting-list-item:first-child,
.connections-block .room-list-item:first-child {
  padding-top: 0;
  height: 30px;
}
.connections-block .meeting-list-item .table-list-layout:last-child,
.connections-block .room-list-item .table-list-layout:last-child {
  margin: 0;
}
.connections-block .room-list-item .connection-list-item.meeting-list-item {
  border-bottom: none;
}
.connections-block .meeting-list-item .visible-on-hover {
  opacity: 0;
}
.connections-block .meeting-list-item:hover .visible-on-hover,
.connections-block .meeting-list-item .visible-on-hover.active {
  opacity: 1;
}
.connections-block .navigation-controls {
  position: relative;
}
.connections-block .room-name {
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.connections-block .operators .add-attendee-btn {
  background-color: transparent;
  border: none;
  font-weight: 500;
}
.connections-block .operators .add-attendee-btn:hover {
  border: none;
  background-color: rgba(0, 120, 122, 0.2);
}
.connections-block .operators-column {
  position: relative;
}
.connections-block .operators-column:hover, .connections-block .operators-column--active {
  background-color: #C4F8E4;
}
.connections-block .operators-column--wrapper {
  width: 100%;
  cursor: pointer;
}
.connections-block .operators-column .add-button-wrapper {
  padding: 0 10px;
  margin-bottom: 15px;
}
.connections-block .operators-column .add-button-wrapper .add-attendee-btn {
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  margin: 5px 0;
}

.meeting-connections-form .operators-list-wrapper .operators-list {
  margin-top: 0;
  border-top: none;
}
.meeting-connections-form .operators-list-wrapper .operators-list .operators-list__item {
  justify-content: space-between;
}
.meeting-connections-form .operators-list-wrapper .operators-list .operators-list__item:last-of-type {
  border-bottom: none;
}
.meeting-connections-form .podium-toggle {
  margin: 5px 0 25px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.meeting-connections-form .manage-podium-access {
  width: max-content;
  -moz-width: max-content;
  -webkit-width: max-content;
  margin-bottom: 25px;
}
.meeting-connections-form .meeting-template-name {
  display: flex;
  font-size: 12px;
}
.meeting-connections-form .meeting-template-name--label {
  min-width: 103px;
}
.meeting-connections-form .meeting-template-name--value {
  font-weight: 500;
}
.meeting-connections-form .control-form__date {
  margin-bottom: 2px;
}
.meeting-connections-form .auto-reg-toggle, .meeting-connections-form .auto-subscription-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-weight: normal;
}
.meeting-connections-form .auto-reg-toggle {
  margin: 20px 0 20px;
}
.meeting-connections-form .auto-subscription-toggle {
  margin: 0 0 30px;
}
.meeting-connections-form .rich-text-editor {
  padding: 0;
}

.connections-operators-list__item {
  cursor: pointer;
  margin: 0;
  padding: 7px 10px;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: 15px;
}
.connections-operators-list__item p {
  margin: 0;
}

.meeting-list-item-row {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.connection-list-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.connection-list-item {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.connection-list-item .connection-list-item__description {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}
.connection-list-item .connection-list-item__description--delete {
  color: #EE0000;
  text-decoration: line-through;
  text-decoration-color: #EE0000;
}
.connection-list-item .connection-list-item__chevron {
  opacity: 0;
  padding-left: 5px;
}
.connection-list-item__inherited {
  display: flex;
  align-items: center;
  width: 100%;
}
.connection-list-item__inherited svg {
  min-width: 14px;
}
.connection-list-item__inherited .inherited-connection {
  color: #777777;
}
.connection-list-item__inherited .inherited-connection--delete {
  color: #EE0000;
  margin-left: 5px;
  text-decoration: line-through;
}
.connection-list-item__default {
  display: inline-block;
  height: 6px;
  min-width: 6px;
  border-radius: 50%;
  background-color: #00787A;
  margin-left: 5px;
}
.connection-list-item .no-connection {
  color: #EE0000;
}
.connection-list-item:hover .connection-list-item__chevron {
  opacity: 1;
}
.connection-list-item.meeting-list-item {
  padding: 8px;
  cursor: default;
}
.connection-list-item--cancelled td:not(:first-of-type) {
  text-decoration: line-through;
  color: #999999;
}
.connection-list-item__meeting-content {
  display: flex;
  width: 100%;
  cursor: pointer;
}
.connection-list-item__meeting-content, .connection-list-item__inherited,
.connection-list-item .no-connection {
  padding-left: 35px;
}

.recording__label-wrapper {
  display: flex;
  margin: 20px 0px 10px;
  align-items: center;
  justify-content: flex-start;
}
.recording__label-wrapper > .multi-select-list__option {
  padding-left: 0px;
}

.entity-list {
  max-height: 295px;
  width: 237px;
}
.entity-list .entity-organization__header {
  padding: 7px 15px;
  border-top: 1px solid #949494;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}
.entity-list .entity-organization__attendee {
  display: flex;
  align-items: center;
  border-top: 1px solid #949494;
  padding: 7px 15px;
  font-size: 12px;
  line-height: 15px;
}
.entity-list .entity-organization__attendee span {
  margin-left: 10px;
}
.entity-list .entity-organization__attendee:hover {
  cursor: pointer;
}
.entity-list .entity-organization__attendee:hover svg .inner {
  fill: #949494;
}

.connection-list__meeting-connections .connection-list__label-wrapper {
  align-items: end;
  justify-content: flex-start;
}
.connection-list__meeting-connections .connection-list__label-wrapper .connection-list__label--wide {
  width: 48%;
}
.connection-list__meeting-connections .connection-list__label-wrapper .connection-list__label--greyed {
  background-color: #f4f4f4;
  width: 11.9%;
  margin-left: 4px;
}
.connection-list__meeting-connections .connection-list__item {
  width: 50%;
}
.connection-list__meeting-connections .connection-list__item--active {
  background-color: #6BDBB1;
}
.connection-list__meeting-connections .connection-list__item--not-started {
  color: #1a1a1a !important;
}
.connection-list__meeting-connections .connection-list__item--cancelled {
  width: 42.7%;
}

.room-form .connection-list__item--not-started {
  color: #1a1a1a !important;
}

.connection-list-block {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.connection-list-block.connection-list__item--active {
  background-color: #6BDBB1 !important;
}

.meeting-registrants-form .attendee-connection__wrapper {
  display: flex;
  width: 70%;
}
.meeting-registrants-form .attendee-connection__wrapper > div {
  width: 80%;
}
.meeting-registrants-form .attendee-connection__wrapper > button.edit-while-hovered {
  visibility: collapse;
  height: 100%;
  margin-top: auto;
}
.meeting-registrants-form .attendee-connection__wrapper:hover .edit-while-hovered {
  visibility: visible;
}

.oe-form--podium .copy-podium-link-button {
  margin-left: 10px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendee-connection.organization__row {
  align-items: center;
}
.attendee-connection .copy-button {
  margin: 0 -10px 0 15px;
  padding: 4px 9px;
}
.attendee-connection__unique-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
}
.attendee-connection__unique-icon--next-col {
  margin-left: 16px;
}
.attendee-connection__unique-icon--margin-left {
  margin-left: 42px;
}
.attendee-connection__unique-icon--wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
}
.attendee-connection__unique-icon--active {
  background-color: #C4F8E4;
}
.attendee-connection__unique-icon--checked {
  cursor: pointer;
}
.attendee-connection__unique-icon--checked:hover {
  background-color: #f4f4f4;
}
.attendee-connection__unique-icon--checked-icon {
  display: flex;
  margin-left: 1px;
}
.attendee-connection__unique-panelist-child {
  color: #00787A;
  font-size: 14px;
  padding-left: 2px;
}
.attendee-connection__children {
  margin-right: 3px;
  color: #00787A;
}
.attendee-connection.connection-group-details {
  border-top: 1px solid #949494;
}
.attendee-connection.connection-group-details .organization__row {
  padding: 0;
}
.attendee-connection.connection-group-details .organization__row:first-child {
  border-top: none;
}
.attendee-connection.connection-group-details .group-connection-attendee-title {
  padding: 10px 0 10px 7px;
  width: 145px;
}
.attendee-connection.connection-group-details .group-connection-attendee-title__podium {
  width: 107px;
}
.child-connection-list {
  width: 100%;
  margin-bottom: 15px;
}
.child-connection-list__popover {
  padding: 12px 25px 0 12px;
}
.child-connection-list__popover__footer {
  padding: 0 14px 0 12px;
}
.child-connection-list__popover__footer.buttons-block {
  justify-content: space-between;
}
.child-connection-list__popover__footer.buttons-block .options-button .options-button__label {
  padding: 4px 9px;
}
.child-connection-list .child-connection__copy-all-wrapper {
  display: flex;
  justify-content: end;
}
.child-connection-list .child-connection__copy-all {
  max-width: max-content;
  margin-left: 10px;
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.tag-input {
  border: solid 1px #949494;
  position: relative;
}
.tag-input .tags-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0px 5px;
  width: 100%;
  min-height: 32px;
  overflow: hidden;
}
.tag-input .tags-container .tag {
  display: inline-flex;
  align-items: center;
  background-color: #f4f4f4;
  color: rgba(0, 0, 0, 0.8);
  margin-right: 5px;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
  padding: 3px 7px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
}
.tag-input .tags-container .tag .remove-tag {
  cursor: pointer;
  color: #707070;
  height: 0;
  padding-bottom: 5px;
  margin-left: 8px;
  font-size: 25px;
  font-weight: 100;
  display: flex;
  align-items: center;
}
.tag-input .tags-container input {
  flex: 1;
  border: none;
  outline: none;
  padding: 8px;
  font-size: 14px;
  max-width: 90%;
}
.tag-input .filtered-tags {
  position: absolute;
  list-style-type: none;
  padding: 0;
  background: #ffffff;
  width: calc(100% + 2px);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  overflow: auto;
  max-height: 200px;
  margin-left: -1px;
  margin-top: 1px;
  z-index: 1;
}
.tag-input .filtered-tags li {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  cursor: pointer;
  border-top: solid 1px #949494;
  height: 40px;
  vertical-align: middle;
}
.tag-input .filtered-tags li:hover, .tag-input .filtered-tags li.active {
  background-color: #f4f4f4;
}
.tag-input .filtered-tags li:first-child {
  border-top: none;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.send-connections-email-form {
  margin-top: 61px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.send-connections-email-form .oe-form {
  height: 100%;
}
.send-connections-email-form__subject {
  height: auto;
}
.send-connections-email-form__email-body {
  height: 100%;
}
.send-connections-email-form__email-body .body-editor {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.send-connections-email-form__email-body .body-editor .ck.ck-editor {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.send-connections-email-form__email-body .body-editor .ck.ck-editor__main {
  flex-grow: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.send-connections-email-form__email-body .body-editor .ck.ck-editor__main .ck.ck-content.ck-editor__editable {
  width: 100%;
  flex-grow: 1;
}
.send-connections-email-form .send-connections-email-form__subject .copy-button {
  height: 100%;
  align-items: center;
}
.send-connections-email-form .copy-email-body {
  flex-direction: row;
  height: auto;
}
.send-connections-email-form .rich-text-editor {
  min-height: 300px;
}

.send-email-confirm-popup .alert-body {
  text-align: left;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.send-emails-template-form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.send-emails-template-form-header__dropdown {
  font-size: 12px;
  color: #777777;
  cursor: pointer;
  position: relative;
  width: 100%;
}
.send-emails-template-form-header__wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  padding: 9px 10px;
  background: #ffffff;
  width: 230px;
}
.send-emails-template-form-header__team {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.send-emails-template-form-header__team span {
  color: #00787A;
  font-weight: 600;
  width: 100%;
}
.send-emails-template-form-header__team svg {
  fill: #00787A;
}
.send-emails-template-form-header__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
}
.send-emails-template-form-header__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.send-emails-template-form-header__option:hover {
  background: #f4f4f4;
}
.send-emails-template-form-header__option--selected {
  background: #C4F8E4 !important;
}

.send-emails-template-form-layout {
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  position: fixed;
  width: 100%;
  z-index: 1;
}
@charset "UTF-8";
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.active.add-line-to-table-btn, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.email-templates-dropdown {
  height: 420px;
}
.email-templates-dropdown__search-input-wrapper {
  padding: 10px 15px;
  background-color: #f4f4f4;
}
.email-templates-dropdown__search-input-wrapper input {
  width: 100%;
}
.email-templates-dropdown__list {
  padding: 0;
  margin: 0;
  height: 370px;
  overflow-y: auto;
}
.email-templates-dropdown__list-item {
  list-style: none;
  padding: 10px 15px;
  border-bottom: 1px solid #949494;
  color: #1a1a1a;
  font-family: "Roboto Flex";
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
}
.email-templates-dropdown__list-item-name {
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 1.25;
}
.email-templates-dropdown__list-item-description {
  line-height: 1.33;
  font-weight: normal;
}
.email-templates-dropdown__list-item:hover {
  cursor: pointer;
  background-color: #f4f4f4;
}
.email-templates-dropdown__list-item--selected {
  background-color: #C4F8E4;
}
.email-templates-dropdown__list::-webkit-scrollbar {
  width: 8px;
}
.email-templates-dropdown__list::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
.email-templates-dropdown__list::-webkit-scrollbar-thumb {
  background-color: #949494;
  border-radius: 15px;
}

.loading-email-templates {
  padding: 10px 15px;
  height: 420px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.generate-connections {
  height: 90px;
  display: flex;
  align-items: center;
  padding: 15px 10px;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
}
.generate-connections__alert {
  color: #EE0000;
  margin-bottom: 15px;
}
.generate-connections__generating {
  justify-content: center;
}
.generate-connections__loading {
  display: flex;
  color: #707070;
}
.generate-connections__loading img {
  width: 20px;
  margin-right: 6px;
}

.connection-template-actions .view-details-area {
  margin-bottom: 0;
}
.multi-select-with-role {
  width: 368px;
}
.multi-select-with-role .multi-select-list {
  width: 343px;
  min-height: 295px;
}
.multi-select-with-role .multi-select-list__option:not(.multi-select-list__option--selected) .item-role {
  opacity: 0;
}
.multi-select-with-role .multi-select-list__option:not(.multi-select-list__option--selected) .item-role:hover, .multi-select-with-role .multi-select-list__option:not(.multi-select-list__option--selected) .item-role--selected, .multi-select-with-role .multi-select-list__option:not(.multi-select-list__option--selected) .item-role--active {
  opacity: 1;
}
.multi-select-with-role_header {
  align-items: center;
}
.multi-select-with-role_name, .multi-select-with-role_role {
  font-weight: 600;
}
.multi-select-with-role_name {
  width: 36%;
}
.multi-select-with-role_role {
  width: 23%;
}
.multi-select-with-role_search {
  width: 40%;
}
.multi-select-with-role .single-select-no-content {
  width: 343px;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.meeting-operators-update .operator-list__remove-button, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.meeting-operators-update .operator-list__remove-button:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.meeting-operators-update .active.operator-list__remove-button, .active.add-line-to-table-btn, .meeting-operators-update .operator-list__remove-button:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.meeting-operators-update .default-button {
  margin-bottom: 0 !important;
}
.meeting-operators-update .operators-list__item {
  margin-left: 0;
  padding: 2px 5px 2px 10px;
  background-color: #C4F8E4;
  border-bottom: 1px solid #949494;
}
.meeting-operators-update .operators-list__item:hover {
  background-color: #C4F8E4;
}
.meeting-operators-update .operators-remove-list .operators-list__item {
  background-color: #ffe5e6;
}
.meeting-operators-update .operator-list__remove-button {
  color: #EE0000;
}
.meeting-operators-update .operator-list__remove-button:hover {
  color: #EE0000;
}
.meeting-operators-update .operator-list__remove-button.active {
  background-color: #EE0000;
  color: #ffffff;
}
.meeting-operators-update .organization__remove-label .oe-icon {
  color: #1a1a1a !important;
  font-size: 15px !important;
}
.meeting-operators-update .organization__remove-label:hover {
  background-color: #ffffff;
}
.meeting-operators-update .organization__remove-label:hover .oe-icon {
  color: #cc0000 !important;
}
.meeting-operators-update .connection-dropdown {
  height: 31px;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.meeting-operators-update .connection-dropdown:hover {
  border-bottom: 1px solid #949494;
  border-top: 1px solid #949494;
}
.meeting-operators-update .connection-dropdown--active {
  border-bottom: 1px solid #949494;
  border-top: 1px solid #949494;
  background-color: #ffffff !important;
}
.meeting-operators-update .connection-dropdown__label {
  color: #1a1a1a !important;
}
.send-registration-email-toggle-hint {
  margin-top: 12px;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.23;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.website-custom__popover .custom-field-checkbox-label {
  margin: 0;
}
.website-custom__popover .custom-field-checkbox-label .ck-content {
  font-size: 12px;
}
.website-custom__popover .oe-popup-layout__body {
  max-height: calc(75vh - 185px);
}

.website-custom-registration-form .oe-form__body .oe-form-field .ck-dropdown__panel {
  width: 290px;
}

.oe-custom-field .oe-form-field__info {
  margin-bottom: 0;
}

.custom-field {
  display: flex;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.custom-field__content {
  flex-grow: 1;
  flex-direction: column;
  position: relative;
  display: flex;
  padding-left: 30px;
}
.custom-field__wrapper {
  position: relative;
  margin-bottom: 15px;
  flex-direction: column;
  display: flex;
  width: 100%;
  padding-left: 0;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  overflow: hidden;
  will-change: padding-bottom;
  -webkit-transition: padding-bottom 0.1s;
  transition: padding-bottom 0.1s;
}
.custom-field__wrapper .collapsed .custom-field__content {
  padding-bottom: 0;
}
.custom-field__wrapper .collapsed .custom-field__title {
  padding-bottom: 20px;
}
.custom-field__wrapper .collapsed .custom-field__title i {
  transform: rotate(180deg);
}
.custom-field__wrapper .collapsed .website-custom-fields {
  max-height: 0px;
}
.custom-field__wrapper .rich-text-editor {
  margin-top: 0;
}
.custom-field__wrapper .rich-text-editor .ck-content {
  font-size: 12px;
}
.custom-field__list {
  padding: 0px 20px 0 20px;
}
.custom-field__lock-icon {
  position: absolute;
  top: 10px;
  right: 10px;
}
.custom-field__lock-icon svg {
  width: 20px;
  cursor: default;
}
.custom-field__lock-icon svg path {
  fill: #949494;
}
.custom-field__title {
  padding: 20px 20px 10px;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
  font-style: normal;
  cursor: pointer;
}
.custom-field__title span {
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-field__title span span {
  font-weight: normal;
}
.custom-field__title i {
  will-change: transform;
  -webkit-transition: transform 0.1s;
  transition: transform 0.1s;
}
.custom-field__drag-icon {
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4f4;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.custom-field__drag-icon i {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
  border: #cccccc solid 2px;
  border-right: 0;
  border-left: 0;
}
.custom-field__drag-icon i::before {
  content: "";
  position: absolute;
  margin-top: -1px;
  left: 0;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  background: #cccccc;
}
.custom-field__drag-icon i:hover {
  border-color: #00787A;
}
.custom-field__drag-icon i:hover::before {
  background: #00787A;
}
.custom-field__hidden {
  display: flex;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  overflow: hidden;
  will-change: padding-bottom;
  width: 80%;
  margin: 0 auto;
  padding: 15px;
  align-items: center;
}
.custom-field__hidden:not(.custom-field__hidden:last-of-type) {
  margin-bottom: 10px;
}
.custom-field__hidden .website-custom__disabled {
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.custom-field__hidden .website-custom__disabled span:first-of-type {
  display: block;
  max-width: 185px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.custom-field__hidden .website-custom-tile {
  padding: 20px;
  align-items: center;
}
.custom-field__attendance-method-options .oe-form-field__checkbox {
  line-height: 1.9;
  font-size: 13px;
  padding-left: 30px;
}
.custom-field__attendance-method-options .oe-form-field__checkbox .oe-checkbox__checkmark {
  left: 0;
}

.website-custom-tile.centered {
  margin: 0 auto;
}
.website-custom-tile.collapsed .website-custom__content {
  padding-bottom: 0;
}
.website-custom-tile.collapsed .website-custom__title i {
  transform: rotate(180deg);
}
.website-custom-tile.collapsed .website-custom-fields {
  max-height: 0px;
}
.website-custom-tile .website-custom-fields {
  max-height: 3000px;
  will-change: max-height;
  -webkit-transition: max-height 0.1s;
  transition: max-height 0.1s;
}
.website-custom-tile span {
  word-break: break-word;
}
.website-custom-tile textarea {
  height: 4.125rem;
  min-height: unset;
  resize: vertical;
}
.website-custom-tile.sortable-chosen .website-custom__drag-icon {
  background-color: #e1e4e8;
}
.website-custom-tile.sortable-chosen .website-custom__drag-icon-container div {
  border-color: #00787A;
}

.website-custom__add-button:hover {
  color: #1a1a1a;
  background: #6BDBB1;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.remove-entity--wrapper {
  position: relative;
  border-top: 1px solid #949494;
  text-align: center;
}
.remove-entity--button {
  width: 100%;
  padding: 15px 0px;
  border: none;
  background: none;
  color: #EE0000;
  cursor: pointer;
  font-stretch: normal;
  font-style: normal;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  letter-spacing: normal;
  font-size: 12px;
  font-weight: 600;
  outline: none;
}
.remove-entity--button-disabled {
  opacity: 0.7;
  pointer-events: none;
  cursor: default;
}
.remove-entity--button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.emails-template-form {
  margin-top: 61px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.emails-template-form .oe-popup-layout__header {
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  font-weight: 500;
  line-height: 2;
  font-size: 12px;
}
.emails-template-form .oe-popup-layout__header .send-preview {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.emails-template-form .oe-popup-layout__header .send-preview .oe-icon {
  margin-right: 5px;
}
.emails-template-form .oe-popup-layout__header .send-preview .send-preview-text {
  color: #00787A;
}
.emails-template-form__container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}
.emails-template-form__container .draggable-aria {
  border: 1px dashed #949494;
}
.emails-template-form__logo-name, .emails-template-form__logo-preview {
  max-width: 50%;
}
.emails-template-form__logo-preview {
  margin-right: 10px;
}
.emails-template-form__logo-preview img {
  width: 100%;
  height: auto;
}
.emails-template-form .default-button--cancel {
  color: #EE0000;
}
.emails-template-form__section-title {
  font-size: 12px;
  margin-bottom: 5px;
}
.emails-template-form-hidden-scroll {
  padding-bottom: 80px;
  overflow-y: hidden !important;
}
.emails-template-form-with-error {
  margin-top: 100px;
}
.emails-template-form__select-wrapper .oe-form-field__control:disabled {
  border: none;
  background-color: #f4f4f4;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form {
  padding: 35px 100px 0;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form-with-error {
  margin-top: 61px;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form__select-wrapper {
  display: flex;
  justify-content: space-between;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form__select-wrapper > .oe-form-field {
  width: 48%;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form .oe-form {
  height: 100%;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form .oe-form-field {
  flex-grow: 0;
  height: auto;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form-layout {
  width: 100%;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form__container {
  width: 50%;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form__content .with-editor {
  flex-grow: 1;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form__content .body-editor {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-shrink: 0;
}
.emails-template .oe-popup-layout--sub-window-expanded .emails-template-form__content .body-editor .ck-content {
  flex-grow: 1;
  height: 320px;
}
.emails-template .oe-popup-layout--sub-window-expanded .uploaded-img {
  justify-content: space-between;
}

.email-templates-form > .default-button {
  border-radius: 20px;
}
.email-templates-item--selected {
  background-color: #C4F8E4;
}
.email-templates-item--disabled {
  color: #999999;
}
.email-templates-item .passport-field-container__row {
  height: auto;
}
.email-templates-item .passport-field-container__row-text {
  font-weight: 600;
}
.email-templates-item .passport-field-container__additional-row-text {
  font-weight: 500;
  font-style: italic;
  margin-left: 3px;
  color: #999999;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.active.add-line-to-table-btn, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.list {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  margin-top: 12px;
  position: relative;
}
.list__label-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.list__label {
  padding-bottom: 5px;
  font-weight: normal;
  font-size: 12px;
}
.list__item {
  cursor: pointer;
  margin: 0;
  padding: 7px 10px;
  font-size: 13px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 15px;
  width: 100%;
  min-width: unset;
  overflow: hidden;
}
.list__item p {
  margin: 0;
}
.list__header {
  margin-bottom: 1.1rem;
  border-bottom: 1px solid #949494;
  padding-bottom: 0.9rem;
  display: flex;
  gap: 5%;
}
.list__field {
  line-height: 1.45;
  margin: 0 0 23px;
  font-size: 11px;
  font-weight: 400;
}
.list__wrapper {
  border-top: 1px solid #949494;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding-left: 20px;
}
.list__wrapper__remove-label {
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
  margin-left: 10px;
  padding: 5px 10px;
  border-radius: 5px;
}
.list__wrapper__remove-label:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.list__wrapper--pl {
  padding-left: 0;
}

.allowedOrganizationTypes + div div {
  font-style: italic;
}
.access-filter__item {
  justify-content: flex-start;
}
.access-filter__name {
  min-width: 50px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.emails-template-form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.emails-template-form-header__item:nth-child(2) .send-preview {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.emails-template-form-header__item:nth-child(2) .send-preview .oe-icon {
  margin-right: 2px;
  font-size: 18px;
}
.emails-template-form-header__item:nth-child(2) .send-preview .oe-icon svg {
  height: 18px;
}
.emails-template-form-header__item:nth-child(2) .send-preview .send-preview-text {
  color: #00787A;
  font-weight: 500;
  font-size: 12px;
}
.emails-template-form-header__item:nth-child(2) .send-preview:hover .oe-icon svg {
  fill: #1a1a1a;
}
.emails-template-form-header__item:nth-child(2) .send-preview:hover .send-preview-text {
  color: #1a1a1a;
}
.emails-template-form-header__dropdown {
  font-size: 12px;
  color: #777777;
  cursor: pointer;
  position: relative;
  width: 100%;
}
.emails-template-form-header__wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  padding: 9px 10px;
  background: #ffffff;
  width: 180px;
}
.emails-template-form-header__team {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.emails-template-form-header__team span {
  color: #00787A;
  font-weight: 600;
}
.emails-template-form-header__team svg {
  fill: #00787A;
}
.emails-template-form-header__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
}
.emails-template-form-header__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.emails-template-form-header__option:hover {
  background: #f4f4f4;
}
.emails-template-form-header__option--selected {
  background: #C4F8E4 !important;
}
.emails-template-form-header__error {
  margin-top: 7px;
}
.emails-template-form-header__error-block {
  height: 21px;
}

.emails-template-form-layout {
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  position: fixed;
  width: 382px;
  z-index: 1;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.website-custom__checkbox-label--disabled {
  color: #999999;
  font-style: italic;
}
.website-custom__checkbox-label-hint {
  margin-top: 12px;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.23;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.email-vairables-form {
  position: relative;
  z-index: 101;
}
.email-vairables-form .oe-popup-layout__body {
  overflow: hidden;
}
.email-vairables-form .email-variables__search-input-wrapper {
  background-color: #f4f4f4;
  padding: 10px 20px;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
}
.email-vairables-form .email-variables__search-input-wrapper .search-input {
  width: 100%;
  height: 30px;
}
.email-vairables-form .email-variables-fields-wrapper {
  height: 94%;
  overflow: auto;
  /* Track */
  /* Handle thumb*/
  /* Handle thumb on hover */
}
.email-vairables-form .email-variables-fields-wrapper .email-variables-field {
  border-bottom: 1px solid #949494;
  padding: 15px 20px;
}
.email-vairables-form .email-variables-fields-wrapper .email-variables-field .copy-button {
  margin-left: 10px;
}
.email-vairables-form .email-variables-fields-wrapper .email-variables-field__description {
  margin-top: 5px;
  font-style: italic;
  color: #707070;
  font-size: 11px;
}
.email-vairables-form .email-variables-fields-wrapper .email-variables-field:last-child {
  border-bottom: none;
}
.email-vairables-form .email-variables-fields-wrapper::-webkit-scrollbar {
  width: 16px;
  height: 200px;
}
.email-vairables-form .email-variables-fields-wrapper::-webkit-scrollbar-track {
  background: #f4f4f4;
}
.email-vairables-form .email-variables-fields-wrapper::-webkit-scrollbar-thumb {
  background: #ddd;
  border: 4px solid #f4f4f4;
  border-radius: 15px;
}
.email-vairables-form .email-variables-fields-wrapper::-webkit-scrollbar-thumb:hover {
  background: #b9b9b9;
}

.email-variables-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  margin: 20px 0;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
}
.email-variables-section__title {
  margin: 0px 0px 15px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.sign-in-form {
  margin-top: 42px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}
.sign-in-form__checkbox-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sign-in-form__head {
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  position: fixed;
  width: 382px;
  z-index: 1;
}
.sign-in-form__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sign-in-form .rich-text-editor {
  padding: 0;
  margin-top: 0;
}
.website-custom__editor .rich-text-editor {
  padding: 0;
  margin-top: 0;
}

.blocked-domains-form-field .oe-form-field__error {
  white-space: pre-wrap;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.general-settings-title {
  margin-bottom: 8px;
}
.general-settings-item__header {
  padding: 12px 10px;
  cursor: pointer;
  border-bottom: 1px solid #949494;
  border-top: 1px solid #949494;
}
.general-settings-item__header-name {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.general-settings-item__header-title {
  font-size: 13px;
  font-weight: 500;
}
.general-settings-item__header--icon {
  margin-left: 8px;
}
.general-settings-item__header:hover {
  background-color: #f4f4f4;
}
.general-settings-item__header--active {
  background-color: #C4F8E4;
}
.general-settings-item__header--active .general-settings-item__header-icon {
  transform: rotate(180deg);
}
.general-settings-item__content {
  padding: 0 10px;
  background-color: #f4f4f4;
  transition: all 0.1s linear;
  overflow: hidden;
}
.general-settings-item__content .rich-text-editor {
  background-color: #ffffff;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.website-custom__toggle {
  display: flex;
  align-items: center;
}
.website-custom__disabled {
  color: #cccccc;
}
.website-custom__popover {
  position: fixed;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  width: 327px;
}
.website-custom__popover textarea {
  height: 4.125rem;
  min-height: unset;
  resize: vertical;
}
.website-custom__popover__title {
  font-size: 0.875rem;
  font-weight: 600;
  font-style: italic;
  display: block;
}
.website-custom__popover textarea {
  height: 4.125rem;
  min-height: unset;
  resize: vertical;
}
.website-custom__title {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
  font-style: normal;
  cursor: pointer;
}
.website-custom__title i {
  will-change: transform;
  -webkit-transition: transform 0.1s;
  transition: transform 0.1s;
}
.website-custom__drag-icon {
  width: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 7px;
  will-change: background-color;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
  background-color: #f4f4f4;
}
.website-custom__drag-icon-container div {
  margin-bottom: 3px;
  border: solid 1px #cccccc;
  will-change: border-color;
  -webkit-transition: border-color 0.1s;
  transition: border-color 0.1s;
}
.website-custom__drag-icon-container:hover {
  cursor: move;
}
.website-custom__content {
  padding: 20px;
  flex-grow: 1;
  position: relative;
}
.website-custom__content .lock-icon {
  position: absolute;
  top: 10px;
  right: 15px;
}
.website-custom__content .lock-icon svg {
  width: 20px;
  cursor: default;
}
.website-custom__content .lock-icon svg path {
  fill: #949494;
}
.website-custom__add-button {
  padding: 17px 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);
}
.website-custom__checkbox-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 25px;
}
.website-custom__checkbox-label .link {
  margin-bottom: 2px;
  margin-left: 4px;
  text-decoration: underline;
}
.website-custom__checkbox-label.column {
  flex-direction: column;
  align-items: flex-start;
}
.website-custom__checkbox-label.column span {
  margin-bottom: 5px;
}
.website-custom__checkbox-label span {
  font-weight: 500;
  font-size: 13px;
}
.website-custom__form {
  padding-top: 24px !important;
}

.website-custom-field {
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  position: fixed;
  width: 382px;
  z-index: 1;
}

.website-custom-field-header {
  display: flex;
  align-items: center;
  width: 100%;
}
.website-custom-field-header__item .preview {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.website-custom-field-header__item .preview .oe-icon {
  margin-right: 5px;
  font-size: 18px;
}
.website-custom-field-header__item .preview-text {
  color: #00787A;
}
.website-custom-field-header__item .preview:hover .preview-text, .website-custom-field-header__item .preview:hover .oe-icon {
  color: #1a1a1a;
}
.website-custom-field-header__item:last-child {
  margin-left: auto;
}
.website-custom-field-header__dropdown {
  font-size: 12px;
  color: #777777;
  cursor: pointer;
  position: relative;
  width: 100%;
}
.website-custom-field-header__wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  padding: 9px 10px;
  background: #ffffff;
  width: 100%;
}
.website-custom-field-header__team {
  display: flex;
  justify-content: space-between;
  width: 203px;
  align-items: center;
}
.website-custom-field-header__team span {
  color: #00787A;
  font-weight: 600;
}
.website-custom-field-header__team svg {
  fill: #00787A;
}
.website-custom-field-header__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
}
.website-custom-field-header__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.website-custom-field-header__option:hover {
  background: #f4f4f4;
}
.website-custom-field-header__option--selected {
  background: #C4F8E4 !important;
}
.website-custom-field-header__error {
  margin-top: 7px;
}

.website-custom-registration-form {
  margin-top: 61px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}

.website-custom-registration-error-block {
  margin-top: 68px !important;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.conf-pass-nav-form {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  padding-bottom: 19px;
}
.conf-pass-nav-form__checkbox-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.conf-pass-nav-form__head {
  border-top: 1px solid #949494;
  border-bottom: 1 px solid #949494;
  position: fixed;
  width: 382px;
  z-index: 1;
}
.conf-pass-nav-form__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.conf-pass-nav-form .rich-text-editor {
  padding: 0;
  margin-top: 0;
}
.conf-pass-nav-form .website-custom__toggle--disabled .switch .slider {
  background-color: #00787A;
  opacity: 0.4;
}
.conf-pass-nav-form .website-custom__toggle--disabled .website-custom__toggle-label {
  color: #707070;
}
.conf-pass-nav-form .website-custom__toggle--disabled .switch:hover input:checked + .slider {
  background-color: #00787A;
  opacity: 0.4;
}

.draggable-item {
  display: flex;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.draggable-item__content {
  flex-grow: 1;
  flex-direction: column;
  position: relative;
  display: flex;
  padding-left: 30px;
}
.draggable-item__wrapper {
  position: relative;
  margin-bottom: 15px;
  flex-direction: column;
  display: flex;
  width: 100%;
  padding-left: 0;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  overflow: hidden;
  will-change: padding-bottom;
  -webkit-transition: padding-bottom 0.1s;
  transition: padding-bottom 0.1s;
}
.draggable-item__wrapper .collapsed .draggable-item__content {
  padding-bottom: 0;
}
.draggable-item__wrapper .collapsed .draggable-item__title {
  padding-bottom: 20px;
}
.draggable-item__wrapper .collapsed .draggable-item__title i {
  transform: rotate(180deg);
}
.draggable-item__wrapper .collapsed .website-custom-fields {
  max-height: 0px;
}
.draggable-item__wrapper .rich-text-editor {
  margin-top: 0;
}
.draggable-item__wrapper .rich-text-editor .ck-content {
  font-size: 12px;
}
.draggable-item__list {
  padding: 0px 12px;
}
.draggable-item__title {
  padding: 20px 15px 12px;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
  font-style: normal;
  cursor: pointer;
}
.draggable-item__title span {
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.draggable-item__title i {
  will-change: transform;
  -webkit-transition: transform 0.1s;
  transition: transform 0.1s;
}
.draggable-item__drag-icon {
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4f4;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.draggable-item__drag-icon i {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
  border: #cccccc solid 2px;
  border-right: 0;
  border-left: 0;
}
.draggable-item__drag-icon i::before {
  content: "";
  position: absolute;
  margin-top: -1px;
  left: 0;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  background: #cccccc;
}
.draggable-item__hidden {
  display: flex;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  overflow: hidden;
  will-change: padding-bottom;
  width: 80%;
  margin: 0 auto;
  padding: 15px;
  align-items: center;
}
.draggable-item__hidden:not(.draggable-item__hidden:last-of-type) {
  margin-bottom: 10px;
}
.draggable-item__hidden .website-custom__disabled {
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.draggable-item__hidden .website-custom__disabled span:first-of-type {
  display: block;
  max-width: 185px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.draggable-item__hidden .website-custom-tile {
  padding: 20px;
  align-items: center;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.website-input-wrapper {
  padding: 10px;
  background-color: #f4f4f4;
}
.website-input-wrapper .passport-url {
  margin-bottom: 10px;
}

.website-input {
  line-height: 15px;
  overflow: hidden;
  display: flex;
}
.website-input__prefix {
  padding: 7px 8px 0px 0px;
}
.website-input__field {
  padding: 0 10px;
  box-shadow: inset 0 0 2px #b9b9b9;
  outline: none;
  border: none;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.passport-settings .oe-radio-option__label {
  display: flex;
  align-items: flex-start;
  margin-top: 5px;
}
.passport-settings__validity-days {
  margin-left: 5px;
}

.generate-passport-background-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 35px;
}
.generate-passport-background-wrapper .oe-form-field {
  width: 100%;
}
.generate-passport-background-wrapper .oe-form-field .draggable-area {
  padding-bottom: 55px;
}
.generate-passport-background-wrapper .generate-passport-background-button {
  display: flex;
  align-items: center;
  width: 135px;
  padding: 0 5px;
  border-radius: 5px;
  background-color: #f4f4f4;
  color: #00787A;
  border: none;
  position: absolute;
  top: 60%;
}
.generate-passport-background-wrapper .generate-passport-background-button:hover {
  color: #1a1a1a;
  cursor: pointer;
}
.generate-passport-background-wrapper .generate-passport-background-button:hover svg {
  fill: #1a1a1a;
}
.generate-passport-background-wrapper.image-uploaded .generate-passport-background-button {
  position: absolute;
  left: 51.5%;
  top: 105px;
  height: 28px;
}
.generate-passport-background-wrapper.image-uploaded .oe-form-field__error {
  margin-top: 15px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.modal-loader-screen {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  min-height: 425px;
}
.modal-loader-screen__spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 5px;
  border-color: #1a1a1a;
  font-style: normal;
}
.modal-loader-screen__spinner-time-text {
  color: #707070;
  font-style: normal;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.generate-passport-background-modal {
  width: auto;
  min-width: 600px;
}
.generate-passport-background-modal .buttons-block-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.generate-passport-background-modal .oe-form_body {
  padding: 5% 10%;
}
.generate-passport-background-modal__textarea {
  max-width: 100%;
  min-width: 100%;
  min-height: 265px;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  padding: 3.1px 3px 3px 10px;
  border: solid 1px #00787A;
}
.generate-passport-background-modal.generation-result {
  width: 100%;
  max-width: 1780px;
}
.generate-passport-background-modal.generation-result .oe-popup-layout {
  overflow-y: auto;
}
.generate-passport-background-modal.generation-result img {
  max-width: 100%;
}
.rich-text-page-type {
  padding: 0;
  margin-top: 0;
}
.rich-text-page-type .ck-editor__editable_inline {
  height: 380px !important;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.chat-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: #f6f6f6;
  border-radius: 16px;
}

.chat-panel__message {
  font-size: 13px;
  font-family: "Roboto Flex";
  font-weight: bold;
  color: #1a1a1a;
  text-align: center;
  line-height: 1.47;
  margin: auto;
  display: flex;
  align-items: center;
}
.chat-panel__message__user {
  justify-content: flex-end;
  text-align: right;
}
.chat-panel__message__assistant {
  justify-content: flex-start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  margin-left: 0;
  padding-left: 1em;
}

.chat-panel__text {
  background-color: #ffffff;
  padding: 10px;
  border-radius: 10px;
  max-width: 70%;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  word-wrap: break-word;
  font-weight: 600;
}

.chat-panel__code {
  background-color: #f5f5f5;
  padding: 10px;
  border-radius: 10px;
  max-width: 70%;
  font-size: 11px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-x: auto;
  font-style: normal;
  color: #333;
  font-weight: normal;
}

.chat-panel__copy-button {
  margin-left: 5px;
  cursor: pointer;
}

.chat-panel__message__user .chat-panel__text {
  background-color: #C4F8E4;
}

.chat-panel__message__user {
  padding-right: 1em;
}

.chat-panel__messages .typing-indicator, .typing-dots {
  align-self: flex-start;
  margin-left: 10px;
}

.chat-panel__messages {
  overflow: auto;
}

.chat-panel__input-box {
  margin-top: auto;
  width: 100%;
  height: 104px;
  padding: 12px;
  background-color: #f4f4f4;
  border-top: 1px solid #949494;
  display: flex;
  justify-content: center;
}

.chat-panel__input-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
}
.chat-panel__input-wrapper--hover:hover .chat-panel__send-button {
  background-color: #C4F8E4;
}
.chat-panel__input-wrapper--hover:hover .chat-panel__send-button svg circle,
.chat-panel__input-wrapper--hover:hover .chat-panel__send-button svg path {
  stroke: #1a1a1a;
}
.chat-panel__input-wrapper--hover:hover .chat-panel__input {
  background-color: #C4F8E4;
  border: none;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}
.chat-panel__input-wrapper--active .chat-panel__send-button svg circle,
.chat-panel__input-wrapper--active .chat-panel__send-button svg path {
  stroke: #00787A;
}
.chat-panel__input-wrapper--active .chat-panel__input {
  border: 1px solid #00787A;
}

.chat-panel__input {
  width: 100%;
  height: 74px;
  padding: 10px 40px 25px 11px;
  border: 1px solid #949494;
  border-radius: 10px;
  font-size: 13px;
  font-family: "Roboto Flex";
  font-weight: bold;
  color: #333333;
  background: #ffffff;
  outline: none;
  resize: none;
  overflow-wrap: break-word;
  line-height: 1.2;
}
.chat-panel__input:focus, .chat-panel__input:active {
  border: 1px solid #00787A;
}

.chat-panel__input::placeholder {
  color: #b9b9b9;
  font-size: 14px;
}

.chat-panel__send-button {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  transition: background-color 0.3s, transform 0.2s;
}
.chat-panel__send-button svg circle,
.chat-panel__send-button svg path {
  stroke: #949494;
}
.chat-panel__send-button:hover svg circle,
.chat-panel__send-button:hover svg path, .chat-panel__send-button:active svg circle,
.chat-panel__send-button:active svg path {
  stroke: #00787A;
}

.chat-panel-container.hidden {
  display: none;
}

.response-received {
  height: fit-content;
}

.code-message {
  background-color: #ffffff;
  padding: 8px;
  border-radius: 5px;
  font-family: "Courier New", monospace;
  overflow-x: auto;
  white-space: pre-wrap;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}

.chat-panel__code .upload-button {
  float: right;
  height: 24px;
  width: 49px;
  padding: 0;
  line-height: 15px;
  font-weight: 500;
}

.upload-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
}

.typing-indicator {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  width: fit-content;
  margin-left: 15px;
  border: 1px solid lightgrey;
  justify-content: flex-start;
}

.typing-dots {
  display: flex;
  justify-content: space-between;
  width: 24px;
  text-align: left;
}

.typing-dots span {
  width: 6px;
  height: 6px;
  background-color: gray;
  border-radius: 50%;
  animation: blink 1.5s infinite;
}

.typing-dots span:nth-child(2) {
  animation-delay: 0.2s;
}

.typing-dots span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes blink {
  0%, 80%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.chat-panel-container .visible {
  height: fit-content;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.custom-css .oe-form,
.custom-css .oe-form_body,
.custom-css .m-top-15px {
  height: 100%;
}
.custom-css .oe-form__body {
  display: flex;
  gap: 16px;
  flex-direction: row;
}
.custom-css .code-editor-container {
  flex: 1;
  min-width: 0;
}
.custom-css .chat-panel-container {
  margin-top: 30px;
  width: 300px;
  gap: 16px;
  border: 1px solid #949494;
  border-width: 1px 0;
  background-color: #f4f4f4;
}
.custom-css .oe-form__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 4px;
  padding: 0 4px;
}
.custom-css .css-copilot-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 16px;
  font-family: "Roboto Flex";
  border: none;
  border-radius: 8px;
  color: #00787A;
  background-color: #f4f4f4;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.custom-css .css-copilot-button:hover {
  background-color: #f4f4f4;
  color: #1a1a1a;
}
.custom-css .css-copilot-button svg {
  width: 16px;
  height: 16px;
  fill: #00787A;
  transition: fill 0.3s ease;
}
.custom-css .css-copilot-button:hover svg {
  fill: #1a1a1a;
}
.custom-css .css-copilot-button.active {
  background-color: #f4f4f4;
  color: #1a1a1a;
}
.custom-css .css-copilot-button.active svg {
  fill: #1a1a1a;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.scheduled-email-item {
  margin-bottom: 20px;
}
.scheduled-email-item .scheduled-email-item__remove-item-button {
  display: none;
}
.scheduled-email-item .scheduled-email-item__remove-item-button span {
  padding: 5px 10px;
  background-color: #fee5e5;
  border-radius: 5px;
}
.scheduled-email-item__header {
  border-bottom: 1px solid #949494;
  padding-bottom: 10px;
  padding-left: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.scheduled-email-item__header .default-button {
  height: 25px;
  padding: 0 10px;
}
.scheduled-email-item__title {
  display: block;
  font-weight: 600;
  font-size: 12px;
}
.scheduled-email-item__content {
  display: flex;
  border-bottom: 1px solid #949494;
  margin-left: 10px;
  height: 40px;
  justify-content: space-between;
}
.scheduled-email-item__content:hover .scheduled-email-item__remove-item-button {
  display: block;
}
.scheduled-email-item__date-and-time {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
}
.scheduled-email-item__date-and-time:hover {
  background-color: #f4f4f4;
}
.scheduled-email-item__date {
  margin-right: 30px;
}
.scheduled-email-item__time {
  margin-right: 10px;
}
.scheduled-email-item__timezone {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}
.scheduled-email-item__number-of-recipients {
  font-weight: 700;
  font-style: italic;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.scheduled-email-item__number-of-recipients span {
  font-weight: 400;
  font-style: normal;
}
.scheduled-email-item--selected .scheduled-email-item__date-and-time {
  background-color: #C4F8E4;
}
.create-scheduled-email-meeting-modal {
  width: 60% !important;
  min-height: 50vh;
  overflow-y: auto !important;
}
.create-scheduled-email-meeting-modal .oe-popup-layout {
  min-height: inherit;
}
.create-scheduled-email-meeting-modal .oe-popup-layout .oe-form-field__title {
  padding-bottom: 25px;
  font-size: 13px;
}
.create-scheduled-email-meeting-modal .oe-popup-layout .oe-form-field .multi-select-list__option {
  border: none;
}
.create-scheduled-email-meeting-modal .oe-popup-layout .oe-form-field .multi-select-list__option .multi-select-list__option-text:first-letter {
  text-transform: uppercase;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.scheduled-emails-form__list {
  margin-bottom: 30px;
}

.scheduled-emails-form-section__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
  font-size: 15px;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
}
.scheduled-emails-form-section__title .default-button {
  font-style: normal;
  border: none;
}
.scheduled-emails-form-section__title .default-button:hover {
  color: #1a1a1a;
  background: #6BDBB1;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.passport-field-container__label {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 25px;
}
.passport-field-container__row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #949494;
  padding: 7px 0;
  height: 40px;
}
.passport-field-container__row-text-wrapper {
  display: flex;
  align-items: center;
}
.passport-field-container__row-text-prefix .oe-icon.warning {
  color: #FCBC62;
  cursor: default;
}
.passport-field-container__row-text {
  font-size: 12px;
  font-weight: 500;
  white-space: pre-line;
  color: #1a1a1a;
}
.passport-field-container__section {
  border-top: 1px solid #949494;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.scheduled-email-form__header {
  padding: 17px 20px !important;
}
.scheduled-email-form__name-field {
  max-width: 500px;
}
.scheduled-email-form__date-and-time {
  max-width: 400px;
  margin-bottom: 25px;
}
.scheduled-email-form__date-and-time-fields {
  display: flex;
  justify-content: space-between;
  width: 95%;
}
.scheduled-email-form__date-and-time .oe-form-field {
  margin-bottom: 0px;
}
.scheduled-email-form__date-and-time .oe-form-field:first-child {
  width: 85%;
  margin-right: 10px;
}
.scheduled-email-form__time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 10px;
}
.scheduled-email-form__timezone {
  min-width: 60px;
  width: 100%;
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}
.scheduled-email-form__roles-container span {
  font-weight: 600;
}
.scheduled-email-form__meeting-container {
  font-size: 13px;
  letter-spacing: 1.3px;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.scheduled-email-form__meeting-container--date {
  text-transform: uppercase;
  font-weight: bold;
  color: #00787A;
}
.scheduled-email-form__meeting-container--time {
  line-height: 1.62;
  font-size: 13px;
}

.oe-popup-layout--sub-window-expanded .scheduled-email-form {
  padding: 0 80px;
}
.oe-popup-layout--sub-window-expanded .scheduled-email-form .uploaded-img .uploaded-img__controls {
  justify-content: flex-start;
}
.oe-popup-layout--sub-window-expanded .scheduled-email-form .uploaded-img .uploaded-img__controls .default-button--options {
  flex-grow: 0;
}
.oe-popup-layout--sub-window-expanded .scheduled-email-form__header {
  width: 100%;
}
.oe-popup-layout--sub-window-expanded .scheduled-email-form__content .oe-form-field:first-child {
  height: auto;
}
.oe-popup-layout--sub-window-expanded .scheduled-email-form__content .body-editor {
  display: flex;
  flex-direction: column;
  min-height: 500px;
  flex-shrink: 0;
}
.oe-popup-layout--sub-window-expanded .scheduled-email-form__content .body-editor .ck-content {
  flex-grow: 1;
  height: 320px;
}
.oe-popup-layout--sub-window-expanded .scheduled-email-form__image-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 50%;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-popup-layout--positioned .oe-popup-layout--sub-window-expanded {
  z-index: -1;
}

.control-form .control-form-recordings {
  display: flex;
  margin-top: 7px;
  align-items: center;
}
.control-form__date {
  margin-bottom: 25px;
}
.control-form__date--cancelled {
  opacity: 0.4;
}
.control-form__date-and-progress {
  display: flex;
  flex-direction: column;
}
.control-form__date-and-progress .operators-list__item {
  padding: 7px 10px;
}
.control-form__room {
  display: flex;
  align-items: center;
  padding: 7px 10px 7px 20px;
  border-top: 1.6px solid #949494;
  margin-top: 5px;
}
.control-form__room .multi-select-list__option {
  padding: unset;
  border: unset;
  margin-right: 8px;
}
.control-form__room .multi-select-list__option-text {
  width: unset !important;
}
.control-form .meeting-status-bar {
  margin-bottom: calc(25px + 18px);
}
.control-form__room-name {
  font-size: 12px;
}
.control-form__event-day {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: bold;
  color: #00787A;
}
.control-form__event-time {
  line-height: 1.62;
  font-size: 13px;
  letter-spacing: 1.3px;
  font-weight: 500;
}
.control-form__local-day, .control-form__local-time {
  line-height: 1.8;
  text-transform: uppercase;
  font-size: 10px;
  color: #707070;
  font-weight: normal;
}
.control-form--expanded .control-form__date-and-progress {
  flex-direction: row;
}
.control-form--expanded .control-form__date {
  flex-grow: 1;
}
.control-form--expanded .control-form__room {
  margin: 0;
  border: 0;
}
.control-form--expanded .meeting-status-bar {
  flex-shrink: 1;
  width: 330px;
}
.control-form--expanded .multi-select-list {
  width: 300px;
}
.control-form--expanded .oe-form-field__operators {
  width: 330px;
}
.control-form--expanded .oe-form-field__connection {
  width: 330px;
}
.control-form--expanded .attendees-table th {
  width: 15% !important;
  box-sizing: border-box;
}
.control-form--expanded .attendees-table th:first-child, .control-form--expanded .attendees-table th:last-child {
  width: 23% !important;
}
.control-form--expanded .attendees-table th:nth-child(2) {
  width: 11% !important;
}
.control-form--expanded .attendees-table th:nth-child(3), .control-form--expanded .attendees-table th:nth-child(5) {
  width: 8% !important;
}
.control-form--expanded .attendee-filter {
  position: relative;
}
.control-form--expanded .attendee-filter:hover {
  cursor: pointer;
}
.control-form .attendees-table th {
  width: 16.6%;
}
.control-form .room-table th {
  width: 13.2%;
}
.control-form .room-table th:nth-last-child {
  width: 7%;
}
.control-form .attendees-table th:nth-child(n+3) {
  width: 12.5%;
}
.control-form .attendees-table th:last-child {
  width: 16.7%;
}
.control-form .attendees-list .attendees-list-header {
  justify-content: initial;
}
.control-form .attendees-list .attendees-list-header-name-container {
  width: calc(45.5% + 6px);
  flex: initial;
}
.control-form .connection-list__field {
  margin-bottom: 19px;
}
.control-form .connection-list__child-connections:not(:first-child) {
  margin-left: 40px !important;
}
.control-form .connection-list__child-connections:first-child {
  padding-left: 40px !important;
}
.control-form .connection-list .connection-list-item {
  cursor: pointer;
}
.control-form .control-form-connections {
  margin-bottom: 25px;
}
.control-form .control-form-connections-item {
  display: flex;
  border-top: 1.6px solid #949494;
  margin-left: 10px;
}
.control-form .control-form-connections-item--active svg {
  transform: rotate(180deg);
}
.control-form .control-form-connections-item > div {
  width: 13.2%;
}
.control-form .control-form-connections-item__copy {
  display: none;
  margin: -3px 0;
  padding-left: 7px;
}
.control-form .control-form-connections-item > div {
  padding: 7px 10px;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}
.control-form .control-form-connections-item > div.control-form-connections-item__connection {
  padding: 0;
}
.control-form .control-form-connections-item > div.control-form-connections-item__connection .multi-select-list__option {
  padding: unset;
  border: unset;
  margin-right: 7px;
}
.control-form .control-form-connections-item > div.control-form-connections-item__child-connection {
  margin-left: 0;
  padding: 0;
  padding-left: 40px !important;
}
.control-form .control-form-connections-item__hoverable:hover {
  background-color: #C4F8E4;
  cursor: pointer;
}
.control-form .control-form-connections-item__hoverable:hover .control-form-connections-item__copy {
  display: block;
}
.control-form .control-form-connections-item__connection {
  position: relative;
}
.control-form .control-form-connections-item__connection .connection-list__item {
  width: 100%;
  padding: 7px 10px;
}
.control-form .control-form-connections-item__connection .connection-list__item .attendee-button__chevron {
  display: none;
}
.control-form .control-form-connections-item__connection .connection-list__item:hover {
  background-color: transparent;
}
.control-form .control-form-connections-item__connection .connection-list__item:hover .attendee-button__chevron {
  display: block;
}
.control-form .control-form-connections-item__connection-notes {
  position: relative;
}
.control-form .control-form-connections-item__connection-notes span {
  white-space: nowrap;
}
.control-form .control-form-connections-item__connection-notes .note-content {
  padding: 0.625rem 0.438rem;
  cursor: default;
  border: 1px solid #949494;
  overflow-y: auto;
  word-break: break-word;
  max-height: 30em;
  font-size: 11px;
  white-space: break-spaces;
}
.control-form .control-form-connections-item__dial {
  width: 7.6% !important;
}
.control-form .control-form-connections__child-connections {
  margin-left: 0;
}
.control-form .control-form-connections__child-connections:first-child .control-form-connections-item {
  padding-left: 0;
}
.control-form .control-form-connections__child-connections:not(:first-child) .control-form-connections-item {
  border-top: none;
}
.control-form .control-form-connections__child-connections:not(:first-child) .control-form-connections-item > div {
  position: relative;
}
.control-form .control-form-connections__child-connections:not(:first-child) .control-form-connections-item > div::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  border-top: 1.6px solid #949494;
  z-index: 1;
}
.control-form .control-form-connections__child-connections:not(:first-child) .control-form-connections-item > div:last-child::before {
  width: calc(100% - 8px);
}
.control-form__table-search-column {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.control-form__table-search-column .control-form__search-input-container {
  margin-bottom: 0;
  margin-left: 30px;
}
.control-form__search-input-container {
  display: flex;
  align-items: center;
  background: #ffffff;
  cursor: text;
  margin-bottom: 25px;
  margin-left: auto;
  border: 1px solid #f4f4f4;
  width: 100%;
}
.control-form__search-input-container:hover {
  border-color: #949494;
}
.control-form__search-input-container:focus-within {
  border-color: #00787A;
}
.control-form__search-input {
  height: 30px;
}

.recordings-icon {
  width: 13px;
  height: 13px;
  margin-right: 10px;
  border-radius: 50%;
  background: #e6e6e6;
}
.recordings-icon-active {
  background: #EE0000;
}

.ordered-last {
  order: 1;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.read-only-textarea__wrapper {
  margin-top: 30px;
}
.read-only-textarea__textarea {
  resize: none;
  outline: none;
}
.read-only-textarea__textarea--readonly:hover {
  transition: background-color 0.5s;
  background: #e0e0e0;
}
.read-only-textarea__controls {
  padding-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.read-only-textarea__controls--readonly {
  display: none;
}
.read-only-textarea__error {
  color: #EE0000;
}

.oe-popup-layout--sub-window-maximized .attendees-list .popover__modal .read-only-textarea__controls {
  gap: 5px;
}
.oe-popup-layout--sub-window-maximized .attendees-list .popover__modal .read-only-textarea__controls-button {
  padding: 10px 15px;
  flex: 1 1 0;
  width: 0;
}
.attendee-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  position: relative;
}
.attendee-section__label {
  padding-bottom: 10px;
  font-weight: normal;
  font-size: 12px;
}
.attendee-section__button {
  margin-top: 4px;
  width: fit-content;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.attendees-list + button, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.attendees-list + button:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.attendees-list + button.active, .active.add-line-to-table-btn, .attendees-list + button:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.attendees-list .attendees-list-header {
  padding: 7px 10px;
  border-top: 1.6px solid #949494;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 30px;
}
.attendees-list .attendees-list-header label {
  font-size: 12px;
}
.attendees-list .attendees-list-header-name-container {
  flex: 1;
  width: 0;
}
.attendees-list .attendees-list-header-connection {
  padding: 0 10px;
  font-size: 12px;
  width: 12.5%;
  font-weight: normal;
}
.attendee-section--with-table {
  border-bottom: 1px solid #949494;
}
.attendee-section--with-table .attendees-list {
  border-bottom: 1px solid #949494;
}
.attendee-section--with-table .attendees-list .attendees-list-header-name-container {
  width: calc(40% - 1px);
}
.attendee-section--with-table .attendees-list + .attendee-list__add-button {
  width: auto;
  align-self: flex-start;
  border-top: 0;
  border-bottom: 0;
}
.attendee-section--with-table .attendees-list + .attendee-list__add-button :hover {
  border-top: 0;
  border-bottom: 0;
}
.attendee-section--with-table .attendees-list-item__buttons {
  width: calc(33% - 24px) !important;
}
.attendee-section--with-table .attendees-list-item__phone, .attendee-section--with-table .attendees-list-item__av, .attendee-section--with-table .attendees-list-item__title, .attendee-section--with-table .attendees-list-item__av, .attendee-section--with-table .attendees-list-item__notes, .attendee-section--with-table .attendees-list-item__connection {
  padding: 0 10px;
  font-size: 12px;
  width: 12.5%;
}
.attendee-section--with-table .attendees-list-item__av .attendee-button {
  width: 100%;
}
.attendee-section--with-table .attendees-list-item__av .attendee-button__chevron {
  visibility: visible;
}
.attendee-section--with-table .attendees-list-item__notes {
  width: 16.6%;
  padding-right: 0;
}
.attendee-section--with-table .attendees-list-item__notes .status-button {
  width: 100%;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.multi-select__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.multi-select__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.multi-select__option:hover:not(.multi-select__option--selected) {
  background: #f4f4f4;
}
.multi-select__option--selected {
  background: #C4F8E4;
}
.multi-select__checkmark {
  margin-right: 8px;
}
.multi-select__checkmark svg {
  fill: #e6e6e6;
}
.multi-select__checkmark--selected svg {
  fill: #00787A;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.multi-select__options {
  border-bottom: 1px solid #aaaaaa;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.status-button {
  display: flex;
  justify-content: space-between;
  height: 30px;
  position: relative;
  width: 105px;
  width: 34.7%;
  background: #ffffff;
  border-radius: 0;
  color: #777777;
  font-weight: 500;
  cursor: pointer;
  font-size: 12px;
  border-style: none;
  outline: none;
}
.status-button--no-active {
  pointer-events: none;
}
.status-button__label {
  opacity: 0;
}
.status-button__label--with-value {
  color: #EE0000;
  opacity: 1;
}
.status-button__chevron {
  margin-left: 0.3rem;
}
.status-button__chevron svg {
  fill: #00787A;
}
.status-button:hover {
  background-color: #f4f4f4;
}
.status-button--active {
  background-color: #C4F8E4 !important;
}
.status-button--active .status-button__label {
  opacity: 1;
}
.status-button--active .status-button__chevron {
  transform: rotate(180deg);
}
.status-button--no-show .status-button__label, .status-button--cancelled .status-button__label {
  opacity: 1;
}
.status-button--no-show {
  color: #EE0000;
}
.status-button--cancelled {
  color: #1a1a1a;
}
.status-button__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
}
.status-button__wrapper--highlighted {
  background: #FCBC62;
}
.status-button__content {
  padding: 0.625rem 0.438rem;
  cursor: default;
}
.status-button__content .read-only-textarea__controls {
  justify-content: space-between;
}
.status-button__content-label {
  padding: 0.375rem 0;
  font-size: 11px;
}
.status-button__content-label + .read-only-textarea textarea {
  font-size: 11px;
}
.status-button .multi-select__options {
  border-bottom: 1px solid #949494;
}
.status-button__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
}
.status-button__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.status-button__option:hover {
  background: #f4f4f4;
}
.status-button__option:hover .control-form-connections-item__copy {
  display: block;
}
.status-button__option--selected {
  background: #C4F8E4 !important;
}
.status-button .multi-select__option--selected {
  color: #EE0000;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendee-presentation {
  padding: 10px;
  border-top: 1px solid #949494;
}
.attendee-presentation p {
  margin-top: 0;
  margin-bottom: 10px;
  white-space: nowrap;
}
.attendee-presentation p.line-height-25px {
  line-height: 25px;
}
.attendee-presentation .default-button {
  margin-top: 10px;
}

.attendee-presentation-footer {
  padding: 15px 10px;
  border-top: 1px solid #949494;
  text-align: center;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendee-note-section {
  border-top: 1px solid #949494;
  padding: 15px 10px;
  overflow-y: auto;
  max-height: 150px;
}
.attendee-note-section__note:not(:last-child) {
  padding-bottom: 15px;
}
.attendee-note-section__note-date {
  font-size: 10px;
  font-weight: normal;
  margin-bottom: 7px;
}
.attendee-note-section__note-content {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.36;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendee-button {
  outline: none;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  height: 30px;
  width: 46.3%;
}
.attendee-button__wrapper {
  width: 100%;
  padding: 8px 10px 8px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.attendee-button__wrapper > svg {
  width: 15px;
  height: 15px;
  margin-right: 7px;
  fill: #00787A;
}
.attendee-button__wrapper--highlighted {
  background: #FCBC62;
}
.attendee-button .popover__modal--icon {
  margin: 0;
}
.attendee-button .remove-button__wrapper {
  border-top: 1px solid #949494;
}
.attendee-button .remove-button__wrapper .default-button {
  margin: 0 auto;
  display: block;
  color: #EE0000;
  font-weight: 500;
  padding: 14px 0;
}
.attendee-button .multi-select__option {
  border-bottom: 0 !important;
  background-color: unset !important;
  height: 50px;
}
.attendee-button .multi-select__option div.multi-select-list__option {
  margin-right: 10px;
}
.attendee-button .multi-select__label {
  font-size: 11px;
}
.attendee-button .oe-radio-option {
  padding: 8px 0 7px;
  cursor: pointer;
  border-bottom: 1px solid #949494;
}
.attendee-button .oe-radio-option:last-child {
  border-bottom: none;
}
.attendee-button .oe-radio-option__options {
  padding: 0;
  border-bottom: 1px solid #949494;
}
.attendee-button .oe-radio-option__label-text {
  font-size: 11px;
  margin-left: 10px;
}
.attendee-button .oe-radio-option--placeholder .oe-radio-option__label-text {
  color: #666;
  font-size: 12px;
  font-style: italic;
}
.attendee-button .oe-radio-option:hover {
  background-color: #f4f4f4;
}
.attendee-button:hover {
  background-color: #f4f4f4;
}
.attendee-button__chevron {
  visibility: hidden;
  margin-left: 0.3rem;
}
.attendee-button__chevron svg {
  fill: #00787A;
}
.attendee-button--active {
  background-color: #C4F8E4 !important;
}
.attendee-button--active .attendee-button__chevron {
  transform: rotate(180deg);
}
.attendee-button .attendees-list-item__label {
  align-items: center;
}
.attendee-button .name-limit {
  width: 140px;
  flex-shrink: 0;
  display: inline-block;
  padding-right: 10px;
}
.attendee-button--collapse {
  width: 19%;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendee-button__label--placeholder {
  color: #777777;
  font-weight: 500;
  font-size: 12px;
  opacity: 0;
}
.attendee-button .multi-select__options {
  border-bottom: 1px solid #949494;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendees-list-row {
  display: flex;
  border-top: 1.6px solid #949494;
  margin-left: 10px;
}
.attendees-list-row .attendees-list-item {
  height: 30px;
  font-size: 13px;
  font-weight: normal;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.attendees-list-row .attendees-list-item__label {
  font-size: 12px;
}
.attendees-list-row .attendees-list-item:hover .status-button__label,
.attendees-list-row .attendees-list-item:hover .attendee-button__label--placeholder {
  opacity: 1;
}
.attendees-list-row .attendees-list-item:hover .attendee-button__chevron {
  visibility: visible;
}
.attendees-list-row .attendees-list-item__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: calc(100% - 25px);
}
.attendees-list-row .attendees-list-item__radio-button-content {
  display: flex;
  align-items: center;
}
.attendees-list-row .attendees-list-item__status-icon {
  margin-left: 8px;
}
.attendees-list-row .attendees-list-item__status-icon svg {
  fill: #777777;
  height: 15px;
  width: 15px;
}
.attendees-list-row .attendees-list-item .multi-select__option {
  font-size: 11px;
  font-weight: 500;
}
.attendees-list-row .attendees-list-item .multi-select-list__option {
  padding: unset;
  border: unset;
  margin-right: 5px;
}
.attendees-list-row .attendees-list-item .multi-select__option--disabled {
  color: #999999;
}
.attendees-list-row .attendees-list-item .multi-select-list__option-text {
  width: unset;
}
.attendees-list-row--expanded {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
}
.attendees-list-row--expanded .attendees-list-item {
  padding-left: 0;
  padding-right: 0;
}
.attendees-list-row--expanded .attendees-list-item .attendee-button {
  flex-grow: 2;
}
.attendees-list-row--expanded .attendees-list-item .attendee-button .attendee-button__label {
  flex-grow: 2;
}
.attendees-list-row--expanded .attendees-list-item__buttons {
  padding-left: 18px;
  width: 23% !important;
}
.attendees-list-row--expanded .attendees-list-item__notes {
  padding: 0;
  width: 20% !important;
}
.attendees-list-row--expanded .attendees-list-item > .status-button,
.attendees-list-row--expanded .attendees-list-item__phone {
  width: 8% !important;
}
.attendees-list-row--expanded .attendees-list-item__av {
  width: 11% !important;
}
.attendees-list-row--expanded .attendees-list-item__av {
  padding: 0;
}
.attendees-list-row--expanded .attendees-list-item__av .attendee-button {
  padding: 0 10px;
  box-sizing: border-box;
}
.attendees-list-row--expanded .attendees-list-item__connection,
.attendees-list-row--expanded .attendees-list-item__title {
  width: 15% !important;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendee-notes-section .status-button__wrapper {
  opacity: 0;
}
.attendee-notes-section .status-button__wrapper:hover {
  opacity: 1;
}
.attendee-notes-section .status-button__wrapper--active {
  opacity: 1;
  color: #707070;
}
.attendee-notes-section .status-button__wrapper--active:hover .attendee-notes-section__icon--hidden {
  opacity: 1;
}
.attendee-notes-section .status-button__wrapper__preview {
  white-space: nowrap;
}
.attendee-notes-section.status-button--active .status-button__wrapper--active {
  color: #1a1a1a;
}
.attendee-notes-section__icon--hidden {
  opacity: 0;
}
.attendee-notes-section__icon--visible {
  opacity: 1;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.meeting-guidelines {
  display: flex;
  grid-template-rows: min-content max-content;
  grid-gap: 5px;
}
.meeting-guidelines__recordings {
  display: flex;
  align-items: center;
  margin: 7px 0 0;
}
.meeting-guidelines__recordings--wrap {
  flex-wrap: wrap;
}
.meeting-guidelines__recordings--content {
  margin: 7px 0 30px;
}
.meeting-guidelines__recordings .event-guidelines {
  margin-left: auto;
}
.meeting-guidelines__recordings .event-guidelines--with-wrap {
  width: 100%;
  margin-top: 30px;
}
.meeting-guidelines__expanded {
  margin: 0 0 25px 100px;
  overflow: auto;
}
.meeting-guidelines table, .meeting-guidelines td, .meeting-guidelines th {
  border: 1px solid black;
}
.meeting-guidelines table {
  border-collapse: collapse;
  margin: 0;
}
.meeting-guidelines figure {
  margin: 0;
}

div.meeting-guidelines__control {
  padding: 7px 8px;
  min-height: 7rem;
  height: 7rem;
  font-size: 12px;
  font-weight: 400;
  overflow-wrap: break-word;
  line-height: 18px;
  border: 1px solid #949494;
  resize: vertical;
  overflow: auto;
  word-break: break-word;
}
div.meeting-guidelines__control > * {
  margin: 0;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendee-column-popover {
  background-color: #ffffff;
  min-width: 188px;
  max-width: 300px;
  overflow: visible !important;
}
.attendee-column-popover__issues {
  padding: 15px;
  border-bottom: 1px solid #949494;
}
.attendee-column-popover__issues p {
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: capitalize;
  color: #EE0000;
}
.attendee-column-popover .attendee-presentation {
  padding: 15px;
  border-top: none;
}
.attendee-column-popover .attendee-presentation p {
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 0;
  white-space: nowrap;
}
.attendee-column-popover .attendee-presentation p:last-of-type {
  margin-bottom: 0px;
}
.attendee-column-popover .attendee-note-section {
  padding: 15px;
}
.attendee-column-popover .attendee-note-section__note {
  line-height: 15px;
}
.attendee-column-popover .attendee-note-section__note-title {
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 8px;
}
.attendee-column-popover .attendee-note-section__note-date {
  margin-bottom: 0;
}
.attendee-column-popover .attendee-note-section__note-content {
  font-size: 11px;
  font-weight: 500;
}

.attendee-details-popover {
  margin-top: 3px;
}
.attendee-details-popover:hover, .attendee-details-popover__active {
  border: none;
  background-color: #6BDBB1;
  color: #1a1a1a;
  cursor: pointer;
}
.attendee-details-popover__with-walkIn-icon {
  display: flex;
  align-items: center;
  color: #1a1a1a;
}
.attendee-details-popover__with-walkIn-icon .icon-container {
  margin-left: 5px;
  width: 20px;
}
.attendee-details-popover__with-walkIn-icon .icon-container svg {
  max-width: 100%;
}
.attendee-details-popover__with-walkIn-icon .oe-icon:hover svg {
  fill: #00787A;
}
.attendee-details-popover__with-walkIn-icon:hover {
  background: #6BDBB1;
  color: #1a1a1a;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendee-info__icon {
  margin: 0 5px 0 3px;
  fill: #00787A;
}
.attendee-info__icon--not-joined {
  fill: #ddd;
}
.attendee-info__join-method-icon svg {
  height: 14px;
  width: 16px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendees-live-form__event-day {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: bold;
  color: #00787A;
}
.attendees-live-form__event-time {
  margin-top: 5px;
  line-height: 1.62;
  font-size: 13px;
  letter-spacing: 1.3px;
  font-weight: 500;
}
.attendees-live-form__organization {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.33;
  font-weight: 500;
}
.attendees-live-form__status {
  margin-top: 10px;
  max-width: 196px;
  width: 100%;
  display: flex;
}
.attendees-live-form__status-tabs {
  display: flex;
  align-items: center;
}
.attendees-live-form__search-input {
  border: 1px solid #949494;
  min-width: 153px;
  margin-right: 0px;
}
.attendees-live-form__search-input .reset-button {
  background-color: #949494;
}
.attendees-live-form__search-counter {
  padding: 10px;
  background-color: #f4f4f4;
  color: #1a1a1a;
  font-size: 11px;
  font-style: italic;
  line-height: 1.36;
}
.attendees-live-form__status-header {
  padding: 8px;
  cursor: pointer;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  margin-left: 10px;
}
.attendees-live-form__status-header:hover {
  color: #00787A;
}
.attendees-live-form__status-active {
  background-color: #f4f4f4;
  position: relative;
  cursor: default;
}
.attendees-live-form__status-active:hover {
  color: #1a1a1a;
}
.attendees-live-form__status-count {
  line-height: 1.24;
  font-size: 17px;
  font-weight: bold;
}
.attendees-live-form__status-title {
  font-size: 12px;
  line-height: 1.75;
}
.attendees-live-form__search-input-container {
  margin-top: 10px;
  padding: 5px;
  background-color: #f4f4f4 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
}
.attendees-live-form__search-input-container .search-input {
  width: 100%;
}
.attendees-live-form__table {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}
.attendees-live-form__table .table-list-layout__thead th {
  position: relative;
  padding: 13px 0px;
  border-top: none;
}
.attendees-live-form__table .table-list-layout__thead th:not(:last-child):after {
  content: "";
  position: absolute;
  top: 20%;
  right: 0;
  width: 1px;
  height: 60%;
  background: #aaaaaa;
}
.attendees-live-form__table .table-list-layout__tbody td {
  padding: 4.5px 7px;
  font-weight: normal;
}
.attendees-live-form__table .table-list-layout__tbody .attendees-live-form__search-counter {
  padding: 8px 10px;
}
.attendees-live-form__table .table-list-layout__tbody tr:last-child td {
  border-bottom: none;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.guidelines-form {
  height: 100%;
}
.guidelines-form .guidelines-editor {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.guidelines-form .guidelines-editor .ck.ck-editor {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.guidelines-form .guidelines-editor .ck.ck-editor__main {
  flex-grow: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.guidelines-form .guidelines-editor .ck.ck-editor__main .ck.ck-content.ck-editor__editable {
  width: 100%;
  flex-grow: 1;
}

.guidelines-wrapper {
  padding: 0 15px;
  overflow-x: auto;
}
.guidelines-wrapper .table {
  margin: 0;
}
.guidelines-wrapper .table table, .guidelines-wrapper .table th, .guidelines-wrapper .table td {
  border: 1px solid #1a1a1a;
  border-collapse: collapse;
}
.guidelines-wrapper .table td {
  padding: 5px;
  text-align: center;
}

.empty-guidelines {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.report-toast-link {
  color: #00787A;
  text-decoration: none;
  cursor: pointer;
  margin-left: 10px;
}
.report-toast-link:hover {
  color: #00787A;
  text-decoration: underline;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.generate-event-report__loading {
  padding: 20px;
  font-style: italic;
}
.generate-event-report__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  padding: 18px 20px 0 20px;
}
.generate-event-report__list-button {
  padding: 5px 10px;
  border-radius: 15px;
  margin-right: 10px;
}
.generate-event-report__list-button:hover {
  background: #ffffff;
  color: #00787A;
}
.generate-event-report__list-button--selected {
  background: #ffffff;
  margin-right: 0;
  padding-right: 20px;
  border-radius: 15px 0 0 15px;
}
.generate-event-report__tabs {
  display: flex;
}
.generate-event-report__tab {
  font-size: 15px;
  padding: 17px 20px 18px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  background: #ffffff;
  cursor: pointer;
}
.generate-event-report__tab:hover:not(.generate-event-report__tab--selected) {
  color: #00787A;
}
.generate-event-report__tab--selected {
  background: #f4f4f4;
  box-shadow: -3px -2px 3px rgba(0, 0, 0, 0.08), 3px -2px 3px rgba(0, 0, 0, 0.08);
  margin-bottom: -2px;
  padding-bottom: 20px;
  z-index: 2;
  cursor: default;
}
.generate-event-report__wrapper {
  height: calc(100vh - 240px);
  display: grid;
  margin-right: 20px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
  border-radius: 0 20px 20px 0;
  margin-bottom: 20px;
  grid-template-columns: minmax(250px, 25%) 1fr;
}
.generate-event-report__wrapper--content-hidden {
  width: calc(25% - 5px);
  min-width: 250px;
  border-radius: 0;
  grid-template-columns: unset;
}
.generate-event-report__sidebar {
  overflow: hidden;
  background: #f4f4f4;
  padding: 15px 0 0 0;
}
.generate-event-report__sidebar--with-layout .report-selected-fields {
  height: calc(100% - 163px);
}
.generate-event-report__sidebar--with-layout .generate-event-report__applied-filters {
  height: calc(100% - 158px);
}
.generate-event-report__sidebar-header {
  padding-bottom: 15px;
  border-bottom: 1px solid #949494;
  display: flex;
  justify-content: end;
}
.generate-event-report__sidebar-layout {
  border-bottom: 1px solid #949494;
  padding: 15px 20px 15px 20px;
}
.generate-event-report__search-input-container {
  background: #ffffff;
  display: flex;
  align-items: center;
  border: 1px solid #949494;
  padding: 0 10px;
  width: 100%;
  margin: 0 20px;
}
.generate-event-report__applied-filters {
  height: calc(100% - 44px);
  overflow-y: auto;
  padding: 15px 20px 10px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.generate-event-report__label {
  margin-bottom: 10px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.generate-event-report__layout-info-message {
  margin-left: 2px;
}
.generate-event-report__layout-info-message svg {
  width: 14px;
  height: 14px;
}
.generate-event-report__no-applied-filters {
  font-size: 12px;
  font-style: italic;
}
.generate-event-report__content {
  height: calc(100vh - 240px);
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  padding: 25px 25px 0 25px;
}
.generate-event-report__content-header {
  margin-bottom: 15px;
}
.generate-event-report__filter-name {
  font-size: 13px;
  font-weight: 600;
}
.generate-event-report__fields-info-label {
  display: block;
  padding: 0 0 15px 10px;
  font-size: 12px;
  font-style: italic;
}
.generate-event-report__reset-button {
  padding-top: 0px;
  padding-left: 10px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.saved-configurations {
  display: flex;
  align-items: center;
}
.saved-configurations__modal-button {
  padding: 7px 20px;
  margin: 3px 0;
  border-radius: 5px;
  border: 1px solid #949494;
  background-color: #f4f4f4;
  cursor: pointer;
  position: relative;
  max-width: 400px;
}
.saved-configurations__modal-button--selected {
  background-color: #C4F8E4;
}
.saved-configurations__modal-button:hover {
  background-color: #C4F8E4;
}
.saved-configurations__search {
  padding: 10px 15px;
  background-color: #f4f4f4;
}
.saved-configurations__search input {
  width: 100%;
}
.saved-configurations__content {
  max-height: 290px;
  overflow-y: auto;
}
.saved-configurations__no-content, .saved-configurations__loading, .saved-configurations__empty-search {
  text-align: center;
  color: #9e9e9e;
  margin: 15px 10px;
  white-space: initial;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.saved-item {
  padding: 12px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  text-overflow: ellipsis;
  border-bottom: 1px solid #949494;
  font-weight: normal;
}
.saved-item:hover:not(.saved-item--selected) {
  background-color: #f4f4f4;
}
.saved-item--selected {
  cursor: default;
  background-color: #C4F8E4;
}
.saved-item--delete-hovered {
  background-color: #ffe5e6 !important;
}
.saved-item__delete {
  display: none;
  color: #EE0000;
  cursor: pointer;
}
.saved-item:hover .saved-item__delete {
  display: block;
}
.saved-item:last-child {
  border-bottom: none;
}

.collapse-section {
  margin: 0 15px;
  border-bottom: 1px solid #949494;
}
.collapse-section:first-child {
  margin-top: 15px;
  border-top: 1px solid #949494;
}
.collapse-section:last-child {
  margin-bottom: 15px;
}
.collapse-section__item {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 0px;
  border-bottom: 1px solid #949494;
  cursor: pointer;
}
.collapse-section--collapsed .collapse-section__item {
  border-bottom: none;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.save-configuration__modal-body {
  max-height: calc(100vh - 197px);
}

.save-configuration-form {
  margin: 40px 50px;
}

.applied-filters__title {
  border-bottom: 1px solid #949494;
  margin-top: 23px;
}
.applied-filters__item-title {
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  border-bottom: 1px solid #949494;
}
.applied-filters__item {
  border-bottom: 1px solid #949494;
  font-size: 12px;
  font-weight: normal;
  line-height: 2.42;
  margin-left: 20px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.report-selected-fields {
  padding: 15px 20px 0 20px;
  height: calc(100% - 48px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.report-selected-fields__list {
  display: flex;
}
.report-selected-fields__item {
  display: flex;
  height: 30px;
  background-color: #f4f4f4;
}
.report-selected-fields__item .oe-checkbox {
  align-self: center;
}
.report-selected-fields__item .oe-checkbox__label {
  max-width: 260px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 500;
}
.report-selected-fields__no-items-found {
  margin: 10px auto;
  font-size: 12px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.report-grouped-fields {
  height: 100%;
}
.report-grouped-fields__no-items-found {
  font-size: 12px;
  text-align: center;
  display: block;
  margin-top: 20px;
}
.report-grouped-fields__group-headers {
  display: grid;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  padding: 7px 0;
}
.report-grouped-fields__group-header {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.report-grouped-fields__group-columns {
  padding: 14px 0 0;
  height: calc(100% - 33px);
  overflow-y: auto;
  display: grid;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.report-field-item {
  height: 30px;
  background-color: #ffffff;
  margin-left: -10px;
}
.report-field-item .oe-checkbox {
  align-self: center;
}
.report-field-item .oe-checkbox__label {
  max-width: 260px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 500;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.filter-pills__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.filter-pills__clear {
  padding-left: 0;
  padding-top: 0;
}
.filter-pills__clear:hover {
  background: transparent;
}
.filter-pills__count {
  color: #00787A;
  margin-left: 4px;
  font-weight: 500;
}
.filter-pills__meeting-pill {
  max-width: 200px;
  width: 100%;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.filter-pill {
  margin-top: 10px;
  padding: 5px 10px 5px 5px;
  border-radius: 20px;
  background-color: #ffffff;
  font-weight: 500;
  line-height: 1.27;
  color: #1a1a1a;
  font-size: 11px;
  align-items: center;
  display: inline-flex;
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.filter-pill:hover:not(.filter-pill--selected) {
  background-color: #eaeaea;
}
.filter-pill--selected {
  cursor: default;
  background-color: #C4F8E4;
}
.filter-pill--delete-hovered {
  background-color: #ffe5e6 !important;
}
.filter-pill .close-icon {
  font-size: 16px;
}
.filter-pill .close-icon:hover {
  color: #EE0000;
}
.filter-pill__content {
  margin-left: 5px;
  display: flex;
  flex-direction: column;
}
.filter-pill__label {
  font-weight: 600;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.date-filter {
  height: 100%;
}
.date-filter__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}
.date-filter__checkbox {
  padding-left: 30px;
  line-height: 1.9;
  width: fit-content;
}
.date-filter__checkbox .oe-checkbox__checkmark {
  left: 0px;
}
.date-filter__dates {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.date-filter__dates .react-datepicker {
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.date-filter__dates .react-datepicker .react-datepicker__header {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.date-filter__dates .react-datepicker .react-datepicker__navigation:disabled {
  cursor: default;
}
.date-filter__dates .react-datepicker .react-datepicker__navigation:disabled .react-datepicker__navigation-icon::before {
  border-color: #949494 !important;
}
.date-filter__dates .react-datepicker .react-datepicker__day--disabled.react-datepicker__day--in-range {
  color: #949494 !important;
}
.report-filter-header {
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.checkbox-filter {
  height: 100%;
}
.checkbox-filter__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}
.checkbox-filter__operator {
  font-size: 13px;
  margin-bottom: 20px;
}
.checkbox-filter__checkbox {
  line-height: 1.9;
  margin-left: -10px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 13px;
}
.checkbox-filter__items {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid #949494;
  padding-top: 15px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.search-filter {
  height: 100%;
}
.search-filter__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}
.search-filter__header-content {
  display: flex;
  max-width: 500px;
  margin-top: 15px;
}
.search-filter__header-content .oe-form-field__control:first-child {
  margin-right: 15px;
}
.search-filter__content-label {
  font-style: italic;
  font-size: 12px;
  margin-bottom: 15px;
}
.search-filter__content-label-count {
  font-weight: bold;
}
.search-filter__checkbox {
  line-height: 1.9;
  margin-left: -10px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 13px;
}
.search-filter__checkbox mark {
  background: unset;
  font-weight: bold;
}
.search-filter__section {
  width: 50%;
  padding: 15px 15px 0 0;
  overflow-y: auto;
}
.search-filter__selected-terms {
  background: #f4f4f4;
  padding-left: 15px;
}
.search-filter__content {
  display: flex;
  width: 100%;
  border-top: 1px solid #949494;
}
.meetings-report-popover-body {
  min-height: 600px;
}
.meetings-report-popover-body__wrapper {
  padding: 0 20px;
}
.meetings-report-popover-body__header {
  display: flex;
  justify-content: start;
  font-weight: 600;
  padding: 24px 0;
}
.meetings-report-popover-body .table-list-layout__tbody td {
  padding: 10px 14px;
  max-width: 0;
}
.meetings-report-popover-body .table-list-layout__tbody td:first-child {
  padding-left: 18px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.meetings-filter {
  height: 100%;
}
.meetings-filter__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}
.meetings-filter__operator {
  font-size: 13px;
  margin-bottom: 20px;
}
.meetings-filter__checkbox {
  line-height: 1.9;
  margin-left: -10px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 13px;
}
.meetings-filter__items {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid #949494;
  padding-top: 15px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.number-filter {
  height: 100%;
}
.number-filter__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
  border-bottom: 1px solid #949494;
}
.number-filter__label {
  font-size: 13px;
  font-weight: 500;
}
.number-filter__input {
  max-width: 50px;
  margin-right: 10px;
}
.number-filter__header-content {
  display: flex;
  align-items: center;
  max-width: 350px;
  margin-top: 15px;
}
.number-filter__header-content .oe-form-field__control:first-child {
  margin-right: 15px;
  max-width: 100%;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.date-time-filter {
  height: 100%;
}
.date-time-filter__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
  border-bottom: 1px solid #949494;
}
.date-time-filter__label {
  font-size: 13px;
  font-weight: 500;
}
.date-time-filter__header-content {
  display: flex;
  align-items: end;
  max-width: 500px;
}
.date-time-filter__fields {
  display: flex;
}
.date-time-filter__operator-chooser {
  max-width: 150px;
}
.date-time-filter__date-form-field {
  width: 80%;
}
.date-time-filter__operator-chooser, .date-time-filter__date-form-field, .date-time-filter__time-form-field {
  margin: 0 15px 0 0;
}
.date-time-filter__time {
  display: flex;
  align-items: center;
}
.date-time-filter__timezone {
  margin-left: 15px;
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.list-of-filters {
  height: 100%;
}
.list-of-filters__group-headers {
  display: grid;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  padding: 7px 0;
}
.list-of-filters__group-header {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.list-of-filters__group-columns {
  padding: 7px 0 0;
  height: calc(100% - 33px);
  overflow-y: auto;
  display: grid;
}
.list-of-filters__items {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.list-of-filters .default-button {
  padding: 8px 20px 8px 0;
  color: #1a1a1a;
  font-size: 12px;
  font-weight: 500;
}
.list-of-filters .default-button:hover {
  color: #00787A;
  background-color: transparent;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.configure-passport-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
}
.configure-passport-header__connection-label {
  font-size: 12px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  width: 200px;
}
.configure-passport-header__preview-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #00787A;
  cursor: pointer;
}
.configure-passport-header__preview-text svg {
  fill: #00787A;
  margin-right: 5px;
}
.configure-passport-header .disabled {
  opacity: 0.7;
  pointer-events: none;
}
.configure-passport-header__preview-text:hover {
  color: #1a1a1a;
}
.configure-passport-header__preview-text:hover svg {
  fill: #1a1a1a;
}
.name-column {
  display: flex;
  align-items: center;
}
.name-column__text {
  font-size: 15px;
}
.account-form-buttons__delete-button {
  margin-left: 15px;
}
.restricted-content {
  margin-top: 10px;
  text-align: center;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.navigation-row {
  display: flex;
  flex-flow: row nowrap;
  padding: 3px 0;
}
.navigation-row__button {
  display: block;
  color: #1a1a1a;
  padding: 7px 20px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.navigation-row__button:hover {
  background-color: #f4f4f4;
}
.navigation-row__button--active {
  background-color: #6BDBB1;
}
.navigation-row__button--active:hover {
  background-color: #6BDBB1;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.table-list-layout__tbody .date-cell .table-list-layout__inline-title {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: bold;
  color: #00787A;
}

th.single-row-title-cell {
  padding: 18px;
  position: sticky;
  top: 92px;
  font-weight: 500;
  text-align: left;
  background: #ffffff;
  z-index: 1;
  border-bottom: 1px solid #949494;
}
th.single-row-title-cell .expand-arrow {
  vertical-align: inherit;
}
th.single-row-title-cell--safari-browser {
  top: 43px;
}

.list-day-time-item {
  cursor: pointer;
}
.list-day-time-item--with-status th.single-row-title-cell {
  padding: 11px 18px;
}
.list-day-time-item--with-status th.single-row-title-cell div.expand-arrow {
  vertical-align: initial;
}
.list-day-time-item__content {
  display: inline-block;
}
.list-day-time-item__meeting-status {
  font-size: 12px;
  letter-spacing: 1.3px;
  font-weight: 600;
  color: #1a1a1a;
  vertical-align: middle;
}
.list-day-time-item__meeting-status span {
  font-weight: normal;
}
.upload-meetings-form_csv-example {
  padding: 0 !important;
  margin-bottom: 35px;
}
.upload-meetings-form__meeting-toggle {
  display: flex;
  align-items: center;
}
.single-selection-dropdown__options.multi-selection-dropdown__options {
  width: 232px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.meeting-list__search {
  border-color: transparent;
  height: 30px;
  width: 170px;
  padding: 7px 8px;
}
.meeting-list__search:focus {
  outline: none;
  border: solid 1px rgba(0, 120, 122, 0.7);
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.date-selection-dropdown .cell-header-btn:hover .multi-selection-dropdown__sort-direction svg {
  fill: #ffffff;
}
.date-selection-dropdown .date-selection-dropdown__day-groups.multi-selection-dropdown__options {
  max-height: inherit;
  overflow-y: auto;
  width: 220px;
}
.date-selection-dropdown .multi-select-list__option {
  padding-right: 5px;
  height: 30px;
  line-height: 1.25;
  justify-content: space-between;
}
.date-selection-dropdown .multi-selection-dropdown__section-title {
  font-size: 11px;
  font-weight: 500;
  padding: 8px 15px;
  border-bottom: 1px solid #949494;
}
.date-selection-dropdown .multi-selection-dropdown__content-wrapper {
  overflow-y: auto;
  max-height: 330px;
}
.date-selection-dropdown .multi-selection-dropdown__list {
  padding-bottom: 10px;
  overflow: hidden;
  max-height: none;
}
.date-selection-dropdown .multi-selection-dropdown__options {
  padding: 0;
}
.date-selection-dropdown .multi-selection-dropdown__sort-items {
  padding: 17px 15px 0;
  border-bottom: 1px solid #777777;
}
.date-selection-dropdown .multi-selection-dropdown__sort-items .multi-selection-dropdown__sort-item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.date-selection-dropdown .multi-selection-dropdown__sort-items .multi-selection-dropdown__sort-item > svg {
  margin-left: 5px;
}
.date-selection-dropdown .multi-selection-dropdown__sort-items .multi-selection-dropdown__sort-item.desc > svg {
  transform: rotate(180deg);
}
.date-selection-dropdown .multi-selection-dropdown__sort-direction {
  display: flex;
  margin-left: 5px;
}
.date-selection-dropdown .multi-selection-dropdown__sort-direction svg {
  height: 4px;
}
.date-selection-dropdown .multi-selection-dropdown__sort-direction.desc {
  transform: rotate(180deg);
}
.date-selection-dropdown__day-groups {
  max-height: 300px;
  overflow-y: scroll;
}
.date-selection-dropdown__day-group-label {
  font-size: 12px;
  font-weight: 500;
  padding: 8px 15px 5px 15px;
}
.date-selection-dropdown__day-group-label.multi-select-list__option {
  line-height: normal;
  height: 30px;
}
.date-selection-dropdown__hour.multi-select-list__option {
  padding-left: 25px;
  font-size: 12px;
  font-weight: normal;
}
.date-selection-dropdown__hour.multi-select-list__option:last-child {
  border-bottom: 1px solid #949494;
}
.date-selection-dropdown__day-group-hours.multi-select__options {
  border: none;
}
.date-selection-dropdown__placeholder {
  padding: 15px;
  color: #9e9e9e;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.meeting-list-item__buttons-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  grid-gap: 10px;
}
.meeting-list-item .meeting-list-item-recordings {
  display: flex;
  margin-top: 7px;
  align-items: center;
}
.meeting-list-item .meeting-list-item-recordings .recordings-icon-active {
  width: 13px;
  height: 13px;
  margin-right: 10px;
  border-radius: 50%;
  background: #EE0000;
}
.meeting-list-item__header {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.meeting-list-item__text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
}
.meeting-list-item__text--small {
  font-size: 10px;
  line-height: 1.8;
  color: #707070;
}
.meeting-list-item__text--unassigned-room {
  color: #777777;
}
.meeting-list-item__text--date-and-time {
  line-height: 1.8;
  text-transform: uppercase;
}
.meeting-list-item__header--date-and-time {
  line-height: 1.62;
  font-size: 13px;
  letter-spacing: 1.3px;
}
.meeting-list-item__attendee:not(:first-child) {
  margin-top: 16px;
}
.meeting-list-item__word-break {
  word-break: break-word;
}
.meeting-list-item td {
  vertical-align: top;
}
.meeting-list-item td.schedule {
  padding-top: 11px;
}
.meeting-list-item td.schedule--cancelled {
  text-decoration: line-through;
  color: #999999;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.attendee-column .add-attendee-btn, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.attendee-column .add-attendee-btn:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.attendee-column .active.add-attendee-btn, .active.add-line-to-table-btn, .attendee-column .add-attendee-btn:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.attendee-column .attendee-list-item:not(:first-child) {
  margin-top: 18px;
}
.attendee-column .attendee-list-item__header {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.attendee-column .attendee-list-item__header--collapsed {
  font-size: 12px;
  line-height: 1.75;
  display: flex;
  align-items: flex-start;
}
.attendee-column .attendee-list-item__header-wrapper {
  display: flex;
}
.attendee-column .attendee-list-item__header-bell {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.attendee-column .attendee-list-item__header-bell svg {
  width: 14px;
  height: 15px;
}
.attendee-column .attendee-list-item__text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
}
.attendee-column .attendee-list-item__text--with-hover {
  cursor: default;
}
.attendee-column .attendee-list-item__text--not-joined {
  color: #707070;
  margin-left: 3px;
}
.attendee-column .attendee-list-item__text--cancelled {
  text-decoration: line-through;
}
.attendee-column .attendee-list-item__text--with-issue {
  color: #EE0000;
}
.attendee-column .attendee-list-item__text--data-is-incomplete {
  background: #FCBC62;
}
.attendee-column .add-attendee-btn {
  background-color: transparent;
  border: none;
  width: auto;
}
.attendee-column .add-attendee-btn:hover {
  border: none;
  background-color: #00787A;
  color: #ffffff;
}
.attendee-column .add-attendee-btn.active {
  color: #00787A;
  background-color: transparent;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.meeting-co-pilot-form__textarea.oe-form-field__control {
  height: 265px;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  padding: 3.1px 3px 3px 10px;
  line-height: 1.62;
  resize: vertical;
  font-size: 13px;
  font-weight: 500;
  max-height: 500px;
}
.meeting-co-pilot-form__template-selector {
  width: 220px;
}
.meeting-co-pilot-modal-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 600px;
}
.created-meeting-co-pilot-form {
  display: flex;
  flex-direction: column;
  grid-gap: 40px;
}
.created-meeting-co-pilot-form__fields {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
}
.created-meeting-co-pilot-form__meeting-selector {
  width: 220px;
}
.created-meeting-co-pilot-form__original-text-label {
  font-weight: bold;
  margin: 5px 0;
  font-size: 12px;
}
.created-meeting-co-pilot-form__original-text {
  margin: 5px 0;
  font-size: 12px;
  line-height: 1.58;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.event__time-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
}
.event__time-stringified-day {
  white-space: nowrap;
  margin-left: 40px;
  text-transform: uppercase;
  margin-top: 5px;
  font-size: 11px;
  letter-spacing: 1.1px;
  font-weight: 500;
  color: #1a1a1a;
}
.event__oe-number {
  min-width: 130px;
}
.generate-rooms-modal {
  overflow: visible;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.room-list-item__header--date-and-time {
  line-height: 1.62;
}
.room-list-item__text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
}
.room-list-item__text--small {
  font-size: 10px;
  line-height: 1.8;
  color: #707070;
}
.room-list-item__text--date-and-time {
  line-height: 1.8;
  text-transform: uppercase;
}
.room-list-item td {
  vertical-align: top;
  font-size: 14px;
  font-style: normal;
  letter-spacing: normal;
  font-stretch: normal;
  line-height: 1.5;
  color: #1a1a1a;
}
.room-list-item td div.attendee-list-item {
  margin: 0;
}
.room-list-item td a {
  white-space: nowrap;
  color: #00787A;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.operator-list-item__text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
}
.operator-list-item__text--unassigned-room {
  color: #777777;
}
.operator-list-item__text--collapsed {
  font-size: 12px;
  line-height: 1.75;
}
.meeting-topic-hint {
  font-size: 12px;
  font-style: italic;
  margin: 10px 0;
  font-weight: normal;
}

.oe-modal-width {
  width: 600px !important;
}

.input-topic-wrapper {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}
.input-topic-wrapper input {
  padding: 7px 13px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.hour-navigation {
  position: absolute;
  right: 0;
  top: 18px;
  cursor: default;
}
.hour-navigation__container {
  display: flex;
  justify-content: space-between;
  z-index: 2;
}
.hour-navigation .hour-navigation-button {
  visibility: initial !important;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.hour-navigation .hour-navigation-button span {
  margin: 0 5px;
}
.hour-navigation .hour-navigation-button i {
  margin-left: 0;
  margin-right: 0;
  margin-top: -2px;
}
.hour-navigation .hour-navigation-button__next {
  flex-direction: row-reverse;
}
.hour-navigation .hour-navigation-button--active {
  background-color: rgba(0, 120, 122, 0.33) !important;
}
.hour-navigation .hour-navigation-button__now {
  margin-right: 10px;
  margin-left: 10px;
}
.hour-navigation .hour-navigation-button__now.active {
  background-color: rgba(0, 120, 122, 0.33);
}
.hour-navigation .hour-navigation-button__prev i {
  transform: scaleX(-1);
}
.hour-navigation .hour-navigation-button:hover i {
  color: #00787A;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-events-configuration {
  font-size: inherit;
}
.oe-events-configuration .m-left {
  margin-left: auto;
}
.oe-events-configuration__buttons-block {
  flex-shrink: 0;
}
.oe-events-configuration_wrapper {
  height: 100%;
}
.oe-events-configuration_wrapper .oe-events-configuration__configurations, .oe-events-configuration_wrapper .configuration-column__container {
  width: 50%;
  overflow-y: auto;
  padding: 20px;
}
.oe-events-configuration__container > div {
  width: 100%;
}
.oe-events-configuration__configurations {
  border-right: solid 1px #949494;
}
.oe-events-configuration__configurations .table-list-layout__tbody td:first-child {
  border-top: solid 1px #949494;
}
.oe-events-configuration .configuration-column__container {
  flex-direction: column;
}
.oe-events-configuration .configuration-column__wrapper {
  position: relative;
}
.oe-events-configuration .configuration-column__content {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-events-configuration .configuration-column__content--excluded {
  width: 100%;
  margin: 0 auto 15px;
}
.oe-events-configuration .configuration-column__content--excluded .configuration-column__body {
  padding-left: 0;
}
.oe-events-configuration .configuration-column__body {
  padding-left: 30px;
  display: flex;
  align-items: center;
}
.oe-events-configuration .configuration-column__disabled {
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #cccccc;
}
.oe-events-configuration .configuration-column__disabled span:first-of-type {
  display: block;
  max-width: 185px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.oe-events-configuration .configuration-column__drag-icon {
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4f4;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.oe-events-configuration .configuration-column__drag-icon i {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
  border: #cccccc solid 2px;
  border-right: 0;
  border-left: 0;
}
.oe-events-configuration .configuration-column__drag-icon i::before {
  content: "";
  position: absolute;
  margin-top: -1px;
  left: 0;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  background: #cccccc;
}
.oe-events-configuration .configuration-column__drag-icon i:hover {
  border-color: #00787A;
}
.oe-events-configuration .configuration-column__drag-icon i:hover::before {
  background: #00787A;
}
.oe-events-configuration .fade-in {
  animation: fadeIn ease 3s;
}
.oe-events-configuration .fade-out {
  animation: fadeOut ease 3s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendee-group-column {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0 !important;
  padding: 15px 15px 15px 24px;
}
.attendee-group-column .edit-attendee-button {
  visibility: collapse;
}
.attendee-group-column:not(:first-child) {
  border-top: 1px solid #949494;
}
.attendee-group-column:hover {
  background-color: #f4f4f4;
}
.attendee-group-column:hover .edit-attendee-button {
  visibility: visible;
}
.attendee-group-column .attendee-list-item__text {
  font-weight: 500;
}

.attendee-group-item {
  padding-left: 0 !important;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

td.organizations-attendees-list-item .add-attendee-btn, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
td.organizations-attendees-list-item .add-attendee-btn:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
td.organizations-attendees-list-item .active.add-attendee-btn, .active.add-line-to-table-btn, td.organizations-attendees-list-item .add-attendee-btn:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

td.organizations-attendees-list-item {
  padding: 0 !important;
  vertical-align: top;
}
td.organizations-attendees-list-item__cell {
  vertical-align: baseline;
  padding-left: 23px;
  padding-top: 16px;
  padding-bottom: 5px;
}
td.organizations-attendees-list-item__button-container {
  padding-top: 12px;
  padding-right: 20px;
}
td.organizations-attendees-list-item__label {
  padding: 7px 12px;
}
td.organizations-attendees-list-item__organization-name {
  font-size: 14px;
  font-weight: bold;
  color: #00787A;
  padding-left: 28px;
}
td.organizations-attendees-list-item .add-attendee-btn {
  background-color: transparent;
  border: none;
  font-weight: 600;
  margin: 5px 0;
}
td.organizations-attendees-list-item .add-attendee-btn:hover {
  border: none;
  background-color: #00787A;
  color: #ffffff;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.attendees-list__csv-modal-form {
  padding: 50px 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.attendees-list .aligned-right {
  display: flex;
  justify-content: flex-end;
}
.attendees-list .aligned-right .cell-header-btn {
  padding: 5px;
  background-color: transparent;
}
.attendees-list .aligned-right .cell-header-btn--active {
  background-color: #6BDBB1;
}
.attendees-list .aligned-right .cell-header-btn--active .oe-icon svg {
  fill: #1a1a1a;
}
.attendees-list .aligned-right .cell-header-btn:hover {
  background-color: #00787A;
  color: #ffffff;
}
.attendees-list .aligned-right .cell-header-btn:hover .oe-icon svg {
  fill: #ffffff;
}
.attendees-list .aligned-right .cell-header-btn .oe-icon__svg {
  width: 28px;
  height: 28px;
}
.attendees-list .aligned-right .multi-selection-dropdown__options {
  left: auto;
  right: 0;
  top: 35px;
  z-index: 99;
}
.attendees-list .aligned-right .multi-selection-dropdown__overlay {
  z-index: 98;
}
.attendees-list .aligned-right .multi-select-list__option--selected .multi-select-list__checkbox:hover {
  opacity: 0.7;
}
.attendees-list .aligned-right .multi-selection-dropdown__option:hover {
  color: #1a1a1a;
}
.attendees-list .aligned-right .read-only-textarea__controls-button {
  padding: 11.5px 20px;
}
.attendees-list .attendees-list-item .attendee-name {
  cursor: default;
}
.attendees-list .attendees-list-item .add-attendee-btn {
  margin-left: 20px;
  width: auto;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.passport-form {
  margin-top: 25px;
}
.passport-form__subdomain-wrapper .passport-field-container__row {
  grid-gap: 10px;
  height: 55px;
}
.passport-form__subdomain-wrapper .passport-field-container__row-text-wrapper {
  width: 100%;
  background-color: #f4f4f4;
  padding: 8px;
}
.passport-form__info-side {
  max-width: 410px;
  width: 100%;
}
.passport-form__buttons-block {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.passport-form__buttons-block .copy-button {
  margin-left: 10px;
  height: 28px;
  width: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.passport-form__textarea {
  resize: vertical;
}
.passport-form .button-padding {
  padding: 10px 20px;
}
.passport-form .passport-configuration-field .passport-field-container__row {
  border-top: 1px solid #949494;
}
.passport-form .pages-navigation_configure {
  align-self: flex-start;
}
.passport-form .pages-navigation_add-page {
  font-style: normal;
}
.passport-form .pages-navigation_add-page:hover {
  border-radius: 0;
  color: #ffffff;
  background-color: #00787A;
}

.passport-configuration-field {
  margin-top: 10px;
}

.passport-settings-field .passport-field-container__row {
  height: auto;
}
.passport-settings-field .passport-field-container__row-text {
  max-width: 400px;
  width: 100%;
  line-height: 1.33;
}

.nav-page-button {
  padding: 3px 5px;
  background-color: #f4f4f4;
  font-size: 12px;
  font-weight: 600;
  border: none;
  color: #1a1a1a;
  margin: 12px 8px 10px 0;
  border-radius: 0;
  width: fit-content;
}
.nav-page-button:hover {
  border: none;
  color: #1a1a1a;
  background-color: #f4f4f4;
}

.nav-page-wrapper {
  border-bottom: 1px solid #949494;
}

.passport-field-container__additional-field .oe-form-field {
  display: flex;
  flex-direction: row;
  gap: 0px 5px;
  align-items: center;
}
.passport-field-container__additional-field .oe-form-field__control {
  width: 30%;
}
.passport-field-container__additional-field .oe-form-field__title {
  flex-grow: 0;
}
.passport-field-container__additional-field .default-button {
  width: 85px;
}
.passport-field-container .meeting-links-section .oe-form-field {
  display: flex;
  flex-direction: row;
  gap: 0px 65px;
  align-items: center;
}
.passport-field-container__additional-field-block, .passport-field-container__additional-field-block-item {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.passport-field-container__additional-field-block {
  justify-content: space-between;
}
.passport-field-container__additional-field-block-item {
  gap: 0px 15px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.website-container .website-pill {
  padding: 3px 5px;
  color: #1a1a1a;
  background-color: #f4f4f4;
  border: none;
  max-width: 250px;
}
.website-container .website-pill > span {
  display: flex;
}
.website-container .website-pill:hover {
  background-color: #C4F8E4;
  border: none;
  color: #1a1a1a;
}
.website-container .website-pill_active {
  background-color: #6BDBB1 !important;
  border: none;
  color: #1a1a1a;
}
.website-container .website-pill_disabled {
  color: #707070;
  background-color: #f4f4f4;
}
.website-container .website-pill_disabled:hover {
  color: #707070;
  background-color: rgba(196, 248, 228, 0.4);
}
.website-container .website-pill_landing {
  vertical-align: baseline;
}
.website-container .website-pill_disabled {
  background: rgba(244, 244, 244, 0.4);
}
.website-container .website-pill_active.website-pill_disabled {
  background-color: rgba(107, 219, 177, 0.4);
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.website-container {
  margin-top: 15px;
  border-top: 1px solid #949494;
}
.website-container .title-sm {
  font-size: 15px;
  line-height: 16px;
  padding: 0;
  margin-top: 25px;
  font-weight: normal;
}
.website-container .warning-notification {
  animation: none;
  top: 275px;
}
.control .buttons-block {
  display: flex;
  align-items: center;
}
.control .table-list-layout__thead th {
  padding: 10px 4px;
}
.control .table-list-layout__thead th:first-child {
  padding-left: 20px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.control-list-item__text--small {
  font-size: 10px;
  line-height: 1.8;
  color: #707070;
}
.control-list-item__room-wrapper {
  display: flex;
}
.control-list-item .connection-list__label-wrapper .connection-list__label {
  width: 100%;
}
.control-list-item .connection-list__connection-wrapper {
  padding-left: 0;
  border: none;
}
.control-list-item .connection-list__connection-wrapper .column-with-unavailable-mark {
  margin-left: -5px;
}
.control-list-item .connection-list__connection-wrapper .column-with-unavailable-mark .column-with-unavailable-mark__error {
  margin: 0;
  align-items: center;
}
.control-list-item .connection-list__connection-wrapper .column-with-unavailable-mark .column-with-unavailable-mark__error svg {
  transform: scale(0.7);
}
.control-list-item .connection-list__connection-wrapper .column-with-checkbox {
  z-index: 1;
}
.control-list-item .connection-list__connection-wrapper .connection-list__item {
  padding: 0px 10px;
  padding-left: 25px;
  margin-left: -15px;
  width: auto;
}
.control-list-item .connection-list__connection-wrapper .connection-list__item:hover, .control-list-item .connection-list__connection-wrapper .connection-list__item--active {
  background-color: #6BDBB1 !important;
}
.control-list-item .record-meeting {
  display: flex;
  align-items: center;
  justify-content: start;
}
.control-list-item .record-meeting__dot-wrapper {
  display: flex;
  align-items: center;
  width: 17px;
  height: 24px;
}
.control-list-item .record-meeting__dot {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #EE0000;
  border: 1px solid #EE0000;
}
.control-list-item .record-meeting__text {
  font-size: 12px;
  white-space: nowrap;
}
.control-list-item td {
  vertical-align: top;
  font-size: 14px;
  font-style: normal;
  letter-spacing: normal;
  font-stretch: normal;
  line-height: 1.5;
  color: #1a1a1a;
  border-top: 0;
  border-bottom: 1px solid #949494;
  padding: 15px 4px;
  padding-left: 14px;
}
.control-list-item td .meeting-status-column {
  display: flex;
  align-items: center;
  min-height: 20px;
}
.control-list-item td .meeting-status-column .collapse-icon {
  cursor: pointer;
  height: 20px;
  display: flex;
  align-items: center;
}
.control-list-item td .meeting-status-column__meeting-note {
  padding-left: 20px;
  padding-right: 20px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.control-list-item td .meeting-status-column__meeting-note-title {
  font-weight: 400;
  margin-bottom: 3px;
}
.control-list-item td .meeting-status-column__meeting-note-title + div {
  font-weight: 500;
}
.control-list-item td .meeting-status-column__meeting-note:not(:nth-child(2)) {
  border-top: 1px solid #949494;
  padding-top: 10px;
}
.control-list-item td .meeting-status-column__attendee-issues {
  color: #EE0000;
  text-transform: capitalize;
}
.control-list-item td .meeting-status-column__attendee-status {
  color: rgba(26, 26, 26, 0.5);
  text-transform: capitalize;
}
.control-list-item td .meeting-status-column__attendee-item {
  padding-left: 20px;
  padding-right: 20px;
}
.control-list-item td .meeting-status-column__attendee-item:not(:last-of-type) {
  margin-bottom: 10px;
}
.control-list-item td .meeting-status-column__attendee-note {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font-weight: 400;
}
.control-list-item td .meeting-status-column__attendee-name {
  font-weight: 500;
}
.control-list-item td .meeting-status-column__container {
  min-width: 30px;
  width: auto;
  height: 30px;
  padding: 6px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.control-list-item td .meeting-status-column__container:hover {
  cursor: pointer;
}
.control-list-item td .meeting-status-column__container .popover__modal {
  left: 25px !important;
  top: 25px !important;
  padding: 15px 0;
  border: 5px solid transparent;
  opacity: 1;
  z-index: 2;
  max-width: 300px;
  min-width: 260px;
  cursor: default;
  font-size: 11px;
}
.control-list-item td .meeting-status-column__container .popover__modal .oe-icon {
  position: sticky;
  top: 0;
  left: 100%;
  font-size: 14px;
  color: #777777;
  transform: translate(-5px, -10px);
  margin-bottom: -10px;
}
.control-list-item td .meeting-status-column__container .popover__modal .oe-icon:hover {
  color: #1a1a1a;
}
.control-list-item td .meeting-status-column__container__with-issues .popover__modal {
  border-color: rgba(238, 0, 0, 0.2);
}
.control-list-item td .meeting-status-column__container__with-issues:hover, .control-list-item td .meeting-status-column__container__with-issues.active {
  background-color: rgba(238, 0, 0, 0.2);
}
.control-list-item td .meeting-status-column__container__with-notes .popover__modal {
  border-color: rgba(0, 120, 122, 0.2);
}
.control-list-item td .meeting-status-column__container__with-notes:hover, .control-list-item td .meeting-status-column__container__with-notes.active {
  background-color: rgba(0, 120, 122, 0.2);
}
.control-list-item td .meeting-status-column__container__issues {
  padding: 2px 7px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  background-color: #EE0000;
  min-width: 20px;
  text-align: center;
}
.control-list-item td .meeting-status-column__container svg {
  display: block;
  width: 20px;
  font-size: initial;
}
.control-list-item td .meeting-status-column__container svg path {
  fill: #00787A;
}
.control-list-item td .meeting-status-column__container svg:hover {
  color: #00787A;
}
.control-list-item td .attendee-counter-block {
  margin-bottom: 7px;
  padding: 5px;
  font-size: 12px;
  background-color: #f4f4f4;
  width: fit-content;
}
.control-list-item td .attendee-counter-block:hover, .control-list-item td .attendee-counter-block--active {
  background-color: #6BDBB1;
}
.control-list-item td .attendee-counter-block--select-item {
  background-color: #ffffff;
}
.control-list-item td .attendee-counter-block--hidden {
  display: none;
}
.control-list-item td .attendee-stats p,
.control-list-item td .attendee-counter-block p {
  line-height: 1.33;
  margin: 3px 0 0 0;
}
.control-list-item .column-with-filters {
  padding-left: 0px !important;
}
.control-list-item--collapsed td {
  font-size: 12px;
  line-height: 1.75;
}
.control-list-item--cancelled td:not(:first-of-type) {
  text-decoration: line-through;
  color: #999999;
}
.control-list-item--first td {
  border-top: 0;
}
.control-list-item__text--collapsed {
  font-size: 12px;
  line-height: 1.75;
}
.control-list-item .generate-report-button,
.control-list-item .get-artifacts-button {
  margin-top: 8px;
}

.control .single-row-title-cell span {
  margin-right: 10px;
}
.attendee-joined-counter {
  font-size: 12px;
  margin-bottom: 12px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.table-list-layout__tbody .table-list-layout__inline-title {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1.3px;
  font-weight: 600;
  color: #1a1a1a;
  vertical-align: middle;
}
.table-list-layout__tbody .table-list-layout__inline-title span {
  font-weight: normal;
}

.control-list-group-header {
  cursor: pointer;
}
.control-list-group-header th.single-row-title-cell {
  padding: 8px 18px;
  top: 92px;
  font-weight: 500;
  text-align: left;
  background: #ffffff;
  border-bottom: 1px solid #949494;
  position: initial;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.hour-navigation-row {
  padding-right: 20px;
  position: sticky;
  top: 144px;
  z-index: 2;
  text-align: right;
}

.expand-arrow {
  margin-right: 7px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.expand-arrow svg {
  height: 100%;
}

.control .aligned-right {
  display: flex;
  justify-content: flex-end;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}

.options-button {
  position: relative;
  padding: 0;
}
.options-button.default-button {
  padding: 0;
}
.options-button .popover__modal {
  min-width: 150px;
  width: auto;
}
.options-button__chevron {
  margin: 0 0.625rem 0 0.3rem;
}
.options-button__chevron svg {
  fill: #00787A;
}
.options-button__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.options-button--active {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.options-button--active:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.options-button--active .options-button__chevron {
  transform: rotate(180deg);
}
.options-button--right-margin-auto {
  margin-right: auto !important;
}
.options-button__label {
  padding: 9px 20px;
}
.options-button__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.options-button__option:hover {
  background: #f4f4f4;
}
.options-button__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.options-button__option--danger {
  color: #EE0000;
}
.options-button__option--danger:hover {
  color: #ffffff;
  background: #EE0000;
}
.options-button__option--disabled {
  pointer-events: none;
  opacity: 0.2;
}
.options-button__option--selected {
  background-color: #C4F8E4;
  pointer-events: none;
}
.options-button__option--selected:hover {
  cursor: default;
}
.options-button__placeholder {
  text-align: center;
  color: #9e9e9e;
  margin: 15px 10px;
  white-space: initial;
}

.icon-button {
  background: none;
  border: none;
  outline: inherit;
}
.icon-button:hover {
  color: #00787A;
}
.icon-button:hover svg {
  cursor: pointer;
  fill: #00787A;
  stroke: #00787A;
}

.controlled-multi-selection-dropdown {
  position: relative;
}
.controlled-multi-selection-dropdown .cell-header-btn {
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 5px;
  background-color: #e6e6e6;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
.controlled-multi-selection-dropdown .cell-header-btn--active {
  background-color: #6BDBB1 !important;
  color: #1a1a1a !important;
}
.controlled-multi-selection-dropdown .cell-header-btn--active .oe-icon svg {
  fill: #1a1a1a;
}
.controlled-multi-selection-dropdown .cell-header-btn:hover {
  background-color: #00787A;
  color: #ffffff;
}
.controlled-multi-selection-dropdown .cell-header-btn:hover .oe-icon svg {
  fill: #ffffff;
}
.controlled-multi-selection-dropdown__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
}
.controlled-multi-selection-dropdown__search {
  padding: 10px 15px;
  background-color: #f4f4f4;
}
.controlled-multi-selection-dropdown__search .search-input {
  width: 100%;
  border: 1px solid transparent;
}
.controlled-multi-selection-dropdown__search .search-input:hover {
  border-color: #949494;
}
.controlled-multi-selection-dropdown__search .search-input:focus-within {
  border-color: #00787A;
}
.controlled-multi-selection-dropdown__text {
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.controlled-multi-selection-dropdown__options {
  position: absolute;
  text-align: left;
  top: 22px;
  left: 0;
  width: 220px;
  max-height: 440px;
  overflow-y: auto;
  font-size: 12px;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  font-weight: 500;
  color: #1a1a1a;
  z-index: 102;
  pointer-events: all;
}
.controlled-multi-selection-dropdown__list {
  overflow-y: auto;
  max-height: 320px;
}
.controlled-multi-selection-dropdown__option {
  height: 35px;
  line-height: 35px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.controlled-multi-selection-dropdown__option:hover {
  color: rgba(26, 26, 26, 0.7);
}
.controlled-multi-selection-dropdown__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.controlled-multi-selection-dropdown__option--disabled {
  pointer-events: none;
  opacity: 0.2;
}
.controlled-multi-selection-dropdown__option .multi-select-list__option {
  padding-right: 0;
}
.controlled-multi-selection-dropdown__option:hover:not(.controlled-multi-selection-dropdown__option--selected) .multi-select-list__checkbox {
  background-color: #f4f4f4;
}
.controlled-multi-selection-dropdown__placeholder {
  text-align: center;
  color: #9e9e9e;
  margin: 15px 10px;
  white-space: initial;
}
.controlled-multi-selection-dropdown__button-bar {
  padding: 12px 0;
  text-align: right;
  background-color: #f4f4f4;
}
.controlled-multi-selection-dropdown__button-bar .default-button {
  margin-right: 15px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.date-selection-dropdown .cell-header-btn:hover .multi-selection-dropdown__sort-direction svg {
  fill: #ffffff;
}
.date-selection-dropdown .multi-selection-dropdown__options {
  width: max-content;
}
.date-selection-dropdown .multi-select-list__option {
  padding-right: 5px;
  height: 30px;
  line-height: 1.25;
  justify-content: space-between;
}
.date-selection-dropdown .multi-selection-dropdown__content {
  overflow-y: auto;
  max-height: max-content;
}
.date-selection-dropdown .multi-selection-dropdown__content .react-datepicker {
  border: none;
  border-radius: 0px;
}
.date-selection-dropdown .multi-selection-dropdown__content .react-datepicker__header {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.date-selection-dropdown .multi-selection-dropdown__content .react-datepicker .react-datepicker__navigation:disabled {
  cursor: default;
}
.date-selection-dropdown .multi-selection-dropdown__content .react-datepicker .react-datepicker__navigation:disabled .react-datepicker__navigation-icon::before {
  border-color: #949494 !important;
}
.date-selection-dropdown .multi-selection-dropdown__content .react-datepicker .react-datepicker__day--disabled.react-datepicker__day--in-range {
  color: #949494 !important;
}
.date-selection-dropdown .multi-selection-dropdown__list {
  padding-bottom: 10px;
  overflow: hidden;
  max-height: none;
}
.date-selection-dropdown .multi-selection-dropdown__options {
  padding: 0;
}
.date-selection-dropdown .multi-selection-dropdown__sort-items-wrapper {
  padding: 0;
  border-bottom: 1px solid #777777;
  display: flex;
}
.date-selection-dropdown .multi-selection-dropdown__sort-items-wrapper .multi-selection-dropdown__sort-item {
  display: flex;
  align-items: center;
  padding: 0 15px;
  margin-bottom: 16px;
}
.date-selection-dropdown .multi-selection-dropdown__sort-items-wrapper .multi-selection-dropdown__sort-item > svg {
  margin-left: 5px;
}
.date-selection-dropdown .multi-selection-dropdown__sort-items-wrapper .multi-selection-dropdown__sort-item.desc > svg {
  transform: rotate(180deg);
}
.date-selection-dropdown .multi-selection-dropdown__sort-direction {
  display: flex;
  margin-left: 5px;
}
.date-selection-dropdown .multi-selection-dropdown__sort-direction svg {
  height: 4px;
}
.date-selection-dropdown .multi-selection-dropdown__sort-direction.desc {
  transform: rotate(180deg);
}
.date-selection-dropdown .multi-selection-dropdown__button-bar {
  border-top: 1px solid #777777;
}
.date-selection-dropdown .multi-selection-dropdown__sort-section-title {
  padding: 10px 15px;
}
.date-selection-dropdown__placeholder {
  padding: 15px;
  color: #9e9e9e;
}
.reports-list-item__name-with-edit {
  display: flex;
  align-items: center;
}
.generate-report-popover .oe-popup-layout {
  position: fixed;
  left: 50%;
  top: 30px;
  width: calc(100vw - 80px);
  height: calc(100vh - 30px);
  transform: translateX(-50%);
}

.zoom-registration-report-popover-body {
  min-height: 600px;
  padding: 0 20px;
}
.zoom-registration-report-popover-body__header {
  display: flex;
  justify-content: start;
  font-weight: 600;
  padding: 24px 0;
}
.zoom-registration-report-popover-body .table-list-layout__tbody td {
  padding: 10px 14px;
}
.zoom-registration-report-popover-body .table-list-layout__tbody td:first-child {
  padding-left: 18px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.select-report-popover {
  max-width: 840px;
  width: calc(100vw - 80px) !important;
}
.select-report-popover-body {
  padding: 28px 0 20px;
}
.select-report-popover-body__title {
  margin-bottom: 20px;
  font-size: 17px;
  color: #777777;
  font-weight: 600;
}
.select-report-popover-body__tile {
  margin: 15px 0;
  padding: 15px;
  width: 335px;
  border: 1px solid #949494;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: white;
}
.select-report-popover-body__tile-name {
  font-weight: 600;
  margin-bottom: 5px;
}
.select-report-popover-body__tile-description {
  text-align: left;
}
.select-report-popover-body__tile:hover {
  cursor: pointer;
  background: #f4f4f4;
}
.select-report-popover .oe-popup-layout {
  max-height: calc(100vh - 80px);
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.assets-download-file-button-wrapper {
  position: relative;
}

.assets-download-file-form-in-popover__content {
  padding: 0 20px 20px 20px;
}
.assets-download-file-form-in-popover__label {
  padding-bottom: 5px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.assets-layout td {
  padding: 6px 14px !important;
}
.assets-layout td.assets-layout__loading {
  padding: 30px 0 !important;
}

.assets-list-group-header {
  text-align: left;
}
.assets-list-group-header th:first-child {
  padding-bottom: 20px;
}
.assets-list-group-header th:not(:first-child) {
  border-top: 1px solid #949494;
}
.assets-list-group-header__title-block {
  margin-top: 17px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.assets-list-group-header__title {
  font-size: 14px;
  font-weight: normal;
}
.assets-list-group-header__organization-title {
  font-size: 14px;
  font-weight: 500;
}
.assets-list-group-header__collapsed {
  border-bottom: 1px solid #949494;
}

.assets-list-item {
  height: 46px;
}
.assets-list-item__hovered--adding {
  background-color: #C4F8E4 !important;
}
.assets-list-item__hovered--replacing {
  background-color: #ffebcc !important;
}
.assets-list-item .download-item,
.assets-list-item .asset-link {
  max-width: 250px;
  width: 100%;
  text-align: left;
  padding: 8px 2px;
}
.assets-list-item__disabled {
  opacity: 0.5;
  pointer-events: none;
}
.assets-list-item__attendee-name {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}
.assets-list-item__upload-button {
  padding: 6px 20px;
}
.assets-list-item__upload-biography-button {
  padding: 6px 20px;
}
.assets-list-item__added-status {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
}
.assets-list-item__added-status__fade-out {
  animation: fadeOut 3s linear;
  animation-iteration-count: 1;
}
@keyframes fadeOut {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 0.75;
  }
  50% {
    opacity: 1;
  }
  85% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
  }
}

.opacity-circle {
  background: white !important;
}
.opacity-circle svg {
  fill: #00787A !important;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.assets-create-file-wrapper {
  position: relative;
}
.assets-create-file-wrapper .asset-link, .assets-create-file-wrapper .asset-link-creating {
  border-radius: 0;
  text-align: center;
  width: 100px;
}
.assets-create-file-wrapper .asset-link-creating {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
}
.assets-create-file-wrapper .asset-link-created {
  font-style: normal;
}
.assets-create-file-info {
  padding: 0 15px 15px 15px;
  font-size: 11px;
  border-bottom: 1px solid #949494;
}
.assets-create-file-info__url {
  font-weight: normal;
}
.assets-create-file-info__link {
  font-weight: 500;
  margin: 2px 0 5px;
  word-break: break-word;
  line-height: 1.3;
}
.assets-create-file-info .copy-button {
  padding: 5px 10px;
}
.assets-create-file-footer {
  padding: 15px;
  text-align: center;
  font-weight: 500;
  color: #EE0000;
  font-size: 12px;
  line-height: 15px;
  cursor: pointer;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.assets-biography-button-wrapper {
  position: relative;
}

.assets-biography-form-in-popover__content {
  padding: 0 20px 20px 20px;
}
.assets-biography-form-in-popover__label {
  padding-bottom: 5px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.artifact-popover-container {
  position: relative;
}
.artifact-popover-container .popover__modal--icon {
  margin-bottom: 0;
}
.artifact-popover-container .popover__modal--icon .oe-icon {
  color: #777777;
}
.artifact-popover-container__asset-type {
  cursor: pointer;
  padding: 8px 20px 8px 2px;
}
.artifact-popover-container__asset-type:hover {
  border: none;
}

.artifact-popover {
  font-size: 11px;
  line-height: 20px;
}
.artifact-popover__content {
  padding: 0 13px 15px 15px;
  border-bottom: 1px solid #949494;
}
.artifact-popover__content .small-button {
  padding: 5px 10px;
  margin: 20px 0px 10px 0px;
}
.artifact-popover__type, .artifact-popover__info {
  font-weight: 500;
}
.artifact-popover__name {
  color: #00787A;
  font-weight: 500;
}
.artifact-popover__footer {
  padding: 15px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  cursor: pointer;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.artifacts-list .meeting-artifact-list-item .popover__modal {
  z-index: 3;
}

.artifacts-list .meeting-artifact-list-item .artifact-notes-button-wrapper {
  position: relative;
  cursor: pointer;
}
.artifacts-list .meeting-artifact-list-item .artifact-notes-button-wrapper__note {
  max-width: 200px;
  width: 100%;
}
.artifacts-list .meeting-artifact-list-item .artifact-notes-button-wrapper__note span {
  white-space: nowrap;
}

.artifact-notes-form-in-popover__content {
  padding: 20px 20px 5px 20px;
}
.artifact-notes-form-in-popover__label {
  padding-bottom: 5px;
}

.oe-form-field {
  margin-bottom: 10px;
}

.artifact-notes-textarea {
  min-height: 180px;
  padding: 5px;
  border: 1px solid var(--ck-color-toolbar-border);
  resize: none;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.add-notes-btn {
  border-radius: 0;
  border-color: transparent !important;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.artifact-create-link-wrapper {
  position: relative;
}
.artifact-create-link-wrapper .artifact-link-creating {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  font-weight: 600;
  color: #1a1a1a;
}
.artifact-create-link-info {
  padding: 0 15px 15px 15px;
  font-size: 11px;
  border-bottom: 1px solid #949494;
}
.artifact-create-link-info__url {
  font-weight: normal;
}
.artifact-create-link-info__link {
  font-weight: 500;
  margin: 2px 0 5px;
  word-break: break-word;
  line-height: 1.3;
}
.artifact-create-link-info .copy-button {
  padding: 5px 10px;
}
.artifact-create-link-footer {
  padding: 15px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  cursor: pointer;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.active.add-line-to-table-btn, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.meeting-artifact-list td {
  padding: 13px 10px;
}
.meeting-artifact-list td.meeting-artifact-list-item__button {
  padding: 7px 10px;
  text-align: right;
}
.meeting-artifact-list:hover .meeting-artifact-list-item__download {
  display: inline-block;
}
.meeting-artifact-list-item {
  height: 58px;
}
.meeting-artifact-list-item .meeting-artifact-list-item__pending {
  font-style: italic;
}
.meeting-artifact-list-item .meeting-artifact-list-item__failed {
  color: #EE0000;
}
.meeting-artifact-list-item .meeting-artifact-list-item__ready {
  font-weight: 600;
}
.meeting-artifact-list-item .meeting-artifact-list-item__not-available {
  font-weight: normal;
}
.meeting-artifact-list-item td {
  padding: 13px 10px;
  vertical-align: middle;
}
.meeting-artifact-list-item td.meeting-artifact-list-item__button {
  padding: 7px 10px;
  text-align: right;
}
.meeting-artifact-list-item td:first-child[colspan] {
  border-top: none;
}
.meeting-artifact-list-item td:first-child.empty {
  border-top: 1px solid #949494;
}
.meeting-artifact-list-item__download {
  display: none;
  margin-left: auto;
  padding: 5px 10px;
  text-decoration: none;
}
.meeting-artifact-list-item:hover .meeting-artifact-list-item__download {
  display: inline-block;
}
.meeting-artifact-list__text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
}
.meeting-artifact-list__text--date-and-time {
  line-height: 1.8;
  text-transform: uppercase;
}
.meeting-artifact-list__text--small {
  font-size: 10px;
  line-height: 1.8;
  color: #707070;
}

.artifact-popover-item {
  padding: 1px 8px !important;
}

.artifacts-list .meeting-row td:first-child {
  padding-top: 21px;
  vertical-align: baseline;
}
.artifacts-list .meeting-row-cell td:first-child:not(.empty) {
  border-bottom: 1px solid #949494;
}
.artifacts-list th {
  padding: 10px 0;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-modal.request-artifacts-popover {
  width: calc(100vw - 80px);
}
.oe-modal.request-artifacts-popover .oe-popup-layout {
  max-height: calc(100vh - 80px);
}
.oe-modal.request-artifacts-popover .oe-popup-layout__body::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.oe-modal.request-artifacts-popover .oe-popup-layout__body::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
.oe-modal.request-artifacts-popover .oe-popup-layout__body::-webkit-scrollbar-thumb {
  background-color: #949494;
  border-radius: 15px;
}

.empty-list-message {
  text-align: center;
  color: #777777;
  margin-top: 50px;
}

.request-artifacts-popover .oe-popup-layout {
  position: fixed;
  left: 50%;
  top: 30px;
  width: calc(100vw - 80px);
  height: calc(100vh - 30px);
  transform: translateX(-50%);
}
.request-artifacts-popover--loading, .request-artifacts-popover--empty, .request-artifacts-popover--generating {
  margin: 20px;
  padding-bottom: 50px;
  text-align: center;
}
.request-artifacts-popover--empty {
  font-weight: 500;
}
.request-artifacts-popover-body thead th {
  padding: 10px 0;
}
.request-artifacts-popover-body thead th:first-child {
  padding-left: 10px;
}
.request-artifacts-popover-body tbody td {
  max-width: 0;
  padding: 10px;
}
.request-artifacts-popover-body tbody td:first-child {
  padding-left: 10px;
  width: 40px;
}
.request-artifacts-popover-body section {
  padding: 30px 20px 30px 40px;
}
.request-artifacts-popover-body section h3 {
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.75;
  color: #1a1a1a;
}
.request-artifacts-popover-type.oe-checkbox {
  padding-left: 30px;
}
.request-artifacts-popover-type .oe-checkbox__checkmark {
  left: 0;
}
.request-artifacts-popover-type .oe-checkbox__label {
  font-weight: 500;
  font-size: 12px;
}
.request-artifacts-popover__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  padding: 18px 20px 0 20px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.request-artifacts-popover__tabs {
  display: flex;
}
.request-artifacts-popover__tab {
  font-size: 15px;
  padding: 17px 20px 18px;
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.3);
  background-color: #f4f4f4;
  cursor: pointer;
}
.request-artifacts-popover__tab:hover:not(.request-artifacts-popover__tab--selected) {
  color: #00787A;
}
.request-artifacts-popover__tab--selected {
  background-color: #ffffff;
  box-shadow: -3px -2px 3px rgba(0, 0, 0, 0.08), 3px -2px 3px rgba(0, 0, 0, 0.08);
  margin-bottom: -5px;
  padding-bottom: 20px;
  z-index: 2;
  cursor: default;
}
.request-artifacts-popover .request-artifacts-mp4-options {
  display: flex;
  align-items: center;
  gap: 10px;
}
.request-artifacts-popover .request-artifacts-mp4-options .oe-icon__svg {
  margin-top: 5px;
  width: 14px;
  height: 14px;
}
.request-artifacts-popover .request-artifacts-mp4-options__hidden {
  visibility: hidden;
}
.request-artifacts-popover .request-replays-review {
  display: flex;
  align-items: center;
  gap: 10px;
}
.request-artifacts-popover .request-replays-review__rich-text-editor {
  max-width: 640px;
  width: 100%;
  margin-top: 0;
}
.request-artifacts-popover .request-replays-review__hidden {
  display: none;
}
.request-artifacts-popover .request-artifacts-popover-types__options {
  display: flex;
}
.request-artifacts-popover .request-artifacts-popover-types__options .oe-radio-option {
  margin-right: 50px;
}
.request-artifacts-popover .request-artifacts-section {
  padding-bottom: 26px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.publish-artifact-modal {
  line-height: 16px;
  overflow-y: hidden;
}
.publish-artifact-modal .oe-popup-layout {
  max-height: calc(100vh - 80px);
}
.publish-artifact-modal .oe-popup-layout__body {
  overflow-y: auto;
  padding: 40px 50px 50px;
}
.publish-artifact-modal .meeting-time--start-day {
  color: #00787A;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1.3px;
  line-height: 1.62;
}
.publish-artifact-modal .meeting-time--date-and-time {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1.3px;
  line-height: 1.62;
}
.publish-artifact-modal .meeting-time--text--small {
  color: #707070;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1.8;
}
.publish-artifact-modal .meeting--topic {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #1a1a1a;
}
.publish-artifact-modal .meeting--type {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: #1a1a1a;
}
.publish-artifact-modal .artifact-status {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
}
.publish-artifact-modal .meeting-artifact-list-item__failed {
  color: #EE0000;
}
.publish-artifact-modal .publish-artifact-button-container {
  display: flex;
  margin-top: 25px;
}
.publish-artifact-modal .publish-artifact-button-container .default-button {
  padding: 5px 10px;
  margin-right: 10px;
}
.oe-modal.oe-popup-layout--modal.troubleshoot-meeting-modal {
  width: 100%;
  max-width: 800px;
}
.oe-modal.oe-popup-layout--modal.troubleshoot-meeting-modal .oe-popup-layout {
  height: 100%;
  max-height: calc(100vh - 80px);
}
.oe-modal.oe-popup-layout--modal.troubleshoot-meeting-modal .copy-button {
  padding: 9px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.stringified-day {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  margin-top: 3px;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.event_date_field .oe-form-field, .event_time_field .oe-form-field {
  margin-bottom: 0;
}
.event_date_field .oe-form-field__error, .event_time_field .oe-form-field__error {
  font-weight: 500;
}
.event_date_field .oe-form-field:first-child, .event_time_field .oe-form-field:first-child {
  margin-right: 0;
}

.empty-list-message {
  text-align: center;
  color: #777777;
  margin-top: 50px;
}

.disabled-thead .cell-header-button {
  color: #777777;
  pointer-events: none;
}

.oe-form.event-form .oe-form-field__title + .m-top-15px {
  margin-top: 0 !important;
}
.oe-form.event-form .oe-form-field__title + .m-top-15px .ck-editor__editable {
  border-radius: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.oe-form.event-form .oe-form-field__title + .m-top-15px .ck-editor__editable.ck-focused {
  border-color: #00787A;
}

.materials-related-link {
  font-weight: bold;
  text-decoration: none;
  color: #00787A;
}

.events-list-item__cancelled {
  text-decoration: line-through;
  color: #999999;
}
.events-list-item__cancelled .event-name-column__day, .events-list-item__cancelled .materials-related-link {
  color: #999999;
}
.events-list-item .events-list-coordinators span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-height: 15px;
}
.events-list-item .manage-button {
  text-decoration: none;
}
.tracked-users__popup-content {
  text-align: left;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.zoom-users-management {
  margin-top: 18px;
}
.zoom-users-management__fetch-error {
  color: #EE0000;
  text-align: center;
}

.zoom-user-management-row--pending-start {
  /* important because colors are defined in :nth-child and takes priority over BEM specific ones */
  background-color: #C4F8E4 !important;
}
.zoom-user-management-row--pending-stop {
  /* important because colors are defined in :nth-child and takes priority over BEM specific ones */
  background-color: white !important;
}
.zoom-user-management-row input[type=checkbox] {
  cursor: pointer;
}

.zoom-actions__start-count-block {
  color: #009682;
  padding: 6px 2px;
}
.zoom-actions__stop-count-block {
  color: #FCBC62;
  padding: 6px 2px;
}
.zoom-actions__save-error {
  padding: 6px 10px;
  font-size: 13px;
  color: #EE0000;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.scheduled-meetings-list__horizontal-row {
  margin-bottom: 8px;
}
.scheduled-meetings-list .schedued-date-actions {
  margin-left: 12px;
  margin-bottom: 18px;
}
.scheduled-meetings-list .schedued-date-actions .oe-form {
  flex-direction: row;
  align-items: flex-end;
}
.scheduled-meetings-list .schedued-date-actions .oe-form__body {
  flex-direction: row;
  max-width: 700px;
  width: 700px;
}
.scheduled-meetings-list .schedued-date-actions .oe-form__body .search-input-container {
  position: relative;
  border: 1px solid #949494;
  max-width: 100%;
  margin: 0;
}
.scheduled-meetings-list .schedued-date-actions .oe-form__body .search-input-container:hover {
  border-color: #949494;
}
.scheduled-meetings-list .schedued-date-actions .oe-form__body .search-input-container:focus-within {
  border-color: #00787A;
}
.scheduled-meetings-list .schedued-date-actions .oe-form__body .reset-button {
  position: absolute;
  right: 0;
}
.scheduled-meetings-list .schedued-date-actions .oe-form__body .oe-form-field {
  white-space: nowrap;
  margin-right: 15px;
  margin-bottom: 0px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.zoom-meeting-details {
  padding: 40px 80px;
}
.zoom-meeting-details h1 {
  color: #1a1a1a;
  margin: 0 0 25px 0;
  padding: 0;
}
.zoom-meeting-details .controll-btns {
  margin-bottom: 20px;
}
.zoom-meeting-details .invitation {
  border: 2px solid #1a1a1a;
  height: 150px;
  width: 50%;
  padding: 5px;
  overflow: auto;
  white-space: pre-wrap;
}
.zoom-meeting-details .oe-icon.material-icons {
  color: #ffffff;
}
.details p {
  margin: 0;
  word-break: break-all;
}
.details-item {
  margin-top: 25px;
}
.details-item h5 {
  margin: 0 0 10px 0;
}
.details-item .details {
  display: flex;
  align-items: flex-start;
}
.details-item .details .buttons-block {
  margin-left: 15px;
}
.details a {
  margin: 0;
  word-break: break-all;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.date-time-details {
  display: flex;
  flex-direction: column;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.field {
  padding-left: 10px;
  min-height: 2rem;
}

.description-field {
  padding: 10px;
  resize: none;
  white-space: pre-wrap;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.zoom-meeting-webinar-details {
  padding: 40px 80px;
}
.zoom-meeting-webinar-details h1 {
  color: #1a1a1a;
  margin: 0 0 25px 0;
  padding: 0;
}
.zoom-meeting-webinar-details .controll-btns {
  margin-bottom: 20px;
}
.zoom-meeting-webinar-details .invitation {
  border: 2px solid #1a1a1a;
  height: 150px;
  width: 50%;
  padding: 5px;
  overflow: auto;
  white-space: pre-wrap;
}
.zoom-meeting-webinar-details .oe-icon.material-icons {
  color: #ffffff;
}
.zoom-meeting-webinar-details .oe-icon.material-icons:hover {
  color: #ffffff;
}
.zoom-layout__title {
  margin-bottom: 18px;
}
@charset "UTF-8";
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.active.add-line-to-table-btn, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.m-auto {
  margin: auto;
}

.p-reset, .m-p-reset {
  padding: 0 !important;
}

.m-reset, .m-p-reset {
  margin: 0 !important;
}

.m-0px {
  margin: 0px;
}

.m-top-0px {
  margin-top: 0px !important;
}

.m-right-0px {
  margin-right: 0px !important;
}

.m-bottom-0px {
  margin-bottom: 0px !important;
}

.m-left-0px {
  margin-left: 0px !important;
}

.m-1px {
  margin: 1px;
}

.m-top-1px {
  margin-top: 1px !important;
}

.m-right-1px {
  margin-right: 1px !important;
}

.m-bottom-1px {
  margin-bottom: 1px !important;
}

.m-left-1px {
  margin-left: 1px !important;
}

.m-2px {
  margin: 2px;
}

.m-top-2px {
  margin-top: 2px !important;
}

.m-right-2px {
  margin-right: 2px !important;
}

.m-bottom-2px {
  margin-bottom: 2px !important;
}

.m-left-2px {
  margin-left: 2px !important;
}

.m-3px {
  margin: 3px;
}

.m-top-3px {
  margin-top: 3px !important;
}

.m-right-3px {
  margin-right: 3px !important;
}

.m-bottom-3px {
  margin-bottom: 3px !important;
}

.m-left-3px {
  margin-left: 3px !important;
}

.m-4px {
  margin: 4px;
}

.m-top-4px {
  margin-top: 4px !important;
}

.m-right-4px {
  margin-right: 4px !important;
}

.m-bottom-4px {
  margin-bottom: 4px !important;
}

.m-left-4px {
  margin-left: 4px !important;
}

.m-5px {
  margin: 5px;
}

.m-top-5px {
  margin-top: 5px !important;
}

.m-right-5px {
  margin-right: 5px !important;
}

.m-bottom-5px {
  margin-bottom: 5px !important;
}

.m-left-5px {
  margin-left: 5px !important;
}

.m-6px {
  margin: 6px;
}

.m-top-6px {
  margin-top: 6px !important;
}

.m-right-6px {
  margin-right: 6px !important;
}

.m-bottom-6px {
  margin-bottom: 6px !important;
}

.m-left-6px {
  margin-left: 6px !important;
}

.m-7px {
  margin: 7px;
}

.m-top-7px {
  margin-top: 7px !important;
}

.m-right-7px {
  margin-right: 7px !important;
}

.m-bottom-7px {
  margin-bottom: 7px !important;
}

.m-left-7px {
  margin-left: 7px !important;
}

.m-8px {
  margin: 8px;
}

.m-top-8px {
  margin-top: 8px !important;
}

.m-right-8px {
  margin-right: 8px !important;
}

.m-bottom-8px {
  margin-bottom: 8px !important;
}

.m-left-8px {
  margin-left: 8px !important;
}

.m-9px {
  margin: 9px;
}

.m-top-9px {
  margin-top: 9px !important;
}

.m-right-9px {
  margin-right: 9px !important;
}

.m-bottom-9px {
  margin-bottom: 9px !important;
}

.m-left-9px {
  margin-left: 9px !important;
}

.m-10px {
  margin: 10px;
}

.m-top-10px {
  margin-top: 10px !important;
}

.m-right-10px {
  margin-right: 10px !important;
}

.m-bottom-10px {
  margin-bottom: 10px !important;
}

.m-left-10px {
  margin-left: 10px !important;
}

.m-11px {
  margin: 11px;
}

.m-top-11px {
  margin-top: 11px !important;
}

.m-right-11px {
  margin-right: 11px !important;
}

.m-bottom-11px {
  margin-bottom: 11px !important;
}

.m-left-11px {
  margin-left: 11px !important;
}

.m-12px {
  margin: 12px;
}

.m-top-12px {
  margin-top: 12px !important;
}

.m-right-12px {
  margin-right: 12px !important;
}

.m-bottom-12px {
  margin-bottom: 12px !important;
}

.m-left-12px {
  margin-left: 12px !important;
}

.m-13px {
  margin: 13px;
}

.m-top-13px {
  margin-top: 13px !important;
}

.m-right-13px {
  margin-right: 13px !important;
}

.m-bottom-13px {
  margin-bottom: 13px !important;
}

.m-left-13px {
  margin-left: 13px !important;
}

.m-14px {
  margin: 14px;
}

.m-top-14px {
  margin-top: 14px !important;
}

.m-right-14px {
  margin-right: 14px !important;
}

.m-bottom-14px {
  margin-bottom: 14px !important;
}

.m-left-14px {
  margin-left: 14px !important;
}

.m-15px {
  margin: 15px;
}

.m-top-15px {
  margin-top: 15px !important;
}

.m-right-15px {
  margin-right: 15px !important;
}

.m-bottom-15px {
  margin-bottom: 15px !important;
}

.m-left-15px {
  margin-left: 15px !important;
}

.m-16px {
  margin: 16px;
}

.m-top-16px {
  margin-top: 16px !important;
}

.m-right-16px {
  margin-right: 16px !important;
}

.m-bottom-16px {
  margin-bottom: 16px !important;
}

.m-left-16px {
  margin-left: 16px !important;
}

.m-17px {
  margin: 17px;
}

.m-top-17px {
  margin-top: 17px !important;
}

.m-right-17px {
  margin-right: 17px !important;
}

.m-bottom-17px {
  margin-bottom: 17px !important;
}

.m-left-17px {
  margin-left: 17px !important;
}

.m-18px {
  margin: 18px;
}

.m-top-18px {
  margin-top: 18px !important;
}

.m-right-18px {
  margin-right: 18px !important;
}

.m-bottom-18px {
  margin-bottom: 18px !important;
}

.m-left-18px {
  margin-left: 18px !important;
}

.m-19px {
  margin: 19px;
}

.m-top-19px {
  margin-top: 19px !important;
}

.m-right-19px {
  margin-right: 19px !important;
}

.m-bottom-19px {
  margin-bottom: 19px !important;
}

.m-left-19px {
  margin-left: 19px !important;
}

.m-20px {
  margin: 20px;
}

.m-top-20px {
  margin-top: 20px !important;
}

.m-right-20px {
  margin-right: 20px !important;
}

.m-bottom-20px {
  margin-bottom: 20px !important;
}

.m-left-20px {
  margin-left: 20px !important;
}

.m-21px {
  margin: 21px;
}

.m-top-21px {
  margin-top: 21px !important;
}

.m-right-21px {
  margin-right: 21px !important;
}

.m-bottom-21px {
  margin-bottom: 21px !important;
}

.m-left-21px {
  margin-left: 21px !important;
}

.m-22px {
  margin: 22px;
}

.m-top-22px {
  margin-top: 22px !important;
}

.m-right-22px {
  margin-right: 22px !important;
}

.m-bottom-22px {
  margin-bottom: 22px !important;
}

.m-left-22px {
  margin-left: 22px !important;
}

.m-23px {
  margin: 23px;
}

.m-top-23px {
  margin-top: 23px !important;
}

.m-right-23px {
  margin-right: 23px !important;
}

.m-bottom-23px {
  margin-bottom: 23px !important;
}

.m-left-23px {
  margin-left: 23px !important;
}

.m-24px {
  margin: 24px;
}

.m-top-24px {
  margin-top: 24px !important;
}

.m-right-24px {
  margin-right: 24px !important;
}

.m-bottom-24px {
  margin-bottom: 24px !important;
}

.m-left-24px {
  margin-left: 24px !important;
}

.m-25px {
  margin: 25px;
}

.m-top-25px {
  margin-top: 25px !important;
}

.m-right-25px {
  margin-right: 25px !important;
}

.m-bottom-25px {
  margin-bottom: 25px !important;
}

.m-left-25px {
  margin-left: 25px !important;
}

.m-26px {
  margin: 26px;
}

.m-top-26px {
  margin-top: 26px !important;
}

.m-right-26px {
  margin-right: 26px !important;
}

.m-bottom-26px {
  margin-bottom: 26px !important;
}

.m-left-26px {
  margin-left: 26px !important;
}

.m-27px {
  margin: 27px;
}

.m-top-27px {
  margin-top: 27px !important;
}

.m-right-27px {
  margin-right: 27px !important;
}

.m-bottom-27px {
  margin-bottom: 27px !important;
}

.m-left-27px {
  margin-left: 27px !important;
}

.m-28px {
  margin: 28px;
}

.m-top-28px {
  margin-top: 28px !important;
}

.m-right-28px {
  margin-right: 28px !important;
}

.m-bottom-28px {
  margin-bottom: 28px !important;
}

.m-left-28px {
  margin-left: 28px !important;
}

.m-29px {
  margin: 29px;
}

.m-top-29px {
  margin-top: 29px !important;
}

.m-right-29px {
  margin-right: 29px !important;
}

.m-bottom-29px {
  margin-bottom: 29px !important;
}

.m-left-29px {
  margin-left: 29px !important;
}

.m-30px {
  margin: 30px;
}

.m-top-30px {
  margin-top: 30px !important;
}

.m-right-30px {
  margin-right: 30px !important;
}

.m-bottom-30px {
  margin-bottom: 30px !important;
}

.m-left-30px {
  margin-left: 30px !important;
}

.m-31px {
  margin: 31px;
}

.m-top-31px {
  margin-top: 31px !important;
}

.m-right-31px {
  margin-right: 31px !important;
}

.m-bottom-31px {
  margin-bottom: 31px !important;
}

.m-left-31px {
  margin-left: 31px !important;
}

.m-32px {
  margin: 32px;
}

.m-top-32px {
  margin-top: 32px !important;
}

.m-right-32px {
  margin-right: 32px !important;
}

.m-bottom-32px {
  margin-bottom: 32px !important;
}

.m-left-32px {
  margin-left: 32px !important;
}

.m-33px {
  margin: 33px;
}

.m-top-33px {
  margin-top: 33px !important;
}

.m-right-33px {
  margin-right: 33px !important;
}

.m-bottom-33px {
  margin-bottom: 33px !important;
}

.m-left-33px {
  margin-left: 33px !important;
}

.m-34px {
  margin: 34px;
}

.m-top-34px {
  margin-top: 34px !important;
}

.m-right-34px {
  margin-right: 34px !important;
}

.m-bottom-34px {
  margin-bottom: 34px !important;
}

.m-left-34px {
  margin-left: 34px !important;
}

.m-35px {
  margin: 35px;
}

.m-top-35px {
  margin-top: 35px !important;
}

.m-right-35px {
  margin-right: 35px !important;
}

.m-bottom-35px {
  margin-bottom: 35px !important;
}

.m-left-35px {
  margin-left: 35px !important;
}

.m-36px {
  margin: 36px;
}

.m-top-36px {
  margin-top: 36px !important;
}

.m-right-36px {
  margin-right: 36px !important;
}

.m-bottom-36px {
  margin-bottom: 36px !important;
}

.m-left-36px {
  margin-left: 36px !important;
}

.m-37px {
  margin: 37px;
}

.m-top-37px {
  margin-top: 37px !important;
}

.m-right-37px {
  margin-right: 37px !important;
}

.m-bottom-37px {
  margin-bottom: 37px !important;
}

.m-left-37px {
  margin-left: 37px !important;
}

.m-38px {
  margin: 38px;
}

.m-top-38px {
  margin-top: 38px !important;
}

.m-right-38px {
  margin-right: 38px !important;
}

.m-bottom-38px {
  margin-bottom: 38px !important;
}

.m-left-38px {
  margin-left: 38px !important;
}

.m-39px {
  margin: 39px;
}

.m-top-39px {
  margin-top: 39px !important;
}

.m-right-39px {
  margin-right: 39px !important;
}

.m-bottom-39px {
  margin-bottom: 39px !important;
}

.m-left-39px {
  margin-left: 39px !important;
}

.m-40px {
  margin: 40px;
}

.m-top-40px {
  margin-top: 40px !important;
}

.m-right-40px {
  margin-right: 40px !important;
}

.m-bottom-40px {
  margin-bottom: 40px !important;
}

.m-left-40px {
  margin-left: 40px !important;
}

.m-41px {
  margin: 41px;
}

.m-top-41px {
  margin-top: 41px !important;
}

.m-right-41px {
  margin-right: 41px !important;
}

.m-bottom-41px {
  margin-bottom: 41px !important;
}

.m-left-41px {
  margin-left: 41px !important;
}

.m-42px {
  margin: 42px;
}

.m-top-42px {
  margin-top: 42px !important;
}

.m-right-42px {
  margin-right: 42px !important;
}

.m-bottom-42px {
  margin-bottom: 42px !important;
}

.m-left-42px {
  margin-left: 42px !important;
}

.m-43px {
  margin: 43px;
}

.m-top-43px {
  margin-top: 43px !important;
}

.m-right-43px {
  margin-right: 43px !important;
}

.m-bottom-43px {
  margin-bottom: 43px !important;
}

.m-left-43px {
  margin-left: 43px !important;
}

.m-44px {
  margin: 44px;
}

.m-top-44px {
  margin-top: 44px !important;
}

.m-right-44px {
  margin-right: 44px !important;
}

.m-bottom-44px {
  margin-bottom: 44px !important;
}

.m-left-44px {
  margin-left: 44px !important;
}

.m-45px {
  margin: 45px;
}

.m-top-45px {
  margin-top: 45px !important;
}

.m-right-45px {
  margin-right: 45px !important;
}

.m-bottom-45px {
  margin-bottom: 45px !important;
}

.m-left-45px {
  margin-left: 45px !important;
}

.m-46px {
  margin: 46px;
}

.m-top-46px {
  margin-top: 46px !important;
}

.m-right-46px {
  margin-right: 46px !important;
}

.m-bottom-46px {
  margin-bottom: 46px !important;
}

.m-left-46px {
  margin-left: 46px !important;
}

.m-47px {
  margin: 47px;
}

.m-top-47px {
  margin-top: 47px !important;
}

.m-right-47px {
  margin-right: 47px !important;
}

.m-bottom-47px {
  margin-bottom: 47px !important;
}

.m-left-47px {
  margin-left: 47px !important;
}

.m-48px {
  margin: 48px;
}

.m-top-48px {
  margin-top: 48px !important;
}

.m-right-48px {
  margin-right: 48px !important;
}

.m-bottom-48px {
  margin-bottom: 48px !important;
}

.m-left-48px {
  margin-left: 48px !important;
}

.m-49px {
  margin: 49px;
}

.m-top-49px {
  margin-top: 49px !important;
}

.m-right-49px {
  margin-right: 49px !important;
}

.m-bottom-49px {
  margin-bottom: 49px !important;
}

.m-left-49px {
  margin-left: 49px !important;
}

.m-50px {
  margin: 50px;
}

.m-top-50px {
  margin-top: 50px !important;
}

.m-right-50px {
  margin-right: 50px !important;
}

.m-bottom-50px {
  margin-bottom: 50px !important;
}

.m-left-50px {
  margin-left: 50px !important;
}

.p-0px {
  padding: 0px;
}

.p-top-0px {
  padding-top: 0px !important;
}

.p-right-0px {
  padding-right: 0px !important;
}

.p-bottom-0px {
  padding-bottom: 0px !important;
}

.p-left-0px {
  padding-left: 0px !important;
}

.p-1px {
  padding: 1px;
}

.p-top-1px {
  padding-top: 1px !important;
}

.p-right-1px {
  padding-right: 1px !important;
}

.p-bottom-1px {
  padding-bottom: 1px !important;
}

.p-left-1px {
  padding-left: 1px !important;
}

.p-2px {
  padding: 2px;
}

.p-top-2px {
  padding-top: 2px !important;
}

.p-right-2px {
  padding-right: 2px !important;
}

.p-bottom-2px {
  padding-bottom: 2px !important;
}

.p-left-2px {
  padding-left: 2px !important;
}

.p-3px {
  padding: 3px;
}

.p-top-3px {
  padding-top: 3px !important;
}

.p-right-3px {
  padding-right: 3px !important;
}

.p-bottom-3px {
  padding-bottom: 3px !important;
}

.p-left-3px {
  padding-left: 3px !important;
}

.p-4px {
  padding: 4px;
}

.p-top-4px {
  padding-top: 4px !important;
}

.p-right-4px {
  padding-right: 4px !important;
}

.p-bottom-4px {
  padding-bottom: 4px !important;
}

.p-left-4px {
  padding-left: 4px !important;
}

.p-5px {
  padding: 5px;
}

.p-top-5px {
  padding-top: 5px !important;
}

.p-right-5px {
  padding-right: 5px !important;
}

.p-bottom-5px {
  padding-bottom: 5px !important;
}

.p-left-5px {
  padding-left: 5px !important;
}

.p-6px {
  padding: 6px;
}

.p-top-6px {
  padding-top: 6px !important;
}

.p-right-6px {
  padding-right: 6px !important;
}

.p-bottom-6px {
  padding-bottom: 6px !important;
}

.p-left-6px {
  padding-left: 6px !important;
}

.p-7px {
  padding: 7px;
}

.p-top-7px {
  padding-top: 7px !important;
}

.p-right-7px {
  padding-right: 7px !important;
}

.p-bottom-7px {
  padding-bottom: 7px !important;
}

.p-left-7px {
  padding-left: 7px !important;
}

.p-8px {
  padding: 8px;
}

.p-top-8px {
  padding-top: 8px !important;
}

.p-right-8px {
  padding-right: 8px !important;
}

.p-bottom-8px {
  padding-bottom: 8px !important;
}

.p-left-8px {
  padding-left: 8px !important;
}

.p-9px {
  padding: 9px;
}

.p-top-9px {
  padding-top: 9px !important;
}

.p-right-9px {
  padding-right: 9px !important;
}

.p-bottom-9px {
  padding-bottom: 9px !important;
}

.p-left-9px {
  padding-left: 9px !important;
}

.p-10px {
  padding: 10px;
}

.p-top-10px {
  padding-top: 10px !important;
}

.p-right-10px {
  padding-right: 10px !important;
}

.p-bottom-10px {
  padding-bottom: 10px !important;
}

.p-left-10px {
  padding-left: 10px !important;
}

.p-11px {
  padding: 11px;
}

.p-top-11px {
  padding-top: 11px !important;
}

.p-right-11px {
  padding-right: 11px !important;
}

.p-bottom-11px {
  padding-bottom: 11px !important;
}

.p-left-11px {
  padding-left: 11px !important;
}

.p-12px {
  padding: 12px;
}

.p-top-12px {
  padding-top: 12px !important;
}

.p-right-12px {
  padding-right: 12px !important;
}

.p-bottom-12px {
  padding-bottom: 12px !important;
}

.p-left-12px {
  padding-left: 12px !important;
}

.p-13px {
  padding: 13px;
}

.p-top-13px {
  padding-top: 13px !important;
}

.p-right-13px {
  padding-right: 13px !important;
}

.p-bottom-13px {
  padding-bottom: 13px !important;
}

.p-left-13px {
  padding-left: 13px !important;
}

.p-14px {
  padding: 14px;
}

.p-top-14px {
  padding-top: 14px !important;
}

.p-right-14px {
  padding-right: 14px !important;
}

.p-bottom-14px {
  padding-bottom: 14px !important;
}

.p-left-14px {
  padding-left: 14px !important;
}

.p-15px {
  padding: 15px;
}

.p-top-15px {
  padding-top: 15px !important;
}

.p-right-15px {
  padding-right: 15px !important;
}

.p-bottom-15px {
  padding-bottom: 15px !important;
}

.p-left-15px {
  padding-left: 15px !important;
}

.p-16px {
  padding: 16px;
}

.p-top-16px {
  padding-top: 16px !important;
}

.p-right-16px {
  padding-right: 16px !important;
}

.p-bottom-16px {
  padding-bottom: 16px !important;
}

.p-left-16px {
  padding-left: 16px !important;
}

.p-17px {
  padding: 17px;
}

.p-top-17px {
  padding-top: 17px !important;
}

.p-right-17px {
  padding-right: 17px !important;
}

.p-bottom-17px {
  padding-bottom: 17px !important;
}

.p-left-17px {
  padding-left: 17px !important;
}

.p-18px {
  padding: 18px;
}

.p-top-18px {
  padding-top: 18px !important;
}

.p-right-18px {
  padding-right: 18px !important;
}

.p-bottom-18px {
  padding-bottom: 18px !important;
}

.p-left-18px {
  padding-left: 18px !important;
}

.p-19px {
  padding: 19px;
}

.p-top-19px {
  padding-top: 19px !important;
}

.p-right-19px {
  padding-right: 19px !important;
}

.p-bottom-19px {
  padding-bottom: 19px !important;
}

.p-left-19px {
  padding-left: 19px !important;
}

.p-20px {
  padding: 20px;
}

.p-top-20px {
  padding-top: 20px !important;
}

.p-right-20px {
  padding-right: 20px !important;
}

.p-bottom-20px {
  padding-bottom: 20px !important;
}

.p-left-20px {
  padding-left: 20px !important;
}

.p-21px {
  padding: 21px;
}

.p-top-21px {
  padding-top: 21px !important;
}

.p-right-21px {
  padding-right: 21px !important;
}

.p-bottom-21px {
  padding-bottom: 21px !important;
}

.p-left-21px {
  padding-left: 21px !important;
}

.p-22px {
  padding: 22px;
}

.p-top-22px {
  padding-top: 22px !important;
}

.p-right-22px {
  padding-right: 22px !important;
}

.p-bottom-22px {
  padding-bottom: 22px !important;
}

.p-left-22px {
  padding-left: 22px !important;
}

.p-23px {
  padding: 23px;
}

.p-top-23px {
  padding-top: 23px !important;
}

.p-right-23px {
  padding-right: 23px !important;
}

.p-bottom-23px {
  padding-bottom: 23px !important;
}

.p-left-23px {
  padding-left: 23px !important;
}

.p-24px {
  padding: 24px;
}

.p-top-24px {
  padding-top: 24px !important;
}

.p-right-24px {
  padding-right: 24px !important;
}

.p-bottom-24px {
  padding-bottom: 24px !important;
}

.p-left-24px {
  padding-left: 24px !important;
}

.p-25px {
  padding: 25px;
}

.p-top-25px {
  padding-top: 25px !important;
}

.p-right-25px {
  padding-right: 25px !important;
}

.p-bottom-25px {
  padding-bottom: 25px !important;
}

.p-left-25px {
  padding-left: 25px !important;
}

.p-26px {
  padding: 26px;
}

.p-top-26px {
  padding-top: 26px !important;
}

.p-right-26px {
  padding-right: 26px !important;
}

.p-bottom-26px {
  padding-bottom: 26px !important;
}

.p-left-26px {
  padding-left: 26px !important;
}

.p-27px {
  padding: 27px;
}

.p-top-27px {
  padding-top: 27px !important;
}

.p-right-27px {
  padding-right: 27px !important;
}

.p-bottom-27px {
  padding-bottom: 27px !important;
}

.p-left-27px {
  padding-left: 27px !important;
}

.p-28px {
  padding: 28px;
}

.p-top-28px {
  padding-top: 28px !important;
}

.p-right-28px {
  padding-right: 28px !important;
}

.p-bottom-28px {
  padding-bottom: 28px !important;
}

.p-left-28px {
  padding-left: 28px !important;
}

.p-29px {
  padding: 29px;
}

.p-top-29px {
  padding-top: 29px !important;
}

.p-right-29px {
  padding-right: 29px !important;
}

.p-bottom-29px {
  padding-bottom: 29px !important;
}

.p-left-29px {
  padding-left: 29px !important;
}

.p-30px {
  padding: 30px;
}

.p-top-30px {
  padding-top: 30px !important;
}

.p-right-30px {
  padding-right: 30px !important;
}

.p-bottom-30px {
  padding-bottom: 30px !important;
}

.p-left-30px {
  padding-left: 30px !important;
}

.p-31px {
  padding: 31px;
}

.p-top-31px {
  padding-top: 31px !important;
}

.p-right-31px {
  padding-right: 31px !important;
}

.p-bottom-31px {
  padding-bottom: 31px !important;
}

.p-left-31px {
  padding-left: 31px !important;
}

.p-32px {
  padding: 32px;
}

.p-top-32px {
  padding-top: 32px !important;
}

.p-right-32px {
  padding-right: 32px !important;
}

.p-bottom-32px {
  padding-bottom: 32px !important;
}

.p-left-32px {
  padding-left: 32px !important;
}

.p-33px {
  padding: 33px;
}

.p-top-33px {
  padding-top: 33px !important;
}

.p-right-33px {
  padding-right: 33px !important;
}

.p-bottom-33px {
  padding-bottom: 33px !important;
}

.p-left-33px {
  padding-left: 33px !important;
}

.p-34px {
  padding: 34px;
}

.p-top-34px {
  padding-top: 34px !important;
}

.p-right-34px {
  padding-right: 34px !important;
}

.p-bottom-34px {
  padding-bottom: 34px !important;
}

.p-left-34px {
  padding-left: 34px !important;
}

.p-35px {
  padding: 35px;
}

.p-top-35px {
  padding-top: 35px !important;
}

.p-right-35px {
  padding-right: 35px !important;
}

.p-bottom-35px {
  padding-bottom: 35px !important;
}

.p-left-35px {
  padding-left: 35px !important;
}

.p-36px {
  padding: 36px;
}

.p-top-36px {
  padding-top: 36px !important;
}

.p-right-36px {
  padding-right: 36px !important;
}

.p-bottom-36px {
  padding-bottom: 36px !important;
}

.p-left-36px {
  padding-left: 36px !important;
}

.p-37px {
  padding: 37px;
}

.p-top-37px {
  padding-top: 37px !important;
}

.p-right-37px {
  padding-right: 37px !important;
}

.p-bottom-37px {
  padding-bottom: 37px !important;
}

.p-left-37px {
  padding-left: 37px !important;
}

.p-38px {
  padding: 38px;
}

.p-top-38px {
  padding-top: 38px !important;
}

.p-right-38px {
  padding-right: 38px !important;
}

.p-bottom-38px {
  padding-bottom: 38px !important;
}

.p-left-38px {
  padding-left: 38px !important;
}

.p-39px {
  padding: 39px;
}

.p-top-39px {
  padding-top: 39px !important;
}

.p-right-39px {
  padding-right: 39px !important;
}

.p-bottom-39px {
  padding-bottom: 39px !important;
}

.p-left-39px {
  padding-left: 39px !important;
}

.p-40px {
  padding: 40px;
}

.p-top-40px {
  padding-top: 40px !important;
}

.p-right-40px {
  padding-right: 40px !important;
}

.p-bottom-40px {
  padding-bottom: 40px !important;
}

.p-left-40px {
  padding-left: 40px !important;
}

.p-41px {
  padding: 41px;
}

.p-top-41px {
  padding-top: 41px !important;
}

.p-right-41px {
  padding-right: 41px !important;
}

.p-bottom-41px {
  padding-bottom: 41px !important;
}

.p-left-41px {
  padding-left: 41px !important;
}

.p-42px {
  padding: 42px;
}

.p-top-42px {
  padding-top: 42px !important;
}

.p-right-42px {
  padding-right: 42px !important;
}

.p-bottom-42px {
  padding-bottom: 42px !important;
}

.p-left-42px {
  padding-left: 42px !important;
}

.p-43px {
  padding: 43px;
}

.p-top-43px {
  padding-top: 43px !important;
}

.p-right-43px {
  padding-right: 43px !important;
}

.p-bottom-43px {
  padding-bottom: 43px !important;
}

.p-left-43px {
  padding-left: 43px !important;
}

.p-44px {
  padding: 44px;
}

.p-top-44px {
  padding-top: 44px !important;
}

.p-right-44px {
  padding-right: 44px !important;
}

.p-bottom-44px {
  padding-bottom: 44px !important;
}

.p-left-44px {
  padding-left: 44px !important;
}

.p-45px {
  padding: 45px;
}

.p-top-45px {
  padding-top: 45px !important;
}

.p-right-45px {
  padding-right: 45px !important;
}

.p-bottom-45px {
  padding-bottom: 45px !important;
}

.p-left-45px {
  padding-left: 45px !important;
}

.p-46px {
  padding: 46px;
}

.p-top-46px {
  padding-top: 46px !important;
}

.p-right-46px {
  padding-right: 46px !important;
}

.p-bottom-46px {
  padding-bottom: 46px !important;
}

.p-left-46px {
  padding-left: 46px !important;
}

.p-47px {
  padding: 47px;
}

.p-top-47px {
  padding-top: 47px !important;
}

.p-right-47px {
  padding-right: 47px !important;
}

.p-bottom-47px {
  padding-bottom: 47px !important;
}

.p-left-47px {
  padding-left: 47px !important;
}

.p-48px {
  padding: 48px;
}

.p-top-48px {
  padding-top: 48px !important;
}

.p-right-48px {
  padding-right: 48px !important;
}

.p-bottom-48px {
  padding-bottom: 48px !important;
}

.p-left-48px {
  padding-left: 48px !important;
}

.p-49px {
  padding: 49px;
}

.p-top-49px {
  padding-top: 49px !important;
}

.p-right-49px {
  padding-right: 49px !important;
}

.p-bottom-49px {
  padding-bottom: 49px !important;
}

.p-left-49px {
  padding-left: 49px !important;
}

.p-50px {
  padding: 50px;
}

.p-top-50px {
  padding-top: 50px !important;
}

.p-right-50px {
  padding-right: 50px !important;
}

.p-bottom-50px {
  padding-bottom: 50px !important;
}

.p-left-50px {
  padding-left: 50px !important;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.alert-body {
  padding: 70px;
  text-align: center;
}

.alert-message {
  font-size: 15px;
  line-height: 1.33;
}
.alert-message--danger {
  color: #EE0000;
}
.alert-message--confirm-safe {
  color: #00787A;
}

.alert-content {
  text-align: left;
}
.alert-content__item {
  padding-bottom: 5px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.account-button.options-button {
  margin-left: 15px;
}
.account-button.options-button svg {
  fill: #707070;
  stroke: #707070;
  height: 34px;
  width: 34px;
}
.account-button.options-button--active {
  background-color: inherit !important;
}
.account-button.options-button--active svg {
  fill: #00787A;
  stroke: #00787A;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}

.options-button {
  position: relative;
  padding: 0;
}
.options-button.default-button {
  padding: 0;
}
.options-button .popover__modal {
  min-width: 150px;
  width: auto;
}
.options-button__chevron {
  margin: 0 0.625rem 0 0.3rem;
}
.options-button__chevron svg {
  fill: #00787A;
}
.options-button__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.options-button--active {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.options-button--active:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.options-button--active .options-button__chevron {
  transform: rotate(180deg);
}
.options-button--right-margin-auto {
  margin-right: auto !important;
}
.options-button__label {
  padding: 9px 20px;
}
.options-button__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.options-button__option:hover {
  background: #f4f4f4;
}
.options-button__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.options-button__option--danger {
  color: #EE0000;
}
.options-button__option--danger:hover {
  color: #ffffff;
  background: #EE0000;
}
.options-button__option--disabled {
  pointer-events: none;
  opacity: 0.2;
}
.options-button__option--selected {
  background-color: #C4F8E4;
  pointer-events: none;
}
.options-button__option--selected:hover {
  cursor: default;
}
.options-button__placeholder {
  text-align: center;
  color: #9e9e9e;
  margin: 15px 10px;
  white-space: initial;
}

.icon-button {
  background: none;
  border: none;
  outline: inherit;
}
.icon-button:hover {
  color: #00787A;
}
.icon-button:hover svg {
  cursor: pointer;
  fill: #00787A;
  stroke: #00787A;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.account-selector {
  position: relative;
}
.account-selector .options-button {
  width: 140px;
  border-color: #707070;
  color: #707070;
  fill: #707070;
  border-radius: 0;
}
.account-selector .options-button__options {
  position: absolute;
  text-align: left;
  top: 43px;
  left: -60px;
  width: 200px;
  max-height: 440px;
  overflow-y: auto;
  font-size: 12px;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  font-weight: 500;
  color: #1a1a1a;
  z-index: 100;
}
.account-selector .options-button__option:hover {
  background-color: #f4f4f4;
}
.account-selector .options-button:hover svg {
  fill: #00787A;
}
.account-selector .options-button--active, .account-selector .options-button--without-selected-account {
  background-color: inherit !important;
  border-color: #00787A;
  color: #00787A;
}
.account-selector .options-button--active svg, .account-selector .options-button--without-selected-account svg {
  fill: #00787A;
}
.account-selector .options-button__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.account-selector .options-button__search {
  padding: 10px 15px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #aaaaaa;
}
.account-selector .options-button__search .search-input {
  width: 100%;
  border: 1px solid transparent;
}
.account-selector .options-button__search .search-input:hover {
  border-color: #949494;
}
.account-selector .options-button__search .search-input:focus {
  border-color: #00787A;
}
.account-selector .options-button__label {
  height: 30px;
  box-sizing: border-box;
  padding: 0 5px 0 15px;
  display: flex;
  justify-content: space-between;
  align-self: center;
}
.account-selector .options-button__text {
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.account-selector .options-button__options {
  top: 38px;
}
.account-selector .options-button__accounts {
  overflow-y: auto;
  max-height: 340px;
}
.account-selector .options-button__admin {
  display: flex;
  align-items: center;
  font-size: 0.813rem;
}
.account-selector .options-button__admin svg {
  width: 1.063rem;
  height: 1.063rem;
  margin-right: 0.438rem;
}
.account-selector .options-button__admin-list {
  font-size: 0.75rem;
  font-weight: 600;
  color: #00787A;
  fill: #00787A;
  padding: 0.813rem 0.938rem;
  border-bottom: 1px solid #aaaaaa;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.account-selector .options-button__admin-list svg {
  width: 0.938rem;
  height: 0.938rem;
  margin-right: 0.438rem;
}
.account-selector .options-button__admin-list:hover {
  color: #00787A;
  fill: #00787A;
  background-color: #f4f4f4;
}
.account-selector .options-button__accounts .options-button__option {
  padding-left: 15px;
  padding-right: 15px;
}
.account-selector .options-button .oe-icon {
  align-self: center;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-connect-header {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  z-index: 2147483647;
}
.oe-connect-header__logo svg {
  height: 20px;
}
.oe-connect-header__controls {
  display: flex;
  align-items: center;
}
.oe-connect-header__controls > .default-button {
  margin-left: 20px;
}
.oe-connect-header .oe-connect-header__mixpanel-toggle {
  display: flex;
  align-items: center;
}
.oe-connect-header .oe-connect-header__mixpanel-toggle-label {
  width: 170px;
  font-size: 12px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.navigation-bar {
  background-color: #f4f4f4;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #949494;
  box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.23);
  padding: 0 20px;
  height: 42px;
}
.navigation-bar__links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.navigation-bar__links ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  height: 100%;
}
.navigation-bar__link-wrapper {
  display: flex;
  border-right: 1px solid;
  border-color: #949494;
}
.navigation-bar__link-wrapper:first-child {
  border-left: 1px solid;
  border-color: #949494;
}
.navigation-bar__link-wrapper a {
  text-decoration: none;
  color: #00787A;
  font-size: 13px;
  font-weight: 600;
  padding: 11px 18px;
  display: flex;
  align-items: center;
}
.navigation-bar__link-wrapper:hover {
  background: #ffffff;
}
.navigation-bar__link-wrapper:hover a {
  color: #00787A;
}
.navigation-bar__link-wrapper--selected {
  background-color: #ffffff;
  color: #1a1a1a !important;
}
.navigation-bar__current-time {
  font-size: 11px;
  font-weight: 500;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-connect__header {
  position: fixed;
  width: 100%;
  height: 92px;
  z-index: 100;
  transition: ease-in-out 0.4s;
}
.oe-connect__header--animate {
  background-color: #ffffff;
  transform: translateY(-92px);
}
.oe-connect .page-container .event-title .tiny-event-title {
  display: none;
}
.oe-connect .page-container .event-title .event-name {
  margin-right: 5px;
}
.oe-connect .page-container .event-title .default-button {
  margin-top: 3px;
}
.oe-connect .page-container .event-page-content {
  height: calc(100vh - 180px);
}
.oe-connect__root-page {
  padding: 25px;
  transition: ease-in-out 0.4s;
  height: calc(100vh - 92px);
  padding-top: calc(92px + 25px);
  min-height: 100vh;
}
.oe-connect__root-page--animate {
  padding: 25px 0;
}
.oe-connect__root-page--animate .zoom-layout, .oe-connect__root-page--animate .page-container {
  margin-top: 60px;
}
.oe-connect__root-page--animate .zoom-layout .event-page-content, .oe-connect__root-page--animate .page-container .event-page-content {
  height: auto;
}
.oe-connect__root-page--animate .zoom-layout .events-title, .oe-connect__root-page--animate .zoom-layout .top-page-title, .oe-connect__root-page--animate .zoom-layout .event-title, .oe-connect__root-page--animate .zoom-layout .zoom-page-title, .oe-connect__root-page--animate .page-container .events-title, .oe-connect__root-page--animate .page-container .top-page-title, .oe-connect__root-page--animate .page-container .event-title, .oe-connect__root-page--animate .page-container .zoom-page-title {
  top: 0;
  z-index: 12;
  position: sticky;
  background-color: #ffffff;
}
.oe-connect__root-page--animate .zoom-layout .top-page-title, .oe-connect__root-page--animate .zoom-layout .events-title, .oe-connect__root-page--animate .page-container .top-page-title, .oe-connect__root-page--animate .page-container .events-title {
  height: 85px;
  padding: 0 14px;
}
.oe-connect__root-page--animate .zoom-layout .zoom-page-title, .oe-connect__root-page--animate .page-container .zoom-page-title {
  height: 40px;
  padding: 10px 20px;
}
.oe-connect__root-page--animate .zoom-layout .event-tracker, .oe-connect__root-page--animate .page-container .event-tracker {
  height: 41px;
  padding: 0 14px;
}
.oe-connect__root-page--animate .zoom-layout .event-title, .oe-connect__root-page--animate .page-container .event-title {
  height: 41px;
}
.oe-connect__root-page--animate .zoom-layout .event-title button, .oe-connect__root-page--animate .page-container .event-title button {
  display: none;
}
.oe-connect__root-page--animate .zoom-layout .event-title .event-name, .oe-connect__root-page--animate .zoom-layout .event-title .event__time-container, .oe-connect__root-page--animate .page-container .event-title .event-name, .oe-connect__root-page--animate .page-container .event-title .event__time-container {
  opacity: 0;
  display: none;
  transform: translateY(-92px);
}
.oe-connect__root-page--animate .zoom-layout .event-title .tiny-event-title, .oe-connect__root-page--animate .page-container .event-title .tiny-event-title {
  display: block;
  font-size: 11px;
  text-align: left;
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.8);
}
.oe-connect__root-page--animate .zoom-layout div > .event-tabs, .oe-connect__root-page--animate .zoom-layout .event-tabs-tracker, .oe-connect__root-page--animate .zoom-layout .resources-tabs, .oe-connect__root-page--animate .page-container div > .event-tabs, .oe-connect__root-page--animate .page-container .event-tabs-tracker, .oe-connect__root-page--animate .page-container .resources-tabs {
  top: 41px;
  z-index: 12;
  position: sticky;
  background-color: #ffffff;
  padding: 10px 20px 10px 20px;
  min-height: 54px;
}
.oe-connect__root-page--animate .zoom-layout div > .event-tabs.website-tab, .oe-connect__root-page--animate .page-container div > .event-tabs.website-tab {
  border-bottom: 1px solid #949494;
}
.oe-connect__root-page--animate .zoom-layout div > .website-container, .oe-connect__root-page--animate .page-container div > .website-container {
  padding: 10px 20px;
}
.oe-connect__root-page--animate .zoom-layout div.scheduled-meetings-list > .resources-tabs, .oe-connect__root-page--animate .page-container div.scheduled-meetings-list > .resources-tabs {
  padding: 5px 20px;
}
.oe-connect__root-page--animate .zoom-layout div > .event-tabs-tracker, .oe-connect__root-page--animate .zoom-layout .resources-tabs, .oe-connect__root-page--animate .page-container div > .event-tabs-tracker, .oe-connect__root-page--animate .page-container .resources-tabs {
  padding: 10px 20px;
}
.oe-connect__root-page--animate .zoom-layout .resources-tabs + .zoom-users-management > h1, .oe-connect__root-page--animate .page-container .resources-tabs + .zoom-users-management > h1 {
  top: 96px;
  position: sticky;
  padding-left: 20px;
  padding-bottom: 10px;
  background-color: #ffffff;
}
.oe-connect__root-page--animate .zoom-layout .resources-tabs + .scheduled-meetings-list__filters, .oe-connect__root-page--animate .page-container .resources-tabs + .scheduled-meetings-list__filters {
  top: 84px;
  z-index: 2;
  position: sticky;
  padding: 0px 10px;
  padding-bottom: 2px;
  background-color: #ffffff;
}
.oe-connect__root-page--animate .zoom-layout .table-list-layout__thead, .oe-connect__root-page--animate .page-container .table-list-layout__thead {
  top: 95px;
  z-index: 11;
  position: sticky;
}
.oe-connect__root-page--animate .zoom-layout .accounts-list.fixed-list-layout .table-list-layout__thead,
.oe-connect__root-page--animate .zoom-layout .events-list.fixed-list-layout .table-list-layout__thead,
.oe-connect__root-page--animate .zoom-layout .events-list.fixed-list-layout .table-list-layout__thead,
.oe-connect__root-page--animate .zoom-layout .users-list.fixed-list-layout .table-list-layout__thead,
.oe-connect__root-page--animate .zoom-layout .themes-list.fixed-list-layout .table-list-layout__thead, .oe-connect__root-page--animate .page-container .accounts-list.fixed-list-layout .table-list-layout__thead,
.oe-connect__root-page--animate .page-container .events-list.fixed-list-layout .table-list-layout__thead,
.oe-connect__root-page--animate .page-container .events-list.fixed-list-layout .table-list-layout__thead,
.oe-connect__root-page--animate .page-container .users-list.fixed-list-layout .table-list-layout__thead,
.oe-connect__root-page--animate .page-container .themes-list.fixed-list-layout .table-list-layout__thead {
  top: 85px;
  z-index: 11;
  position: sticky;
}
.oe-connect__root-page--animate .page-container th.single-row-title-cell {
  top: 144px;
}
.oe-connect__root-page--animate .zoom-layout th.single-row-title-cell {
  top: 150px;
}
.oe-connect__root-page--animate .zoom-layout .table-list-layout__thead {
  top: 160px;
  position: sticky;
}
.oe-connect__root-page--animate .zoom-layout .zoom-users-management .table-list-layout__thead {
  top: 130px;
  position: sticky;
}
.oe-connect__root-page--animate .zoom-layout .tracked-users-list.fixed-list-layout .table-list-layout__thead {
  top: 95px;
  position: sticky;
}
.oe-connect__root-page--animate .zoom-layout .telephone-numbersets-list.fixed-list-layout .table-list-layout__thead {
  top: 95px;
  position: sticky;
}
.operators-item__column {
  display: flex;
  align-items: center;
}
.operators-item__text {
  font-size: 15px;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.user-form__accounts-selector button.user-form__accounts-selector__add-button,
.user-form__accounts-selector button.user-form__roles-selector__add-button,
.user-form__accounts-selector button.user-form__account-groups-selector__add-button, .user-form__roles-selector button.user-form__accounts-selector__add-button,
.user-form__roles-selector button.user-form__roles-selector__add-button,
.user-form__roles-selector button.user-form__account-groups-selector__add-button, .user-form__account-groups-selector button.user-form__accounts-selector__add-button,
.user-form__account-groups-selector button.user-form__roles-selector__add-button,
.user-form__account-groups-selector button.user-form__account-groups-selector__add-button, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.user-form__accounts-selector button.user-form__accounts-selector__add-button:hover,
.user-form__accounts-selector button.user-form__roles-selector__add-button:hover,
.user-form__accounts-selector button.user-form__account-groups-selector__add-button:hover, .user-form__roles-selector button.user-form__accounts-selector__add-button:hover,
.user-form__roles-selector button.user-form__roles-selector__add-button:hover,
.user-form__roles-selector button.user-form__account-groups-selector__add-button:hover, .user-form__account-groups-selector button.user-form__accounts-selector__add-button:hover,
.user-form__account-groups-selector button.user-form__roles-selector__add-button:hover,
.user-form__account-groups-selector button.user-form__account-groups-selector__add-button:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.user-form__accounts-selector button.active.user-form__accounts-selector__add-button,
.user-form__accounts-selector button.active.user-form__roles-selector__add-button,
.user-form__accounts-selector button.active.user-form__account-groups-selector__add-button, .user-form__roles-selector button.active.user-form__accounts-selector__add-button,
.user-form__roles-selector button.active.user-form__roles-selector__add-button,
.user-form__roles-selector button.active.user-form__account-groups-selector__add-button, .user-form__account-groups-selector button.active.user-form__accounts-selector__add-button,
.user-form__account-groups-selector button.active.user-form__roles-selector__add-button,
.user-form__account-groups-selector button.active.user-form__account-groups-selector__add-button, .active.add-line-to-table-btn, .user-form__accounts-selector button.user-form__accounts-selector__add-button:active,
.user-form__accounts-selector button.user-form__roles-selector__add-button:active,
.user-form__accounts-selector button.user-form__account-groups-selector__add-button:active, .user-form__roles-selector button.user-form__accounts-selector__add-button:active,
.user-form__roles-selector button.user-form__roles-selector__add-button:active,
.user-form__roles-selector button.user-form__account-groups-selector__add-button:active, .user-form__account-groups-selector button.user-form__accounts-selector__add-button:active,
.user-form__account-groups-selector button.user-form__roles-selector__add-button:active,
.user-form__account-groups-selector button.user-form__account-groups-selector__add-button:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.user-form__generate-password-block {
  margin-bottom: 25px;
}
.user-form__generate-password-block button {
  width: 100%;
}
.user-form__accounts-selector, .user-form__roles-selector, .user-form__account-groups-selector {
  margin-bottom: 25px;
}
.user-form__accounts-selector button.user-form__accounts-selector__add-button,
.user-form__accounts-selector button.user-form__roles-selector__add-button,
.user-form__accounts-selector button.user-form__account-groups-selector__add-button, .user-form__roles-selector button.user-form__accounts-selector__add-button,
.user-form__roles-selector button.user-form__roles-selector__add-button,
.user-form__roles-selector button.user-form__account-groups-selector__add-button, .user-form__account-groups-selector button.user-form__accounts-selector__add-button,
.user-form__account-groups-selector button.user-form__roles-selector__add-button,
.user-form__account-groups-selector button.user-form__account-groups-selector__add-button {
  width: 100%;
}
.user-form__accounts-selector__title, .user-form__roles-selector__title, .user-form__account-groups-selector__title {
  font-size: 12px;
  line-height: 2;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px 6px 0;
}
.user-form__accounts-selector__title .multi-select-list__option, .user-form__roles-selector__title .multi-select-list__option, .user-form__account-groups-selector__title .multi-select-list__option {
  padding: 0;
}
.user-form__accounts-selector__selected-items, .user-form__roles-selector__selected-items, .user-form__account-groups-selector__selected-items {
  border-top: 1px solid #949494;
}
.user-form__accounts-selector__selected-item, .user-form__accounts-selector__role-item, .user-form__accounts-selector__account-group-item, .user-form__roles-selector__selected-item, .user-form__roles-selector__role-item, .user-form__roles-selector__account-group-item, .user-form__account-groups-selector__selected-item, .user-form__account-groups-selector__role-item, .user-form__account-groups-selector__account-group-item {
  border-bottom: 1px solid #949494;
  display: flex;
  font-size: 13px;
  margin-left: 10px;
  padding: 2px 0px 2px 10px;
  line-height: 15px;
  align-items: center;
  justify-content: space-between;
}
.user-form__accounts-selector__selected-item:last-of-type, .user-form__accounts-selector__role-item:last-of-type, .user-form__accounts-selector__account-group-item:last-of-type, .user-form__roles-selector__selected-item:last-of-type, .user-form__roles-selector__role-item:last-of-type, .user-form__roles-selector__account-group-item:last-of-type, .user-form__account-groups-selector__selected-item:last-of-type, .user-form__account-groups-selector__role-item:last-of-type, .user-form__account-groups-selector__account-group-item:last-of-type {
  border-bottom: 0;
}
.user-form__accounts-selector__message, .user-form__roles-selector__message, .user-form__account-groups-selector__message {
  font-size: 13px;
  margin-left: 10px;
  padding: 7px 10px;
}
.user-form__accounts-selector__selected-item button.user-form__accounts-selector__remove-item-button,
.user-form__accounts-selector__selected-item button.user-form__roles-selector__remove-item-button,
.user-form__accounts-selector__selected-item button.user-form__account-groups-selector__remove-item-button, .user-form__roles-selector__role-item button.user-form__accounts-selector__remove-item-button,
.user-form__roles-selector__role-item button.user-form__roles-selector__remove-item-button,
.user-form__roles-selector__role-item button.user-form__account-groups-selector__remove-item-button, .user-form__account-groups-selector__account-group-item button.user-form__accounts-selector__remove-item-button,
.user-form__account-groups-selector__account-group-item button.user-form__roles-selector__remove-item-button,
.user-form__account-groups-selector__account-group-item button.user-form__account-groups-selector__remove-item-button {
  padding: 5px 10px;
}
.user-form .oe-form-field__server-error {
  margin: 0 0 25px 0;
}
.user-form .oe-form-field__system-role .oe-form-field__title {
  padding-bottom: 10px;
  line-height: inherit;
}
.user-form .oe-form-field__system-role .multi-select-list__option {
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
}
.user-form .oe-form-field__system-user .switch input:checked + .slider.disabled {
  background-color: #00787A !important;
  opacity: 0.4;
}
.user-form .oe-form-field__system-user .switch:hover .slider.disabled {
  background-color: #cccccc !important;
}
button.load-more-button {
  display: block;
  margin: 0 auto;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.user-item__column {
  display: flex;
  align-items: center;
}
.user-item__text {
  font-size: 15px;
}
.user-item__not-active {
  text-decoration: line-through;
  color: #999999 !important;
}

.users-list th:last-of-type {
  width: 170px;
}
.oestaff-filter-dropdown .oestaff-filter-dropdown__options {
  width: 100%;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.role-form {
  margin-top: 10px !important;
}
.role-form__header {
  padding: 12px 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #949494;
  border-top: 1px solid #949494;
  background-color: #eeeeee;
  cursor: pointer;
}
.role-form__header-title {
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 15px;
  padding-top: 2px;
}
.role-form__header-name {
  flex: 1;
  width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.role-form__header-name__icon {
  margin-left: 8px;
}
.role-form__header-name__icon svg {
  fill: #00787A;
}
.role-form__header-name .multi-select-list__option {
  margin-right: auto;
  border-bottom: none;
  padding: 0;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}
.role-form__header-name .multi-select-list__option .multi-select-list__checkbox {
  flex-shrink: 0;
}
.role-form__header-name .multi-select-list__option .multi-select-list__checkbox svg {
  fill: transparent !important;
}
.role-form__header-name .multi-select-list__option--active .multi-select-list__checkbox svg, .role-form__header-name .multi-select-list__option--selected .multi-select-list__checkbox svg {
  fill: #ffffff !important;
}
.role-form__header--active {
  background-color: rgba(0, 120, 122, 0.3);
}
.role-form__header--active .role-form__header-name__icon {
  transform: rotate(180deg);
}
.role-form .role__row {
  display: flex;
  border-bottom: 1px solid #949494;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row-reverse;
  padding: 7px 29px 7px 10px;
  font-size: 12px;
  line-height: 15px;
}
.role-form .role__row:last-of-type {
  border-bottom: none;
}
.role-form .role__row .multi-select-list__option {
  padding: 0;
  margin-right: 15px;
}
.role-form .role__row__text-content {
  display: flex;
  align-items: flex-end;
  font-size: 12px;
}
.role-form .role__row__text-content__title {
  font-size: 14px;
  font-weight: 500;
  margin-right: 15px;
}
.role-item__column {
  display: flex;
  align-items: center;
}
.role-item__text {
  font-size: 15px;
}
.role-item__description, .role-item__name {
  display: flex;
  align-items: center;
}
.role-item__description-content, .role-item__name-content {
  -webkit-line-clamp: 2;
  white-space: unset;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.role-item__description {
  justify-content: space-between;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.empty-list-message {
  text-align: center;
  color: #777777;
  margin-top: 50px;
}

button.load-more-button {
  display: block;
  margin: 0 auto 10px auto;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.theme-form__generate-password-button {
  margin-bottom: 25px;
}
.theme-form__accounts-selector button.default-button {
  color: #00787A;
  background-color: transparent;
  width: 100%;
  border: none;
  border-radius: 0;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  font-weight: 600;
  font-style: normal;
  outline: none;
  border-top: 1px solid #949494;
}
.theme-form__accounts-selector button.default-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
}
.theme-form__accounts-selector button.default-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.theme-form__accounts-selector__selected-items {
  border: 2px solid #949494;
  padding: 15px;
  border-radius: 5px;
  margin-top: 10px;
}
.theme-form__accounts-selector__selected-items div {
  font-size: 12px;
  line-height: 2;
  font-weight: normal;
}
.theme-form__accounts-selector__accounts-list {
  border-top: 1px solid #949494;
}
.theme-form__accounts-selector__accounts-list .presenter-list-row:last-child {
  border-bottom: 1px solid #949494;
}
.theme-form__accounts-selector-title {
  margin-top: 5px;
  font-size: 12px;
  line-height: 2;
  font-weight: normal;
}
.theme-form__checkbox {
  font-size: 12px;
  padding: 5px 15px;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.empty-list-message {
  text-align: center;
  color: #777777;
  margin-top: 50px;
}

.event-tracker-list .aligned-right {
  display: flex;
  justify-content: flex-end;
}
.event-tracker-list .event-tracker-layout-wrapper {
  position: relative;
}
.event-tracker-list .table-list-layout__thead tr .date-range-picker-dropdown {
  position: absolute;
  left: 85px;
  top: 18px;
}
.event-tracker-list .table-list-layout__thead tr th {
  padding: 10px 6px;
}
.event-tracker-list .table-list-layout__thead tr th .cell-header-button span {
  text-align: center;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.saved-filters {
  display: flex;
  align-items: center;
}
.saved-filters__view-button {
  padding: 7px 20px;
  margin: 3px 0;
  border-radius: 5px;
  border: 1px solid #949494;
  background-color: #f4f4f4;
  cursor: pointer;
  position: relative;
  max-width: 400px;
  margin-left: 2px;
}
.saved-filters__view-button-text {
  font-size: 12px;
  font-weight: 500;
  display: flex;
}
.saved-filters__view-button-text span {
  font-weight: normal;
  flex: 1;
}
.saved-filters__view-button--selected {
  background-color: #C4F8E4;
}
.saved-filters__view-button:hover {
  background-color: #C4F8E4;
}
.saved-filters__save-button {
  justify-content: flex-start;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: pre;
  border-bottom: 1px solid #949494;
}
.saved-filters__save-button:hover {
  background-color: #f4f4f4;
}
.saved-filters__save-button-label {
  color: #00787A;
  font-size: 13px;
  margin-right: 10px;
}
.saved-filters__save-button-hint {
  font-size: 11px;
}
.saved-filters__save-button--disabled {
  background: white !important;
  cursor: default;
}
.saved-filters__save-button--disabled .saved-filters__save-button-label {
  opacity: 0.4;
  font-style: italic;
}
.saved-filters__placeholder {
  text-align: center;
  color: #9e9e9e;
  margin: 15px 10px;
  white-space: initial;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.event-links-button-wrapper {
  position: relative;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.event-tracker-item {
  cursor: pointer;
}
.event-tracker-item .event-name-column__text {
  font-size: 12px;
}
.event-tracker-item td {
  border-top: 0;
  border-bottom: 1px solid #949494;
  padding: 10px 16px;
}
.event-tracker-item .column-with-filters {
  padding-left: 5px !important;
}
.event-tracker-item--first td {
  border-top: 0;
}
.event-tracker-item__column {
  display: flex;
  align-items: center;
}
.event-tracker-item__text {
  font-size: 15px;
}
.event-tracker-item__event-name {
  color: #00787A;
  font-weight: 600;
  text-decoration: underline;
  padding: 7px 0;
}
.event-tracker-item__cancelled, .event-tracker-item__cancelled .event-tracker-item__event-name, .event-tracker-item__cancelled .delivery-team-column__attendees-count {
  text-decoration: line-through;
  color: #999999 !important;
}
.event-tracker-item .delivery-team-column {
  position: relative;
  display: flex;
  line-height: 1.4;
  padding: 7px 10px;
}
.event-tracker-item .delivery-team-column--wrapper:hover {
  background-color: #6BDBB1;
}
.event-tracker-item .delivery-team-column--active .delivery-team-column--wrapper {
  background-color: #6BDBB1;
}
.event-tracker-item .delivery-team-column__attendees-count {
  color: #00787A;
  margin-left: 4px;
  font-weight: 500;
}
.event-tracker-item .delivery-team-column--disabled {
  height: 30px;
  pointer-events: none;
}
.event-tracker-item .delivery-team-column--wrapper {
  width: 100%;
}
.event-tracker-item .delivery-team-column .event_form__items-section {
  padding: 0 10px;
  margin-bottom: 0;
}
.event-tracker-item .delivery-team-column .event_form__items-section__item-wrapper {
  position: relative;
  padding-right: 0;
}
.event-tracker-item .delivery-team-column .event_form__items-section__item-wrapper:hover .event_form__items-section__remove-item-button {
  opacity: 1;
}
.event-tracker-item .delivery-team-column .event_form__items-section__item-wrapper .event_form__items-section__remove-item-button {
  opacity: 0;
}
.event-tracker-item .delivery-team-column .event_form__items-section__item-wrapper .event_form__items-section__remove-item-button:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}
.event-tracker-item .delivery-team-column .event_form__items-section__item-wrapper .event_form__items-section__remove-item-button:hover:before {
  background-color: rgba(255, 0, 0, 0.05);
}
.event-tracker-item .delivery-team-column .event_form__items-section__item-wrapper .event_form__items-item-label {
  width: 100%;
}
.event-tracker-item .delivery-team-column .event_form__items-section .item-role {
  width: 50%;
  background-color: transparent;
}
.event-tracker-item .delivery-team-column .event_form__items-section .item-role__dropdown--option:first-child {
  font-style: italic;
}
.event-tracker-item .delivery-team-column .add-button-wrapper {
  padding: 0 10px;
  margin-bottom: 15px;
}
.event-tracker-item .delivery-team-column .add-button-wrapper .add-attendee-btn {
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
}
.event-tracker-item .delivery-team-column .add-button-wrapper .add-attendee-btn:hover {
  background-color: #f4f4f4;
  color: #00787A;
}
.event-tracker-item .delivery-team-column .add-button-wrapper .add-attendee-btn.active:hover {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.event-tracker-item .planning-notes-column {
  padding: 8px 10px;
  min-height: 32px;
  cursor: pointer;
}
.event-tracker-item .planning-notes-column:hover {
  background: #6BDBB1;
}
.event-tracker-item .organizations-attendees-list-item {
  vertical-align: middle;
}
.event-tracker-item .organizations-attendees-list-item button span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.event-tracker-item .visible-on-hover {
  opacity: 0;
}
.event-tracker-item:hover .visible-on-hover,
.event-tracker-item .visible-on-hover.active {
  opacity: 1;
}
.event-tracker-item .visible-on-hover.active {
  background-color: #6BDBB1 !important;
  color: #1a1a1a !important;
}
.event-tracker-item .visible-while-hovered {
  display: none;
}
.event-tracker-item:hover .visible-while-hovered {
  display: block;
}
.event-tracker-item .link-item {
  padding: 8px 2px;
  width: 79px;
}
.event-tracker-item .link-item--active {
  background-color: #C4F8E4;
}
.event-tracker-item .link-item:hover {
  background-color: #C4F8E4;
}
.event-tracker-item .text-center {
  text-align: center;
}

.event-tracker-list-group-item .event-name-column__text {
  padding-left: 0px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.table-list-layout__tbody .date-cell .table-list-layout__inline-title {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: bold;
  color: #00787A;
}

th.single-row-title-cell {
  padding: 18px;
  position: sticky;
  top: 92px;
  font-weight: 500;
  text-align: left;
  background: #ffffff;
  z-index: 1;
  border-bottom: 1px solid #949494;
}
th.single-row-title-cell .expand-arrow {
  vertical-align: inherit;
}
th.single-row-title-cell--safari-browser {
  top: 43px;
}
th.single-row-title-cell--today {
  background: #C4F8E4 !important;
}

.event-tracker-list-group-header {
  cursor: pointer;
}
.event-tracker-list-group-header__content {
  color: #1a1a1a;
  display: inline-flex;
  align-items: center;
}
.event-tracker-list-group-header__content .table-list-layout__inline-title {
  color: #1a1a1a !important;
}
.event-tracker-list-group-header__content .event-tracker-list-group-header__count {
  font-size: 12px;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #1a1a1a;
}
.event-tracker-list-group-header__content .event-tracker-list-group-header__today {
  font-size: 12px;
  font-weight: bold;
  margin-left: 15px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.default-button {
  cursor: pointer;
  background-color: #00787A;
  border: 1px solid;
  border-color: #00787A;
  border-radius: 5px;
  padding: 8px 20px;
  color: #ffffff;
  white-space: nowrap;
  outline: none;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 15px;
  /* outdated: will be removed once final UI styling is applied */
}
.default-button:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.default-button:hover .oe-icon {
  color: #1a1a1a;
}
.default-button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.default-button__add-button {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  font-style: normal;
  background-color: white;
  color: #00787A;
  outline: none;
}
.default-button__add-button-active {
  background-color: #C4F8E4;
  color: #1a1a1a;
}
.default-button__add-button:hover {
  background-color: #f4f4f4;
  color: #00787A;
  border-color: #949494;
}
.default-button__add-button.active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}
.default-button--slim {
  padding: 5px 12px;
  border-radius: 4px;
}
.default-button--thin {
  padding: 5px 10px;
}
.default-button--disabled {
  background: #00787A;
}
.default-button--disabled:hover {
  cursor: default;
  background: #00787A;
}
.default-button--confirm-warn {
  background-color: #ffffff;
  color: #EE0000;
  border: 1px solid #EE0000;
}
.default-button--confirm-warn:hover {
  color: #FF6161;
  border: 1px solid #FF6161;
  background-color: #ffffff;
}
.default-button--cancel {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00787A;
  font-weight: 600;
}
.default-button--cancel:hover {
  border: 1px solid #00787A;
  color: #00787A;
  background-color: #ffffff;
}
.default-button--link {
  background-color: transparent;
  color: #00787A;
  font-weight: 600;
  border: 0;
  border-radius: 5px;
}
.default-button--link:hover {
  color: #00787A;
  background-color: #f4f4f4;
}
.default-button--link-warn {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
}
.default-button--link-warn:hover {
  color: #cc0000;
  background-color: transparent;
}
.default-button--options, .default-button--options-fat {
  background-color: #ffffff;
  color: #00787A;
  border: 1px solid #00787A;
  font-weight: 600;
  padding: 0;
}
.default-button--options:hover, .default-button--options-fat:hover {
  color: #00787A;
  border: 1px solid #00787A;
  background-color: #f4f4f4;
}
.default-button--options-fat {
  padding: 8px 18px;
}
.default-button--no-border {
  border: none;
}
.default-button--lite {
  color: #00787A;
  background-color: #f4f4f4;
  padding: 6px 10px 6px 9px;
  border-radius: 20px;
  font-weight: 600;
  font-style: italic;
}
.default-button--lite:hover {
  background-color: #C4F8E4;
}
.default-button--account-selector:hover {
  background-color: #ffffff;
  border-color: #00787A;
  color: #00787A;
}
.default-button--remove {
  background-color: transparent;
  color: #EE0000;
  font-weight: 600;
  border: 0;
  padding: 5px 10px;
}
.default-button--remove:hover {
  color: #cc0000;
  background-color: #fee5e5;
}
.default-button--plus {
  background-color: transparent;
  border: 0;
  color: #00787A;
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.default-button--plus:hover {
  background-color: #00787A;
  color: #ffffff;
}
.default-button--row {
  background-color: transparent;
  border: 0;
  color: #1a1a1a;
  border-radius: 0;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}
.default-button--row span {
  padding: 1px;
}
.default-button--row:hover {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row:hover span {
  background: #6BDBB1;
}
.default-button--row.active {
  background-color: transparent;
  color: #1a1a1a;
}
.default-button--row.active span {
  background: #6BDBB1;
}
.default-button .oe-icon, .default-button i {
  font-size: 16px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.default-button .oe-icon:hover, .default-button i:hover {
  color: inherit;
}
.default-button span {
  display: inline-block;
  vertical-align: middle;
}

.buttons-group {
  display: flex;
  justify-content: space-between;
}

.buttons-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.buttons-block > * {
  margin-left: 15px;
}
.buttons-block > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--space-between {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
.buttons-block.buttons-block--space-between > * {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.buttons-block.buttons-block--from-right > * {
  margin-right: 15px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right > *:first-child {
  margin-right: 0;
}
.buttons-block.buttons-block--narrow > * {
  margin-left: 6px;
}
.buttons-block.buttons-block--narrow > *:first-child {
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > * {
  margin-right: 6px;
  margin-left: 0;
}
.buttons-block.buttons-block--from-right.buttons-block--narrow > *:first-child {
  margin-right: 0;
}

.options-button {
  position: relative;
  padding: 0;
}
.options-button.default-button {
  padding: 0;
}
.options-button .popover__modal {
  min-width: 150px;
  width: auto;
}
.options-button__chevron {
  margin: 0 0.625rem 0 0.3rem;
}
.options-button__chevron svg {
  fill: #00787A;
}
.options-button__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.options-button--active {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.options-button--active:hover {
  background-color: #6BDBB1;
  border-color: #6BDBB1;
  color: #1a1a1a;
}
.options-button--active .options-button__chevron {
  transform: rotate(180deg);
}
.options-button--right-margin-auto {
  margin-right: auto !important;
}
.options-button__label {
  padding: 9px 20px;
}
.options-button__option {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.options-button__option:hover {
  background: #f4f4f4;
}
.options-button__option:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.options-button__option--danger {
  color: #EE0000;
}
.options-button__option--danger:hover {
  color: #ffffff;
  background: #EE0000;
}
.options-button__option--disabled {
  pointer-events: none;
  opacity: 0.2;
}
.options-button__option--selected {
  background-color: #C4F8E4;
  pointer-events: none;
}
.options-button__option--selected:hover {
  cursor: default;
}
.options-button__placeholder {
  text-align: center;
  color: #9e9e9e;
  margin: 15px 10px;
  white-space: initial;
}

.icon-button {
  background: none;
  border: none;
  outline: inherit;
}
.icon-button:hover {
  color: #00787A;
}
.icon-button:hover svg {
  cursor: pointer;
  fill: #00787A;
  stroke: #00787A;
}

.date-range-picker-dropdown {
  position: relative;
}
.date-range-picker-dropdown .cell-header-btn {
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 5px;
  background-color: #e6e6e6;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
.date-range-picker-dropdown .cell-header-btn--active {
  background-color: #6BDBB1;
}
.date-range-picker-dropdown .cell-header-btn:hover {
  background-color: #00787A;
  color: #ffffff;
}
.date-range-picker-dropdown__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
}
.date-range-picker-dropdown__content {
  position: absolute;
  text-align: left;
  top: 22px;
  left: 0;
  width: 481px;
  font-size: 12px;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  font-weight: 500;
  color: #1a1a1a;
  z-index: 102;
  pointer-events: all;
}
.date-range-picker-dropdown__datepicker .react-datepicker {
  border: none;
  border-radius: 0;
}
.date-range-picker-dropdown__datepicker .react-datepicker__header {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.date-range-picker-dropdown__button-bar {
  padding: 12px 0;
  text-align: right;
  background-color: #f4f4f4;
}
.date-range-picker-dropdown__button-bar .default-button {
  margin-right: 15px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.planning-notes-form {
  height: 100%;
}
.planning-notes-form .planning-notes-editor {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.planning-notes-form .planning-notes-editor .ck.ck-editor {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.planning-notes-form .planning-notes-editor .ck.ck-editor__main {
  flex-grow: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.planning-notes-form .planning-notes-editor .ck.ck-editor__main .ck.ck-content.ck-editor__editable {
  width: 100%;
  flex-grow: 1;
}

.planning-notes-wrapper {
  padding: 0 15px;
  overflow-x: auto;
}
.planning-notes-wrapper .table {
  margin: 0;
}
.planning-notes-wrapper .table table, .planning-notes-wrapper .table th, .planning-notes-wrapper .table td {
  border: 1px solid #1a1a1a;
  border-collapse: collapse;
}
.planning-notes-wrapper .table td {
  padding: 5px;
  text-align: center;
}
.account-admin-header {
  margin-top: 28px;
}

.normal-label-text .passport-field-container__label {
  text-transform: none;
}

.segregated-data-modal-info {
  padding-top: 15px;
  font-size: 13.5px;
}
.data-anonymization-form input[type=number] {
  width: 70px;
}
.data-anonymization-form .line-height-25px {
  line-height: 25px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.account-subdomain-input-wrapper {
  display: flex;
  flex-direction: row;
}

.account-subdomain-input {
  background-color: #fafafa;
  line-height: 15px;
  overflow: hidden;
  display: flex;
  border: 1px solid #949494;
}
.account-subdomain-input__prefix {
  padding: 7px 8px;
  opacity: 0.8;
  width: max-content;
  white-space: nowrap;
}
.account-subdomain-input__field {
  padding: 0 10px;
  box-shadow: inset 0 0 2px #b9b9b9;
  outline: none;
  border: none;
}
.account-subdomain-input input.oe-form-field__control {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.toggle-and-explanatory-wrapper {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.toggle-and-explanatory-wrapper .warning-wrapper .oe-icon {
  display: inline-flex;
  margin-right: 5px;
  width: 13px;
  height: 12px;
  cursor: default;
}
.toggle-and-explanatory-wrapper .warning-wrapper .oe-icon svg {
  fill: #f06000;
}

.oe-form-field-wrapper {
  margin-top: 15px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form--event-blueprint .oe-form-field__control {
  font-size: 13px;
}
.oe-form--event-blueprint .oe-form-field__control .blueprint-toggle {
  display: flex;
  align-items: center;
}
.oe-form--event-blueprint .event-access-selector {
  width: 48%;
}
.oe-form--event-blueprint .meeting-template--info-msg {
  font-size: 12px;
  font-style: italic;
  margin-top: 10px;
  padding: 10px 0 10px 10px;
  color: #1a1a1a;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
}
@charset "UTF-8";
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff2") format("woff2 supports variations"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].woff") format("woff"), url("/fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/MaterialIcons[slnt,wdth,wght,opsz].woff2") format("woff2");
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.oe-form {
  display: flex;
  flex-flow: column nowrap;
}
.oe-form.max-w-65em {
  max-width: 65em;
  margin: 0 auto;
}
.oe-form__title {
  line-height: 2rem;
  font-size: 2rem;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.oe-form__header {
  padding: 20px 0 30px;
}
.oe-form__body {
  display: flex;
  flex-flow: column nowrap;
  height: inherit;
}
.oe-form__row {
  display: flex;
  flex-flow: row nowrap;
}
.oe-form__row .oe-form-field:first-child {
  margin-right: 10px;
}
.oe-form__error {
  color: #EE0000;
  font-size: 15px;
}
.oe-form__select-padding select {
  padding-left: 10px !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
/* this layout to be reused across various types of popups */
.oe-popup-layout {
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.oe-popup-layout__header {
  background-color: #f4f4f4;
  padding: 11px 20px;
}
.oe-popup-layout__header .oe-icon {
  float: right;
  margin-left: 6px;
}
.oe-popup-layout__header-title-block {
  display: flex;
  align-items: center;
}
.oe-popup-layout__header-title {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  min-width: 100px;
}
.oe-popup-layout__body {
  background-color: #ffffff;
  overflow-y: auto;
  min-width: 237px;
  overflow-x: hidden;
  flex-grow: 1;
}
.oe-popup-layout__body--fixed-width {
  width: 237px;
}
.oe-popup-layout__footer {
  margin-top: auto;
  border-top: 1px solid #949494;
  background-color: #f4f4f4;
  padding: 14px;
}
.oe-popup-layout__footer .oe-popup-layout__footer-status-area {
  margin-bottom: 20px;
}
.oe-popup-layout .body__overflow {
  overflow: visible;
}
.oe-popup-layout .body__scrollable {
  overflow-y: scroll;
  max-height: 60vh;
}

/* consider separate class instead of modifier on top of popup-layout. This just feels a little bit to generic to be widely usable */
.oe-popup-layout--error-popup .oe-popup-layout__header-title {
  color: #EE0000;
}

/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
h1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin: 3px 0;
  color: #1a1a1a;
}

h2 {
  padding: 2px 10px;
  margin: 0 0 20px 0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}
body input, body div {
  font-family: "Roboto Flex", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' width='8px' height='8px'%0Astyle='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 11px;
  padding-right: 20px !important;
}

.oe-connect {
  min-height: 100%;
  padding-bottom: 20px;
}

.footer-actions-area {
  padding: 6px;
}
.footer-actions-area a {
  margin-right: 15px;
}

.horizontal-row {
  flex-flow: row nowrap;
  display: flex;
  align-items: center;
}
.horizontal-row__align-to-row-end {
  margin-left: auto;
}
.horizontal-row--with-bottom-margin {
  margin-bottom: 18px;
}

.secondary-time-container {
  font-size: 10px;
  font-weight: 500;
  color: #707070;
}

/* outdate: to be removed once move to final designs */
.page-size-form-container {
  padding: 5% 20%;
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(48, 48, 48, 0.6);
}

.error-text {
  color: #EE0000;
}

.row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.event-types-section .event-type-list + button, .add-line-to-table-btn {
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  padding: 7px 10px;
  text-align: left;
  border-radius: 0;
  border-width: 1px 0;
  border-color: #949494;
  border-style: solid;
  font-weight: 600;
  background-color: white;
  color: #00787A;
  outline: none;
}
.event-types-section .event-type-list + button:hover, .add-line-to-table-btn:hover {
  border: none;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  background-color: #f4f4f4;
  color: #00787A;
}
.event-types-section .event-type-list + button.active, .active.add-line-to-table-btn, .event-types-section .event-type-list + button:active, .add-line-to-table-btn:active {
  color: #1a1a1a;
  background-color: #C4F8E4;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex {
  display: flex;
}

.center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.flex-content-space-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.m-left-auto {
  margin-left: auto;
}

.cursor-point:hover {
  cursor: pointer;
}

.border-gray {
  border: 1px solid gray;
}

.border-black {
  border: 1px solid black;
}

.disabled {
  pointer-events: none;
}

.text-gray {
  color: #707070;
}

.text-blue {
  color: #00787A;
}

.text-red {
  color: #EE0000;
}

.text-warning {
  color: orange;
}

.text-hover-light-blue:hover {
  color: #00787A;
}

.text-hover-red {
  color: #EE0000;
}

.text-hover-red:hover {
  color: #BB0000;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.highlight-search-result {
  color: #ffff24;
}

.italic {
  font-style: italic;
}

.word-wrap {
  word-wrap: break-word;
}

.word-break {
  word-break: break-word;
}

.wrap-word {
  word-wrap: break-all;
  word-break: break-word;
  white-space: normal;
}

.font-size-10px {
  font-size: 10px !important;
}

.font-size-11px {
  font-size: 11px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

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

.font-size-17px {
  font-size: 17px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-19px {
  font-size: 19px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-21px {
  font-size: 21px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-size-23px {
  font-size: 23px !important;
}

.font-size-24px {
  font-size: 24px !important;
}

.font-size-25px {
  font-size: 25px !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

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

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-20px {
  line-height: 20px !important;
}

.line-height-21px {
  line-height: 21px !important;
}

.line-height-22px {
  line-height: 22px !important;
}

.line-height-23px {
  line-height: 23px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

.line-height-25px {
  line-height: 25px !important;
}

.line-height-26px {
  line-height: 26px !important;
}

.line-height-27px {
  line-height: 27px !important;
}

.line-height-28px {
  line-height: 28px !important;
}

.line-height-29px {
  line-height: 29px !important;
}

.line-height-30px {
  line-height: 30px !important;
}

.line-height-31px {
  line-height: 31px !important;
}

.line-height-32px {
  line-height: 32px !important;
}

.line-height-33px {
  line-height: 33px !important;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-35px {
  line-height: 35px !important;
}

.line-height-36px {
  line-height: 36px !important;
}

.line-height-37px {
  line-height: 37px !important;
}

.line-height-38px {
  line-height: 38px !important;
}

.line-height-39px {
  line-height: 39px !important;
}

.line-height-40px {
  line-height: 40px !important;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 11%;
}

.width-12 {
  width: 12%;
}

.width-13 {
  width: 13%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-24 {
  width: 24%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-29 {
  width: 29%;
}

.width-30 {
  width: 30%;
}

.width-31 {
  width: 31%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-38 {
  width: 38%;
}

.width-39 {
  width: 39%;
}

.width-40 {
  width: 40%;
}

.width-41 {
  width: 41%;
}

.width-42 {
  width: 42%;
}

.width-43 {
  width: 43%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-49 {
  width: 49%;
}

.width-50 {
  width: 50%;
}

.width-51 {
  width: 51%;
}

.width-52 {
  width: 52%;
}

.width-53 {
  width: 53%;
}

.width-54 {
  width: 54%;
}

.width-55 {
  width: 55%;
}

.width-56 {
  width: 56%;
}

.width-57 {
  width: 57%;
}

.width-58 {
  width: 58%;
}

.width-59 {
  width: 59%;
}

.width-60 {
  width: 60%;
}

.width-61 {
  width: 61%;
}

.width-62 {
  width: 62%;
}

.width-63 {
  width: 63%;
}

.width-64 {
  width: 64%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66%;
}

.width-67 {
  width: 67%;
}

.width-68 {
  width: 68%;
}

.width-69 {
  width: 69%;
}

.width-70 {
  width: 70%;
}

.width-71 {
  width: 71%;
}

.width-72 {
  width: 72%;
}

.width-73 {
  width: 73%;
}

.width-74 {
  width: 74%;
}

.width-75 {
  width: 75%;
}

.width-76 {
  width: 76%;
}

.width-77 {
  width: 77%;
}

.width-78 {
  width: 78%;
}

.width-79 {
  width: 79%;
}

.width-80 {
  width: 80%;
}

.width-81 {
  width: 81%;
}

.width-82 {
  width: 82%;
}

.width-83 {
  width: 83%;
}

.width-84 {
  width: 84%;
}

.width-85 {
  width: 85%;
}

.width-86 {
  width: 86%;
}

.width-87 {
  width: 87%;
}

.width-88 {
  width: 88%;
}

.width-89 {
  width: 89%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-96 {
  width: 96%;
}

.width-97 {
  width: 97%;
}

.width-98 {
  width: 98%;
}

.width-99 {
  width: 99%;
}

.width-100 {
  width: 100%;
}

.ace_editor, .ace_editor div {
  font-family: monospace;
}

/*override react-datepicker styles*/
.react-datepicker-popper {
  z-index: 2 !important;
}

.hidden-scroll {
  padding-bottom: 61px;
  overflow-y: hidden;
}

.popup-footer-remove-button {
  border-radius: 0;
  color: #EE0000;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.popup-footer-remove-button:hover {
  background: #EE0000;
  color: #ffffff;
  cursor: pointer;
}

.display-hidden {
  display: none;
}

.relative {
  position: relative;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.event-types-section .event-type-list__title {
  padding-bottom: 2px;
  font-size: 12px;
}
.event-types-section .event-type-list .event-type-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #949494;
  padding: 2px 0 2px 10px;
}
.event-types-section .event-type-list .event-type-list-item__text {
  font-size: 12px;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.single-select-list__option--disabled {
  color: #b9b9b9;
  opacity: 1;
}
/* Red shades */
/* Green shades */
/* Gray shades */
/* Yellow shades */
/* Orange shades */
/* Dark shades */
/* White shades */
.event-blueprints .created-at--column {
  padding-left: 24px;
}
.event-blueprints .table-list-layout__tbody td.blueprint-actions {
  padding-left: 0;
  display: flex;
  justify-content: flex-end;
}
.event-blueprints .table-list-layout__tbody td.blueprint-actions button {
  display: flex;
  align-items: center;
  height: 25px;
  padding: 7px 12px;
  margin: 0;
}
.event-blueprints .table-list-layout__tbody td.blueprint-actions button span {
  font-size: 10px;
}
.event-blueprints .table-list-layout__tbody td.blueprint-actions button.view-details {
  width: 83px;
}
.event-blueprints .table-list-layout__tbody td.blueprint-actions button.edit-template {
  width: 42px;
  margin-left: auto;
}
.event-blueprints .created-at--column {
  padding-left: 24px;
}
.event-blueprints .table-list-layout__tbody td.blueprint-actions {
  padding-left: 0;
  display: flex;
  justify-content: flex-end;
}
.event-blueprints .table-list-layout__tbody td.blueprint-actions button {
  display: flex;
  align-items: center;
  height: 25px;
  padding: 7px 12px;
  margin: 0;
}
.event-blueprints .table-list-layout__tbody td.blueprint-actions button span {
  font-size: 10px;
}
.event-blueprints .table-list-layout__tbody td.blueprint-actions button.view-details {
  width: 83px;
}
.event-blueprints .table-list-layout__tbody td.blueprint-actions button.edit-template {
  width: 42px;
  margin-left: auto;
}
.oe-form--meeting-template .oe-form-field__control,
.oe-form--meeting-template .rich-text-editor .ck-content p {
  font-size: 13px;
}
.oe-form--meeting-template .meeting-toggle {
  display: flex;
  align-items: center;
}
.oe-form--meeting-template .meeting-toggle label.switch {
  min-width: 36px;
}
.oe-form--connection-template .oe-form-field__control,
.oe-form--connection-template .rich-text-editor .ck-content p {
  font-size: 13px;
}
.oe-form--connection-template .rich-text-editor {
  margin-top: 0;
}
.oe-form--connection-template .oe-form__row .multi-select-list__option {
  border-bottom: none;
  padding-left: 0;
}
.oe-form--connection-template .connection-list__connection-wrapper {
  padding-left: 0px;
}
.oe-form--connection-template .connection-list__item {
  width: 50%;
}
.oe-form--connection-template .expiration-date-toggle {
  margin-bottom: 5px !important;
}
.oe-form--connection-template .expiration-date input[type=number] {
  width: 70px;
  display: inline;
}
.email-template-form {
  height: 73%;
}
.email-template-form__subject {
  height: auto;
}
.email-template-form__email-body {
  height: 80%;
}
.email-template-form__email-body .body-editor {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.email-template-form__email-body .body-editor .ck.ck-editor {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.email-template-form__email-body .body-editor .ck.ck-editor__main {
  flex-grow: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.email-template-form__email-body .body-editor .ck.ck-editor__main .ck.ck-content.ck-editor__editable {
  width: 100%;
  flex-grow: 1;
}