.medium-editor-anchor-preview,.medium-editor-toolbar{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;z-index:2000}@-webkit-keyframes medium-editor-image-loading{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes medium-editor-image-loading{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes medium-editor-pop-upwards{0%{opacity:0;-webkit-transform:matrix(.97,0,0,1,0,12);transform:matrix(.97,0,0,1,0,12)}20%{opacity:.7;-webkit-transform:matrix(.99,0,0,1,0,2);transform:matrix(.99,0,0,1,0,2)}40%{opacity:1;-webkit-transform:matrix(1,0,0,1,0,-1);transform:matrix(1,0,0,1,0,-1)}100%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}}@keyframes medium-editor-pop-upwards{0%{opacity:0;-webkit-transform:matrix(.97,0,0,1,0,12);transform:matrix(.97,0,0,1,0,12)}20%{opacity:.7;-webkit-transform:matrix(.99,0,0,1,0,2);transform:matrix(.99,0,0,1,0,2)}40%{opacity:1;-webkit-transform:matrix(1,0,0,1,0,-1);transform:matrix(1,0,0,1,0,-1)}100%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}}.medium-editor-anchor-preview{left:0;line-height:1.4;max-width:280px;position:absolute;text-align:center;top:0;word-break:break-all;word-wrap:break-word;visibility:hidden}.medium-editor-anchor-preview a{color:#fff;display:inline-block;margin:5px 5px 10px}.medium-editor-placeholder-relative:after,.medium-editor-placeholder:after{content:attr(data-placeholder)!important;white-space:pre;padding:inherit;margin:inherit;font-style:italic}.medium-editor-anchor-preview-active{visibility:visible}.medium-editor-dragover{background:#ddd}.medium-editor-image-loading{-webkit-animation:medium-editor-image-loading 1s infinite ease-in-out;animation:medium-editor-image-loading 1s infinite ease-in-out;background-color:#333;border-radius:100%;display:inline-block;height:40px;width:40px}.medium-editor-placeholder{position:relative}.medium-editor-placeholder:after{position:absolute;left:0;top:0}.medium-editor-placeholder-relative,.medium-editor-placeholder-relative:after{position:relative}.medium-toolbar-arrow-over:before,.medium-toolbar-arrow-under:after{border-style:solid;content:'';display:block;height:0;left:50%;margin-left:-8px;position:absolute;width:0}.medium-toolbar-arrow-under:after{border-width:8px 8px 0}.medium-toolbar-arrow-over:before{border-width:0 8px 8px;top:-8px}.medium-editor-toolbar{left:0;position:absolute;top:0;visibility:hidden}.medium-editor-toolbar ul{margin:0;padding:0}.medium-editor-toolbar li{float:left;list-style:none;margin:0;padding:0}.medium-editor-toolbar li button{box-sizing:border-box;cursor:pointer;display:block;font-size:14px;line-height:1.33;margin:0;padding:15px;text-decoration:none}.medium-editor-toolbar li button:focus{outline:0}.medium-editor-toolbar li .medium-editor-action-underline{text-decoration:underline}.medium-editor-toolbar li .medium-editor-action-pre{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px;font-weight:100;padding:15px 0}.medium-editor-toolbar-active{visibility:visible}.medium-editor-sticky-toolbar{position:fixed;top:1px}.medium-editor-relative-toolbar{position:relative}.medium-editor-toolbar-active.medium-editor-stalker-toolbar{-webkit-animation:medium-editor-pop-upwards 160ms forwards linear;animation:medium-editor-pop-upwards 160ms forwards linear}.medium-editor-action-bold{font-weight:bolder}.medium-editor-action-italic{font-style:italic}.medium-editor-toolbar-form{display:none}.medium-editor-toolbar-form a,.medium-editor-toolbar-form input{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.medium-editor-toolbar-form .medium-editor-toolbar-form-row{line-height:14px;margin-left:5px;padding-bottom:5px}.medium-editor-toolbar-form .medium-editor-toolbar-input,.medium-editor-toolbar-form label{border:none;box-sizing:border-box;font-size:14px;margin:0;padding:6px;width:316px;display:inline-block}.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,.medium-editor-toolbar-form label:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;outline:0}.medium-editor-toolbar-form a{display:inline-block;font-size:24px;font-weight:bolder;margin:0 10px;text-decoration:none}.medium-editor-toolbar-form-active{display:block}.medium-editor-toolbar-actions:after{clear:both;content:"";display:table}.medium-editor-element{word-wrap:break-word;min-height:30px}.medium-editor-element img{max-width:100%}.medium-editor-element sub{vertical-align:sub}.medium-editor-element sup{vertical-align:super}.medium-editor-hidden{display:none}.medium-toolbar-arrow-under:after{border-color:#242424 transparent transparent;top:50px}.medium-toolbar-arrow-over:before{border-color:transparent transparent #242424;top:-8px}.medium-editor-toolbar{background-color:#242424;background:-webkit-linear-gradient(top,#242424,rgba(36,36,36,.75));background:linear-gradient(to bottom,#242424,rgba(36,36,36,.75));border:1px solid #000;border-radius:5px;box-shadow:0 0 3px #000}.medium-editor-toolbar li button{background-color:#242424;background:-webkit-linear-gradient(top,#242424,rgba(36,36,36,.89));background:linear-gradient(to bottom,#242424,rgba(36,36,36,.89));border:0;border-right:1px solid #000;border-left:1px solid #333;border-left:1px solid rgba(255,255,255,.1);box-shadow:0 2px 2px rgba(0,0,0,.3);color:#fff;height:50px;min-width:50px;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in}.medium-editor-toolbar li button:hover{background-color:#000;color:#ff0}.medium-editor-toolbar li .medium-editor-button-first{border-bottom-left-radius:5px;border-top-left-radius:5px}.medium-editor-toolbar li .medium-editor-button-last{border-bottom-right-radius:5px;border-top-right-radius:5px}.medium-editor-toolbar li .medium-editor-button-active{background-color:#000;background:-webkit-linear-gradient(top,#242424,rgba(0,0,0,.89));background:linear-gradient(to bottom,#242424,rgba(0,0,0,.89));color:#fff}.medium-editor-toolbar-form{background:#242424;border-radius:5px;color:#999}.medium-editor-toolbar-form .medium-editor-toolbar-input{background:#242424;box-sizing:border-box;color:#ccc;height:50px}.medium-editor-toolbar-form a{color:#fff}.medium-editor-toolbar-anchor-preview{background:#242424;border-radius:5px;color:#fff}.medium-editor-placeholder:after{color:#b3b3b1}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  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, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.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, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.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 {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

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

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-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;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.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 {
  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 {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

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

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.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;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.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: 30px;
  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 {
  padding: 5px 10px;
}

.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-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__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--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 {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--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) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

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

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.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 {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.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 {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\D7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.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;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
:root {
  --grey-darkest: #4c4f50;
  --grey-dark: #8b9293;
  --grey-lightest: #f7f7f7;
  --grey-light: #d3d6d7;
  --grey: #a9b0b0;
  --grey-200: #e9ecef;


  --dp-loader-size-xs: 1rem;
  --dp-loader-size-s: 2rem;
  --dp-loader-size-m: 3rem;
  --dp-loader-size-l: 4rem;
  --dp-loader-size-xl: 5rem;

  --brand-primary: #3d88f3;
  --brand-dark-primary: rgb(61, 141, 255);
  --brand-secondary: #a9b0b0;
  --error-color: #f16c7c;
  --label-color: var(--grey-darkest);
  --text-color: var(--grey-darkest);
  --description-color: #5f768a;
  --valid-label: #4eba5c;
  --box-shadow-30: rgba(39, 41, 86, 0.3);
  --option-background: #fff;
  --checkbox-border: var(--grey-light);
  --input-background: var(--grey-lightest);
  --input-border: #3A8DDE;
  --input-height: 44px;
  --input-padding: 17px 12px;
  --textarea-background: var(--grey-lightest);
  --placeholder-color: var(--grey);

}

.dp-pc_form {
  box-sizing: border-box;
  font-family: 'Rubik', sans-serif;
}

.dp-pc_form * {
    box-sizing: border-box;
  }

.dp-pc_form .dp-pc_submit {
    width: 135px;
    height: 48px;
    margin-top: 5px;
    border-radius: 4px;
    background-color: var(--brand-primary);
    font-size: 18px;
    color: white;
    border: 0;
    transition: 0.2s ease all;
  }

.dp-pc_form .dp-pc_submit:hover, .dp-pc_form .dp-pc_submit:focus {
      background-color: var(--brand-dark-primary);
      box-shadow: 4px 4px 6px var(--box-shadow-30);
      outline: none;
    }

.dp-pc_form .dp-pc_submit:active {
      box-shadow: inset 4px 4px 4px rgba(39, 41, 86, 0.2);
    }

.dp-pc_field {
  position: relative;
  margin-bottom: 20px;
}

.dp-pc_field input.dp-pc_input {
    border: 1px solid var(--input-border);
    border-radius: 3px;
    background-color: var(--input-background);
    color: var(--text-color);
    display: block;
    font-size: 18px;
    height: var(--input-height);
    padding: var(--input-padding);
    width: 100%;
  }

.dp-pc_field input.dp-pc_input.disabled,
    .dp-pc_field input.dp-pc_input:disabled,
    .dp-pc_field input.dp-pc_input[readonly] {
      background-color: var(--grey-200);
      opacity: 1;
    }

.dp-pc_field input:-webkit-autofill,
  .dp-pc_field input:-internal-autofill-selected
  {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: var(--text-color) !important;
    background-color: var(--input-background) !important;
    color: var(--text-color) !important;
  }

.dp-pc_field input:focus {
    outline: none;
  }

.dp-pc_field .dp-pc_label {
    color: var(--label-color);
    font-size: 14px;
    font-weight: normal;
    pointer-events: none;
    margin: 0 0 15px 0;
  }

.dp-pc_field .dp-pc_error_message,
  .dp-pc_field .dp-pc_description {
    font-size: 12px;
    display: block;
  }

.dp-pc_field .dp-pc_description {
    color: var(--label-color);
    margin-bottom: 7px;
  }

/* Error Message */

.dp-pc_field .dp-pc_error_message {
    color: var(--error-color);
    margin-top: 7px;
  }

.dp-pc_field ::-webkit-input-placeholder { /* WebKit browsers */
    color: transparent;
  }

.dp-pc_field :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: transparent;
  }

.dp-pc_field ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: transparent;
  }

.dp-pc_field :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: transparent;
  }

/******************************
      Textarea
  *******************************/

.dp-pc_field textarea.dp-pc_input {
    font-size: 16px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 10px;
    line-height: 22px;
    display: block;
    color: var(--text-color);
    border: 1px solid var(--input-border);
    border-radius: 3px;
    background-color: var(--textarea-background);
    min-height: 100px;
  }

.dp-pc_field textarea.dp-pc_input:disabled,
    .dp-pc_field textarea.dp-pc_input[readonly] {
      background-color: var(--grey-200);
      opacity: 1;
    }

.dp-pc_field textarea:focus {
    outline: none;
  }

.dp-pc_field textarea ~ .indicator {
    height: 100%;
    top: 0;
  }

.dp-pc_field textarea ~ .divider {
    display: none;
  }

.dp-pc_field textarea ~ .dp-pc_description ~ .indicator {
    height: calc(100% - 30px);
  }

.dp-pc_field textarea ~ .dp-pc_description ~ .divider,
  .dp-pc_field textarea ~ .dp-pc_error_message ~ .divider {
    display: block;
  }

.dp-pc_field textarea:focus ~ .indicator:before,
  .dp-pc_field textarea:focus ~ .indicator:after {
    height: 50%;
  }

.dp-pc_field textarea ~ .dp-pc_label,

    


  .dp-pc_field .react-select__control {
    border: 1px solid var(--grey-light);
    border-radius: 3px;
    background-color: var(--input-background);
    height: var(--input-height);
    width: 100%;
    font-size: 18px;
    box-shadow: none;
    padding: 0 11px 0 12px;
  }

.dp-pc_field textarea ~ .dp-pc_label:hover, .dp-pc_field .react-select__control:hover {
      border-color: var(--brand-primary);
    }

.dp-pc_field textarea ~ .dp-pc_label .react-select__placeholder, .dp-pc_field .react-select__control .react-select__placeholder {
      color: var(--placeholder-color);
    }

.dp-pc_field textarea ~ .dp-pc_label .Select-value-label, .dp-pc_field .react-select__control .Select-value-label {
      top: 18px;
      font-size: 18px;
      position: absolute;
      color: var(--text-color);
    }

.dp-pc_field textarea ~ .dp-pc_label .react-select__input, .dp-pc_field .react-select__control .react-select__input {
      padding: 0;
    }

.dp-pc_field textarea ~ .dp-pc_label .react-select__input > input, .dp-pc_field .react-select__control .react-select__input > input {
        padding-top: 11px;
        line-height: normal;
        height: 22px;
        font-size: 18px;
        margin-top: 2px;
      }

.dp-pc_field textarea ~ .dp-pc_label .react-select__indicators .react-select__indicator-separator, .dp-pc_field .react-select__control .react-select__indicators .react-select__indicator-separator {
        display: none;
      }

.dp-pc_field textarea ~ .dp-pc_label .react-select__indicators .react-select__dropdown-indicator, .dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator {
        position: relative;
        cursor: pointer;
      }

.dp-pc_field textarea ~ .dp-pc_label .react-select__indicators .react-select__dropdown-indicator svg, .dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator svg {
          display: none;
        }

.dp-pc_field textarea ~ .dp-pc_label .react-select__indicators .react-select__dropdown-indicator:before,
        .dp-pc_field textarea ~ .dp-pc_label .react-select__indicators .react-select__dropdown-indicator:after,
        .dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator:before,
        .dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator:after {
          position: absolute;
          left: 0;
          top: 0;
          content: ' ';
          height: 14px;
          width: 2px;
          background-color: var(--brand-primary);
        }

.dp-pc_field textarea ~ .dp-pc_label .react-select__indicators .react-select__dropdown-indicator:before, .dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator:before {
          transform: rotate(-45deg);
          transition: 0.2s ease all;
        }

.dp-pc_field textarea ~ .dp-pc_label .react-select__indicators .react-select__dropdown-indicator:after, .dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator:after {
          left: 9px;
          transform: rotate(45deg);
          transition: 0.2s ease all;
        }

.dp-pc_field textarea ~ .dp-pc_label .react-select__indicators .dp-react-select__dropdown-indicator, .dp-pc_field .react-select__control .react-select__indicators .dp-react-select__dropdown-indicator {
        position: absolute;
        top: -10px;
        left: -15px;
        bottom: -10px;
        right: -5px;
        cursor: pointer;
      }

.dp-pc_field textarea ~ .dp-pc_label.react-select__control--is-focused .react-select__dropdown-indicator, .dp-pc_field .react-select__control.react-select__control--is-focused .react-select__dropdown-indicator {
        top: 0;
      }

.dp-pc_field textarea ~ .dp-pc_label.react-select__control--is-focused .react-select__dropdown-indicator:before, .dp-pc_field .react-select__control.react-select__control--is-focused .react-select__dropdown-indicator:before {
          transform: rotate(45deg);
        }

.dp-pc_field textarea ~ .dp-pc_label.react-select__control--is-focused .react-select__dropdown-indicator:after, .dp-pc_field .react-select__control.react-select__control--is-focused .react-select__dropdown-indicator:after {
          transform: rotate(-45deg);
        }

.dp-pc_field textarea ~ .dp-pc_label .react-select__value-container, .dp-pc_field .react-select__control .react-select__value-container {
      padding-left: 0;
    }

.dp-pc_field textarea ~ .dp-pc_label .react-select__value-container .react-select__single-value, .dp-pc_field .react-select__control .react-select__value-container .react-select__single-value {
        color: var(--label-color);
        margin: 0;
      }

.dp-pc_field textarea ~ .dp-pc_label.react-select__value-container--has-value > .react-select__single-value,
    .dp-pc_field textarea ~ .dp-pc_label.has-value.is-pseudo-focused > .Select-control .Select-value .Select-value-label,
    .dp-pc_field .react-select__control.react-select__value-container--has-value > .react-select__single-value,
    .dp-pc_field .react-select__control.has-value.is-pseudo-focused > .Select-control .Select-value .Select-value-label {
      color: var(--label-color);
    }

.dp-pc_field .react-select__menu {
    margin-top: 8px;
    width: 100%;
    border: 1px solid #D3D6D7;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    color: var(--text-color);
  }

.dp-pc_field .react-select__menu .react-select__option {
      font-size: 16px;
      padding: 10px;
      position: relative;
      background-color: var(--option-background);
    }

.dp-pc_field .react-select__menu .react-select__option.react-select__option--is-focused {
        background-color: var(--brand-secondary);
        color: var(--brand-primary);
      }

.dp-pc_field .react-select__menu .react-select__option.react-select__option--is-selected {
        color: var(--brand-primary);
        background-color: var(--brand-secondary);
      }

.dp-pc_field .react-select__menu .react-select__option.react-select__option--is-back {
        padding-left: 25px;
      }

.dp-pc_field .react-select__menu .react-select__option--arrow {
      position: absolute;
      right: 15px;
      top: 9px;
    }

.dp-pc_field .react-select__menu .react-select__option--arrow:before,
      .dp-pc_field .react-select__menu .react-select__option--arrow:after {
        position: absolute;
        left: 0;
        top: 0;
        content: ' ';
        height: 12px;
        width: 2px;
        background-color: var(--brand-primary);
      }

.dp-pc_field .react-select__menu .react-select__option--arrow:before {
        transform: rotate(-45deg);
        transition: 0.2s ease all;
      }

.dp-pc_field .react-select__menu .react-select__option--arrow:after {
        top: 7px;
        transform: rotate(45deg);
        transition: 0.2s ease all;
      }

.dp-pc_field .react-select__menu .react-select__option--back-arrow {
      position: absolute;
      left: 10px;
      top: 9px;
    }

.dp-pc_field .react-select__menu .react-select__option--back-arrow:before,
      .dp-pc_field .react-select__menu .react-select__option--back-arrow:after {
        position: absolute;
        left: 0;
        top: 0;
        content: ' ';
        height: 12px;
        width: 2px;
        background-color: var(--brand-primary);
      }

.dp-pc_field .react-select__menu .react-select__option--back-arrow:before {
        transform: rotate(45deg);
        transition: 0.2s ease all;
      }

.dp-pc_field .react-select__menu .react-select__option--back-arrow:after {
        top: 7px;
        transform: rotate(-45deg);
      }

.dp-pc_field .react-select__is-focused ~ .indicator:before,
  .dp-pc_field .react-select__is-focused ~ .indicator:after {
    height: 50%;
  }

/******************************
      Multiple Dropdown
  *******************************/

.dp-pc_field .react-select-multi .react-select__control {
    padding-left: 6px;
    height: auto;
    min-height: var(--input-height);
  }

.dp-pc_field .react-select-multi .react-select__control .react-select__value-container--is-multi {
      padding: 6px 0 0;
    }

.dp-pc_field .react-select-multi .react-select__control .react-select__value-container--is-multi .react-select__multi-value {
        line-height: 1;
        background-color: var(--option-background);
        color: var(--text-color);
        border-radius: 4px;
        border: 1px solid var(--checkbox-border);
        margin-top: 0;
        margin-bottom: 6px;
        display: inline-block;
      }

.dp-pc_field .react-select-multi .react-select__control .react-select__value-container--is-multi > [class$=-Input] {
        margin-top: 0;
        padding-top: 0;
      }

.dp-pc_field .react-select-multi .react-select__control .react-select__multi-value__label {
      position: static;
      font-size: 14px;
      padding: 4px;
      display: inline-block;
    }

.dp-pc_field .react-select-multi .react-select__control .react-select__multi-value__remove {
      border-right: none;
      font-size: 18px;
      padding: 0 5px;
      display: inline-block;
    }

.dp-pc_field .react-select-multi .react-select__control .react-select__indicators {
      align-self: flex-start;
      margin-top: 12px;
    }

.dp-pc_field .react-select-multi .react-select__control .react-select__input > input {
      margin-top: 0;
    }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox {
        height: auto;
        padding-left: 0;
      }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox {
          margin-top: 0;
        }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox > input {
            display: none;
          }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox > i {
            width: 16px;
            height: 16px;
            top: 2px;
            border-radius: 4px;
            border: 1px solid var(--checkbox-border);
            display: inline-block;
            position: relative;
            background-color: #FFF;
            margin: 0 7px 0 14px;
          }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox > i::after {
              content: '';
              width: 11px;
              height: 6px;
              position: absolute;
              top: 3px;
              left: 2px;
              border: 2px solid white;
              border-top: none;
              border-right: none;
              background: transparent;
              opacity: 0;
              transform: rotate(-45deg);
              box-sizing: border-box;
            }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox > input:checked + i {
            background-color: var(--brand-primary);
            border-color: var(--brand-primary);
          }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox > input:checked + i::after {
              opacity: 1 !important;
              transition: .2s;
            }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox .dp-pc_checkbox__label {
            padding: 0;
            color: var(--label-color);
          }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .react-select__option--is-focused {
        background: none;
      }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .react-select__option--is-focused .dp-pc_checkbox__checkbox i {
          border-color: var(--text-color);
        }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .react-select__option--is-focused > span[class$='a11yText'] {
          height: 1px;
          width: 1px;
          position: absolute;
        }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .react-select__option--is-selected {
        background: none;
      }

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .react-select__option--is-selected .dp-pc_checkbox__label {
          padding: 0;
          color: var(--text-color);
        }

/******************************
        Input checkboxes
  *******************************/

.dp-pc_field .dp-pc_checkboxes {
    width: 100%;
  }

.dp-pc_field .dp-pc_checkboxes_checkbox {
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
  }

.dp-pc_field .dp-pc_checkboxes_checkbox > input {
      display: none;
    }

.dp-pc_field .dp-pc_checkboxes_checkbox > i {
      width: 16px;
      height: 16px;
      top: 2px;
      border-radius: 4px;
      border: 1px solid var(--checkbox-border);
      display: inline-block;
      position: relative;
      margin-right: 3px;
      background-color: #FFF;
    }

.dp-pc_field .dp-pc_checkboxes_checkbox > i::after {
        content: '';
        width: 11px;
        height: 6px;
        position: absolute;
        top: 3px;
        left: 2px;
        border: 2px solid white;
        border-top: none;
        border-right: none;
        background: transparent;
        opacity: 0;
        transform: rotate(-45deg);
        box-sizing: border-box;
      }

.dp-pc_field .dp-pc_checkboxes_checkbox > input:checked + i {
      background-color: var(--brand-primary);
      border-color: var(--brand-primary);
    }

.dp-pc_field .dp-pc_checkboxes_checkbox > input:checked + i::after {
        opacity: 1 !important;
        transition: .2s;
      }

.dp-pc_field .dp-pc_checkboxes_checkbox > input:checked ~ span.label {
      color: var(--text-color);
    }

.dp-pc_field .dp-pc_checkboxes_checkbox span.label {
      color: var(--label-color);
      margin-right: 20px;
      font-size: 14px;
    }

.dp-pc_field .dp-pc_checkboxes_checkbox:focus,
    .dp-pc_field .dp-pc_checkboxes_checkbox:hover {
      outline: none;
    }

.dp-pc_field .dp-pc_checkboxes_checkbox:focus i, .dp-pc_field .dp-pc_checkboxes_checkbox:hover i {
        border-color: var(--text-color);
      }

.dp-pc_field .dp-pc_checkboxes_label {
    font-size: 14px;
    color: var(--label-color);
  }

/******************************
      Input radio
  *******************************/

.dp-pc_field .dp-pc_radio_description {
    position: absolute;
    top: 28px;
  }

.dp-pc_field .dp-pc_radios {
    padding: 23px 10px 0 0;
    width: 100%;
  }

.dp-pc_field .dp-pc_radios.dp-pc_radio-with-desc {
      padding-top: 36px;
    }

.dp-pc_field .dp-pc_radio {
    margin-top: 10px;
    display: inline-block;
  }

.dp-pc_field .dp-pc_radio > input {
      display: none;
    }

.dp-pc_field .dp-pc_radio > i {
      height: 16px;
      width: 16px;
      top: 2px;
      border-radius: 50%;
      border: 1px solid var(--checkbox-border);
      display: inline-block;
      cursor: pointer;
      position: relative;
      margin-right: 3px;
      background-color: #FFF;
    }

.dp-pc_field .dp-pc_radio > i::after {
        content: '';
        position: absolute;
        background-color: white;
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transition: 0s;
      }

.dp-pc_field .dp-pc_radio > input:checked + i {
      background-color: var(--brand-primary);
      border-color: var(--brand-primary);
    }

.dp-pc_field .dp-pc_radio > input:checked + i::after {
        width: 6px;
        height: 6px;
        top: 4px;
        left: 4px;
        transition: .2s;
      }

.dp-pc_field .dp-pc_radio > input:checked ~ span.label {
      color: var(--text-color);
    }

.dp-pc_field .dp-pc_radio span.label {
      color: var(--label-color);
      margin-right: 20px;
      font-size: 14px;
    }

.dp-pc_field .dp-pc_radio:focus {
      outline: none;
    }

.dp-pc_field .dp-pc_radio:focus i {
        border-color: var(--text-color);
      }

.dp-pc_field .dp-pc_radio_label {
    position: absolute;
    top: 7px;
    font-size: 14px;
    color: var(--label-color);
  }

.dp-pc_field .dp-pc_radio_label.dp-pc_radio-with-desc {
      top: 0;
    }

.dp-pc_field.dp-pc_error .dp-pc_radio > i {
      border-color: var(--error-color);
    }

.dp-pc_field .dp-pc_radios.focused ~ .indicator:before,
  .dp-pc_field .dp-pc_radios.focused ~ .indicator:after {
    height: 50%;
  }

/******************************
      File Upload
  *******************************/

.dp-pc_field .dp-pc_file-upload {
    color: var(--grey);
  }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone {
      border: 2px dashed var(--checkbox-border);
      border-radius: 4px;
      display: inline-block;
      padding: 10px;
      cursor: pointer;
      width: 100%;
    }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone .choose {
        border: 2px solid var(--checkbox-border);
        border-radius: 4px;
        padding: 10px;
        display: inline-block;
      }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone .or {
        display: inline-block;
        padding: 16px 10px;
      }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone .dnd {
        display: inline-block;
      }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone svg {
        height: 17px;
        width: 17px;
        margin-right: 8px;
        margin-bottom: -2px;
      }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone:hover .choose,
      .dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone .choose:focus {
        outline: none;
        border-color: var(--brand-primary);
        color: var(--brand-primary);
        transition: 0.2s ease all;
      }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone:hover .choose svg [class$=st0], .dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone .choose:focus svg [class$=st0] {
          fill: var(--brand-primary);
          transition: 0.2s ease all;
        }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone.active {
        border-color: var(--brand-primary);
        transition: 0.2s ease all;
      }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone.active .dnd {
          color: var(--brand-primary);
        }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone.active .dnd svg [class$=st0] {
            fill: var(--brand-primary);
          }

.dp-pc_field .dp-pc_file-upload.error .dp-pc_file-upload__dropzone {
      border-color: var(--danger, #E84954);
    }

.dp-pc_field .dp-pc_file-upload > ul {
      list-style: none;
      padding-left: 0;
      margin: 0;
    }

.dp-pc_field .dp-pc_file-upload > ul > li {
        margin-top: 8px;
        height: 17px;
        font-size: 14px;
        color: var(--description-color);
      }

.dp-pc_field .dp-pc_file-upload > ul > li .dp-pc_file-upload_remove-file {
          color: var(--grey-light);
          margin-left: 5px;
          font-size: 12px;
          cursor: pointer;
        }

.dp-pc_field .dp-pc_file-upload > ul > li .dp-pc_file-upload_remove-file svg {
            width: 9px;
          }

.dp-pc_field .dp-pc_file-upload > ul > li .dp-pc_file-upload_remove-file svg path {
              fill: var(--grey-light);
            }

.dp-pc_field .dp-pc_file-upload > ul > li .dp-pc_file-upload_remove-file:hover {
            color: var(--error-color);
            transition: 0.2s ease all;
          }

.dp-pc_field .dp-pc_file-upload > ul > li .dp-pc_file-upload_remove-file:hover svg path {
              fill: var(--error-color);
              transition: 0.2s ease all;
            }

.dp-pc_field .dp-pc_file-upload > ul > li.error {
          color: var(--danger, #E84954);
        }

.dp-pc_field .dp-pc_file-upload ~ .indicator {
      top: 40px;
      height: 75px;
    }

.dp-pc_field .dp-pc_file-upload.focused ~ .indicator:before,
      .dp-pc_field .dp-pc_file-upload.focused ~ .indicator:after {
        height: 50%;
      }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-full-dnd {
      font-size: 14px;
      display: flex;
      flex-direction: row;
      margin-left: -7px;
    }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-full-dnd * {
        line-height: 150%;
        color: var(--grey-darkest);
        vertical-align: middle;
      }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-full-dnd label {
        cursor: pointer;
      }

.dp-pc_field .dp-pc_file-upload .dp-pc_file-full-dnd .or {
        color: var(--grey-light);
      }

.dp-pc_field.dp-pc_error .dp-pc_file-upload__dropzone {
    border-color: var(--error-color);
  }

.dp-pc_field.dp-pc_error .dp-pc_file-upload__dropzone .choose svg [class$=st0], .dp-pc_field.dp-pc_error .dp-pc_file-upload__dropzone .dnd svg [class$=st0] {
        fill: var(--error-color);
      }

.dp-pc_field .dp-pc_file-input_label {
    position: absolute;
    top: 10px;
    font-size: 16px;
    color: var(--label-color);
    left: 10px;
  }

/******************************
      Date Picker
  *******************************/

.dp-pc_field .dp-pc_date-picker {
    width: 100%;
    background-color: var(--input-background);
    border: 1px solid var(--input-border);
    border-radius: 3px;
  }

.dp-pc_field .dp-pc_date-picker input.dp-pc_date-picker_input {
      font-size: 18px;
      padding: var(--input-padding);
      background-color: var(--input-background);
      display: block;
      height: var(--input-height);
      color: var(--text-color);
      border: none;
      margin-bottom: 1px;
    }

.dp-pc_field .dp-pc_date-picker svg {
      width: 20px;
      margin-left: 5px;
      margin-bottom: -4px;
    }

.dp-pc_field .dp-pc_date-picker svg + div {
      display: inline-block;
      width: calc(100% - 25px);
    }

.dp-pc_field .dp-pc_date-picker .react-datepicker-wrapper {
      width: calc(100% - 25px);
    }

.dp-pc_field .dp-pc_date-picker .react-datepicker__input-container {
      width: 100%;
    }

.dp-pc_field .dp-pc_date-picker.focused svg [class$=st0] {
        fill: var(--brand-primary);
      }

.dp-pc_field .dp-pc_date-picker .react-datepicker__current-month--hasYearDropdown.react-datepicker__current-month--hasMonthDropdown {
      display: none;
    }

.dp-pc_field .dp-pc_date-picker .react-datepicker__time-list {
      -webkit-padding-start: 0;
    }

.dp-pc_field .dp-pc_date-picker_label {
    left: 40px;
  }

/******************************
      Likert scale
  *******************************/

.dp-pc_field .dp-pc_likert {
    width: 100%;
    padding: 30px 10px 10px 0;
  }

.dp-pc_field .dp-pc_likert label {
      cursor: pointer;
    }

.dp-pc_field .dp-pc_likert .dp-pc_likert_input {
      display: inline-block;
      width: 100px;
      text-align: center;
      color: var(--label-color);
    }

.dp-pc_field .dp-pc_likert .dp-pc_likert_input:first-child .dp-pc_likert_number {
        border-left-width: 1px;
        border-radius: 4px 0 0 4px;
      }

.dp-pc_field .dp-pc_likert .dp-pc_likert_input:last-child .dp-pc_likert_number {
        border-right-width: 1px;
        border-radius: 0 4px 4px 0;
      }

.dp-pc_field .dp-pc_likert .dp-pc_likert_input:focus {
        outline: none;
      }

.dp-pc_field .dp-pc_likert .dp-pc_likert_input:focus .dp-pc_likert_number {
          background-color: var(--brand-primary);
          color: #fff;
        }

.dp-pc_field .dp-pc_likert .dp-pc_likert_input:focus .dp-pc_likert_label {
          color: var(--brand-primary);
        }

.dp-pc_field .dp-pc_likert.focused ~ .indicator:before,
    .dp-pc_field .dp-pc_likert.focused ~ .indicator:after {
      height: 50%;
    }

.dp-pc_field .dp-pc_likert .dp-pc_likert_number {
      height: 25px;
      display: block;
      font-size: 16px;
      border-color: var(--checkbox-border);
      background-color: var(--textarea-background);
      border-width: 1px 0;
      border-style: solid;
      line-height: 25px;
    }

.dp-pc_field .dp-pc_likert .dp-pc_likert_label {
      display: block;
      font-size: 12px;
      margin-top: 6px;
    }

.dp-pc_field .dp-pc_likert input:checked ~ .dp-pc_likert_number {
      background-color: var(--valid-label) !important;
      color: #fff;
    }

.dp-pc_field .dp-pc_likert input:checked ~ .dp-pc_likert_label {
      color: var(--valid-label) !important;
    }

.dp-pc_field .dp-pc_likert ~ .indicator {
      top: 0;
      height: 72px;
    }

.dp-pc_field .dp-pc_likert ~ .dp-pc_label,
  .dp-pc_field.dp-pc_field--tel .dp-pc_label,
  .dp-pc_field.dp-pc_field--tel input:focus ~ .dp-pc_label {
    font-size: inherit;
    color: var(--label-color);
    top: 0;
  }

.dp-pc_field.dp-pc_field--tel .react-select {
      width: 120px;
      display: inline-block;
    }

.dp-pc_field.dp-pc_field--tel .react-select .react-select__menu {
        width: auto;
      }

.dp-pc_field.dp-pc_field--tel .react-select .react-select__menu .react-select__option {
          white-space: nowrap;
        }

.dp-pc_field.dp-pc_field--tel .react-select .react-select__menu .react-select__option .react-select__description {
            color: var(--label-color);
            font-size: 13px;
          }

.dp-pc_field.dp-pc_field--tel .react-select .react-select__single-value .react-select__description {
        display: none;
      }

.dp-pc_field.dp-pc_field--tel .react-select .react-select__placeholder {
        color: var(--grey-light);
      }

.dp-pc_field.dp-pc_field--tel .dp-pc_input {
      display: inline-block;
      width: calc(100% - 120px);
      vertical-align: top;
      margin-left: 0;
    }

.dp-pc_field.dp-pc_field--tel ::-webkit-input-placeholder { /* WebKit browsers */
      color: var(--grey-light);
    }

.dp-pc_field.dp-pc_field--tel :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color: var(--grey-light);
    }

.dp-pc_field.dp-pc_field--tel ::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: var(--grey-light);
    }

.dp-pc_field.dp-pc_field--tel :-ms-input-placeholder { /* Internet Explorer 10+ */
      color: var(--grey-light);
    }

.dp-pc_field .autocomplete__wrapper {
    position: relative;
  }

.dp-pc_field .autocomplete__wrapper .autocomplete__hint,
    .dp-pc_field .autocomplete__wrapper .autocomplete__input {
      -webkit-appearance: none;
      border: 2px solid var(--grey-light);
      border-radius: 3px; /* Safari 10 on iOS adds implicit border rounding. */
      height: var(--input-height);
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      margin-bottom: 0; /* BUG: Safari 10 on macOS seems to add an implicit margin. */
      width: 100%;
      padding: 0 11px 0 12px;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__input {
      background-color: transparent;
      position: relative;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__menu {
      background-color: #fff;
      border: 1px solid #D3D6D7;
      color: var(--text-color);
      border-radius: 4px;
      margin: 8px 0;
      max-height: 342px;
      overflow-x: hidden;
      padding: 4px 0;
      width: 100%;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__menu--visible {
      display: block;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__menu--hidden {
      display: none;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__menu--overlay {
      box-shadow: rgba(0, 0, 0, 0.256863) 0px 2px 6px;
      left: 0;
      position: absolute;
      top: 100%;
      z-index: 100;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__menu--inline {
      position: relative;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__option {
      border-bottom: solid #b1b4b6;
      border-width: 1px 0;
      cursor: pointer;
      display: block;
      position: relative;
      font-size: 16px;
      padding: 10px;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__option > * {
      pointer-events: none;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__option:first-of-type {
      border-top-width: 0;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__option:last-of-type {
      border-bottom-width: 0;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__option--odd {
      background-color: #FAFAFA;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__option--focused,
    .dp-pc_field .autocomplete__wrapper .autocomplete__option:hover {
      background-color: #1d70b8;
      border-color: #1d70b8;
      color: white;
      outline: none;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__option--no-results {
      background-color: #FAFAFA;
      color: #646b6f;
      cursor: not-allowed;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__hint,
    .dp-pc_field .autocomplete__wrapper .autocomplete__input,
    .dp-pc_field .autocomplete__wrapper .autocomplete__option {
      font-size: 16px;
      line-height: 1.25;
    }

.dp-pc_field .autocomplete__wrapper .autocomplete__hint,
    .dp-pc_field .autocomplete__wrapper .autocomplete__option {
      padding: 10px;
    }

.dp-pc_field .autocomplete__wrapper .dp-react-select__dropdown-indicator {
      z-index: -1;
      display: inline-block;
      position: absolute;
      right: 8px;
      width: 24px;
      height: 24px;
      top: 14px;
    }

.dp-pc_field .autocomplete__wrapper .dp-react-select__dropdown-indicator:before,
      .dp-pc_field .autocomplete__wrapper .dp-react-select__dropdown-indicator:after {
        position: absolute;
        left: 0;
        top: 0;
        content: ' ';
        height: 14px;
        width: 2px;
        background-color: var(--brand-primary);
      }

.dp-pc_field .autocomplete__wrapper .dp-react-select__dropdown-indicator:before {
        transform: rotate(-45deg);
      }

.dp-pc_field .autocomplete__wrapper .dp-react-select__dropdown-indicator:after {
        left: 9px;
        transform: rotate(45deg);
      }

.dp-pc_field .autocomplete__wrapper input[aria-expanded=true] + .dp-react-select__dropdown-indicator:before {
        transform: rotate(45deg);
      }

.dp-pc_field .autocomplete__wrapper input[aria-expanded=true] + .dp-react-select__dropdown-indicator:after {
        transform: rotate(-45deg);
      }

.dp-pc_full-dnd__droparea {
  position: absolute;
  background-color: #FFF;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  border: solid 2px var(--brand-primary);
  border-radius: 4px;
}

.dp-pc_full-dnd__droparea > div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center;
  }

.dp-pc_full-dnd__droparea > div p {
      color: var(--grey-dark);
    }

.dp-pc_full-dnd__droparea .dp-progress {
    width: 80%;
  }

.dp-pc_full-dnd__droparea div.dp-pc_full-dnd__droparea_error svg {
      width: 56px;
      height: 56px;
      color: var(--error-color);
    }

.dp-pc_full-dnd__droparea div.dp-pc_full-dnd__droparea_error > p {
      color: var(--error-color);
    }

.dp-pc_full-dnd__droparea div.dp-pc_full-dnd__droparea_error button {
      background: var(--error-color);
      border-radius: 4px;
      color: white;
      font-size: 16px;
      padding: 10px 1rem;
      cursor: pointer;
    }

.dp-pc_field.dp-pc_multi-select .react-select__control {
  height: inherit;
}
.dp-pc_form.show-hover .dp-pc_likert .dp-pc_likert_input:hover .dp-pc_likert_number {
      background-color: var(--brand-primary);
      color: #fff;
    }
.dp-pc_form.show-hover .dp-pc_likert .dp-pc_likert_input:hover .dp-pc_likert_label {
      color: var(--brand-primary);
    }
.dp-progress {
  width: 100%;
  margin: 2px 0;
}
.dp-progress--s .dp-progress__bar {
      height: 1px;
    }
.dp-progress--m .dp-progress__bar {
      height: 2px;
      border-radius: 1px;
    }
.dp-progress--l .dp-progress__bar {
      height: 5px;
      border-radius: 2.5px;
    }
.dp-progress--primary .dp-progress__bar {
      background-color: var(--brand-primary);
    }
.dp-progress--cta .dp-progress__bar {
      background-color: var(--valid-label);
    }
.dp-cascading-dropdown .children {
    margin-top: 10px;
    margin-left: 50px;
    position: relative;
  }
.dp-cascading-dropdown .children .dp-cascading-dropdown:before {
      width: 50px;
      height: 44px;
      position: absolute;
      top: 0;
      left: -50px;
      content: ' ';
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzMiAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAwLjVWMjEuMjVIMjYuMjUiIHN0cm9rZT0iI0E5QjBCMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCAyIi8+PHBhdGggZD0iTTMyIDIxLjI1TDIzIDI2LjQ0NjJMMjMgMTYuMDUzOEwzMiAyMS4yNVoiIGZpbGw9IiNBOUIwQjAiLz48L3N2Zz4=");
      background-position: top -4px left 20px;
      background-repeat: no-repeat;
      background-size: 26px 90%;
    }

.dp-pc_checkbox__checkbox:focus {
    outline: none;
  }

.dp-pc_description.dp-pc_checkboxes_description {
  margin-bottom: -5px;
  margin-top: 12px;
}

.dp-loader {
  display: inline-block;
  margin: 12px;
}

.dp-loader svg {
    animation-duration: 1s;
    transform-origin: 50% 50%;
    animation-name: loader-rotate;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }

.dp-loader svg .st0 {
      opacity: 1;
    }

.dp-loader svg .st1 {
      fill: var(--brand-primary)
    }

.dp-loader svg .st2 {
      fill: var(--brand-dark-primary);
    }

.dp-loader svg .st3 {
      fill: var(--brand-secondary);
    }

.dp-loader--xs {
  height: var(--dp-loader-size-xs);
  width:  var(--dp-loader-size-xs);
}

.dp-loader--xs svg {
    height: var(--dp-loader-size-xs);
    width:  var(--dp-loader-size-xs);
  }

.dp-loader--s {
  height: var(--dp-loader-size-s);
  width:  var(--dp-loader-size-s);
}

.dp-loader--s svg {
    height: var(--dp-loader-size-s);
    width:  var(--dp-loader-size-s);
  }

.dp-loader--m {
  height: var(--dp-loader-size-m);
  width:  var(--dp-loader-size-m);
}

.dp-loader--m svg {
    height: var(--dp-loader-size-m);
    width:  var(--dp-loader-size-m);
  }

.dp-loader--l {
  height: var(--dp-loader-size-l);
  width:  var(--dp-loader-size-l);
}

.dp-loader--l svg {
    height: var(--dp-loader-size-l);
    width:  var(--dp-loader-size-l);
  }

.dp-loader--xl {
  height: var(--dp-loader-size-xl);
  width:  var(--dp-loader-size-xl);
}

.dp-loader--xl svg {
    height: var(--dp-loader-size-xl);
    width:  var(--dp-loader-size-xl);
  }

.dp-loader--hidden svg {
    display: none;
  }

@keyframes loader-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
 * This vars file is based off of Bootstrap. Not all vars are used.
 *
 * The most obviously unused ones (e.g., modal windows, etc) were removed.
 * There are some vars that remain that are not actually used but
 * perhaps should be. E.g. using dropdown colours.
 */
.deskpro-standard-message-formatting, .dp-medium-rte-wrapper .dp-medium-rte {
  color: #4C4F50;
  line-height: 18px;
}
.deskpro-standard-message-formatting p, .dp-medium-rte-wrapper .dp-medium-rte p, .deskpro-standard-message-formatting .dp-p, .dp-medium-rte-wrapper .dp-medium-rte .dp-p {
  color: #4C4F50;
  line-height: 18px;
  margin: 0 0 8px;
}
.deskpro-standard-message-formatting strong, .dp-medium-rte-wrapper .dp-medium-rte strong, .deskpro-standard-message-formatting b, .dp-medium-rte-wrapper .dp-medium-rte b, .deskpro-standard-message-formatting .dp-bold, .dp-medium-rte-wrapper .dp-medium-rte .dp-bold {
  font-weight: bold;
}
.deskpro-standard-message-formatting u, .dp-medium-rte-wrapper .dp-medium-rte u, .deskpro-standard-message-formatting .dp-underline, .dp-medium-rte-wrapper .dp-medium-rte .dp-underline {
  text-decoration: underline;
}
.deskpro-standard-message-formatting em, .dp-medium-rte-wrapper .dp-medium-rte em, .deskpro-standard-message-formatting i, .dp-medium-rte-wrapper .dp-medium-rte i, .deskpro-standard-message-formatting .dp-italic, .dp-medium-rte-wrapper .dp-medium-rte .dp-italic {
  font-style: italic;
}
.deskpro-standard-message-formatting blockquote, .dp-medium-rte-wrapper .dp-medium-rte blockquote, .deskpro-standard-message-formatting .dp-bq, .dp-medium-rte-wrapper .dp-medium-rte .dp-bq {
  display: block;
  margin: 15px 0 15px 0;
  padding-left: 5px;
  border-left: 2px solid #e6e6e6;
  color: #585c5d;
}
.deskpro-standard-message-formatting code, .dp-medium-rte-wrapper .dp-medium-rte code, .deskpro-standard-message-formatting .dp-code, .dp-medium-rte-wrapper .dp-medium-rte .dp-code {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  color: #c7254e;
  background: #f9f2f4;
}
.deskpro-standard-message-formatting pre, .dp-medium-rte-wrapper .dp-medium-rte pre, .deskpro-standard-message-formatting .dp-pre, .dp-medium-rte-wrapper .dp-medium-rte .dp-pre {
  background: #f5f5f5;
  border: 1px solid #ccc;
  color: #303030;
  border-radius: 3px;
  padding: 6px;
  white-space: pre-wrap;
  overflow: auto;
  max-height: 340px;
  margin: 15px 0 15px 0;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  line-height: 110%;
  display: block;
}
.deskpro-standard-message-formatting pre p, .dp-medium-rte-wrapper .dp-medium-rte pre p, .deskpro-standard-message-formatting .dp-pre p, .dp-medium-rte-wrapper .dp-medium-rte .dp-pre p {
  margin: 0;
  padding: 0;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.deskpro-standard-message-formatting h1, .dp-medium-rte-wrapper .dp-medium-rte h1, .deskpro-standard-message-formatting h2, .dp-medium-rte-wrapper .dp-medium-rte h2, .deskpro-standard-message-formatting h3, .dp-medium-rte-wrapper .dp-medium-rte h3, .deskpro-standard-message-formatting h4, .dp-medium-rte-wrapper .dp-medium-rte h4,
.deskpro-standard-message-formatting .dp-h1,
.dp-medium-rte-wrapper .dp-medium-rte .dp-h1, .deskpro-standard-message-formatting .dp-h2, .dp-medium-rte-wrapper .dp-medium-rte .dp-h2, .deskpro-standard-message-formatting .dp-h3, .dp-medium-rte-wrapper .dp-medium-rte .dp-h3, .deskpro-standard-message-formatting .dp-h4, .dp-medium-rte-wrapper .dp-medium-rte .dp-h4 {
  font-family: inherit;
  margin: 7px 0;
  display: block;
  line-height: 128%;
  padding: 0;
  font-weight: normal;
}
.deskpro-standard-message-formatting h1, .dp-medium-rte-wrapper .dp-medium-rte h1, .deskpro-standard-message-formatting .dp-h1, .dp-medium-rte-wrapper .dp-medium-rte .dp-h1 {
  font-size: 200%;
}
.deskpro-standard-message-formatting h2, .dp-medium-rte-wrapper .dp-medium-rte h2, .deskpro-standard-message-formatting .dp-h2, .dp-medium-rte-wrapper .dp-medium-rte .dp-h2 {
  font-size: 170%;
}
.deskpro-standard-message-formatting h3, .dp-medium-rte-wrapper .dp-medium-rte h3, .deskpro-standard-message-formatting .dp-h3, .dp-medium-rte-wrapper .dp-medium-rte .dp-h3 {
  font-size: 150%;
}
.deskpro-standard-message-formatting h4, .dp-medium-rte-wrapper .dp-medium-rte h4, .deskpro-standard-message-formatting .dp-h4, .dp-medium-rte-wrapper .dp-medium-rte .dp-h4 {
  font-size: 125%;
}
.deskpro-standard-message-formatting ul, .dp-medium-rte-wrapper .dp-medium-rte ul, .deskpro-standard-message-formatting ol, .dp-medium-rte-wrapper .dp-medium-rte ol, .deskpro-standard-message-formatting .dp-list, .dp-medium-rte-wrapper .dp-medium-rte .dp-list, .deskpro-standard-message-formatting .dp-ul-list, .dp-medium-rte-wrapper .dp-medium-rte .dp-ul-list, .deskpro-standard-message-formatting .dp-ol-list, .dp-medium-rte-wrapper .dp-medium-rte .dp-ol-list {
  margin: 8px 0;
  padding: 0;
  display: block;
}
.deskpro-standard-message-formatting ul > li, .dp-medium-rte-wrapper .dp-medium-rte ul > li, .deskpro-standard-message-formatting ol > li, .dp-medium-rte-wrapper .dp-medium-rte ol > li, .deskpro-standard-message-formatting .dp-list > li, .dp-medium-rte-wrapper .dp-medium-rte .dp-list > li, .deskpro-standard-message-formatting .dp-ul-list > li, .dp-medium-rte-wrapper .dp-medium-rte .dp-ul-list > li, .deskpro-standard-message-formatting .dp-ol-list > li, .dp-medium-rte-wrapper .dp-medium-rte .dp-ol-list > li {
  display: list-item;
  margin: 8px 0 8px 20px;
}
.deskpro-standard-message-formatting ul > li, .dp-medium-rte-wrapper .dp-medium-rte ul > li, .deskpro-standard-message-formatting .dp-ul-list > li, .dp-medium-rte-wrapper .dp-medium-rte .dp-ul-list > li {
  list-style: disc;
}
.deskpro-standard-message-formatting ol > li, .dp-medium-rte-wrapper .dp-medium-rte ol > li, .deskpro-standard-message-formatting .dp-ol-list > li, .dp-medium-rte-wrapper .dp-medium-rte .dp-ol-list > li {
  list-style: decimal;
}

.with-dpui .medium-editor-toolbar {
  display: none;
}

.medium-editor-toolbar ul {
  margin: 0 !important;
  padding: 0 !important;
}

.medium-editor-toolbar-actions {
  float: left;
}

.dp-medium-rte-wrapper {
  position: relative;
}
.dp-medium-rte-wrapper .dp-medium-rte {
  min-height: 125px;
}
.dp-medium-rte-wrapper .dp-medium-rte.with-toolbar {
  padding-top: 38px;
}
.dp-medium-rte-wrapper .dp-medium-rte.medium-editor-placeholder:after {
  padding: 0.75em 1em;
}
.dp-medium-rte-wrapper .medium-editor-toolbar {
  visibility: visible;
  background: #fff;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  box-shadow: none;
  top: 1px;
  right: 1px;
  left: 1px;
}
.dp-medium-rte-wrapper .medium-editor-toolbar.medium-editor-toolbar-active button {
  color: #8B9293;
}
.dp-medium-rte-wrapper .medium-editor-toolbar button {
  background: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: #8B9293;
  padding: 8px;
  height: 30px;
  min-width: 30px;
  line-height: 15px;
  text-shadow: none;
}
.dp-medium-rte-wrapper .medium-editor-toolbar button:hover, .dp-medium-rte-wrapper .medium-editor-toolbar button.medium-editor-button-active {
  color: #4C4F50;
  background: transparent;
}
.dp-medium-rte-wrapper.form-control .medium-editor-toolbar {
  background: #f7f7f7;
}
.dp-medium-rte-wrapper .medium-editor-toolbar-form {
  background: #fff;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  box-shadow: none;
}
.dp-medium-rte-wrapper .medium-editor-toolbar-form .medium-editor-toolbar-input {
  background: transparent;
  height: 30px;
  color: #4C4F50;
}
.dp-medium-rte-wrapper .medium-editor-toolbar-form a {
  color: #4C4F50;
}
.dp-medium-rte-wrapper .dp-medium-rte-wrapper-overlay {
  background-color: rgba(175, 192, 213, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3000;
  text-align: center;
}
.dp-medium-rte-wrapper .dp-medium-rte-wrapper-overlay h1 {
  margin-top: 55px;
}

.react-datepicker__time-list {
  padding-inline-start: 0;
}

.react-datepicker__input-container input {
  border: none;
  background: none;
}