/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}
.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}
.DraftEditor-root {
  position: relative;
}
.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}
.public-DraftEditor-block {
  position: relative;
}
.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}
.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}
.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}
.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}
.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}
.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}
.DraftEditorPlaceholder-hidden {
  display: none;
}
.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}
.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}
.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}
.public-DraftStyleDefault-listLTR {
  direction: ltr;
}
.public-DraftStyleDefault-listRTL {
  direction: rtl;
}
.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}
.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}
.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1, lower-alpha) ". ";
  counter-increment: ol1;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2, lower-roman) ". ";
  counter-increment: ol2;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4, lower-alpha) ". ";
  counter-increment: ol4;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}
.RichEditor-root {
  padding: 10px 15px;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  transition: all 100ms ease-in-out;
}
.RichEditor-root:hover {
  border-color: #b3bcc9;
}
.RichEditor-root.RichEditor-focused {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.RichEditor-root.RichEditor-focused.error-input {
  border-color: #d592ff;
  box-shadow: 0px 0 0 1px inset #d592ff !important;
}
.RichEditor-root.error-input {
  border-color: #d592ff;
  box-shadow: 0px 0 0 0 inset transparent;
}
.RichEditor-editor {
  border-top: 1px solid #e7ebef;
  cursor: text;
  margin-top: 15px;
}
.public-DraftEditor-content {
  min-height: 60px !important;
}
.public-DraftEditorPlaceholder-root {
  height: 100%;
}
.RichEditor-hidePlaceholder .public-DraftEditorPlaceholder-root {
  display: none;
}
.public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
  color: #697386;
  height: 100%;
  overflow: hidden;
}
.RichEditor-editor .RichEditor-blockquote {
  border-left: 5px solid #edf0f3;
  color: #424d60;
  font-family: "Hoefler Text", "Georgia", serif;
  font-style: italic;
  margin: 16px 0;
  padding: 10px 20px;
}
.RichEditor-editor .public-DraftStyleDefault-pre {
  background-color: rgba(27, 31, 54, 0.05);
  font-family: "Inconsolata", "Menlo", "Consolas", monospace;
  padding: 20px;
}
.RichEditor-controls {
  font-size: 14px;
  margin-bottom: 5px;
  user-select: none;
}
.RichEditor-styleButton {
  color: #697386;
  cursor: pointer;
  margin-right: 16px;
  padding: 2px 0;
  display: inline-block;
}
.RichEditor-activeButton {
  color: #5890ff;
}
.draftJsMentionPlugin__mention,
.draftJsMentionPlugin__mention:visited {
  display: inline-block;
  border: 1px solid #5decdf;
  background: #abfff7;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 8px;
  text-decoration: none;
}
.draftJsMentionPlugin__mention:hover,
.draftJsMentionPlugin__mention:focus {
  outline: 0;
}
.draftJsMentionPlugin__mentionSuggestionsEntry,
.draftJsMentionPlugin__mentionSuggestionsEntry:active,
.draftJsMentionPlugin__mentionSuggestionsEntryFocused {
  font-size: 1rem;
  padding: 6px 12px;
}
.draftJsMentionPlugin__mentionSuggestionsEntry:active {
  color: #ffffff;
  background-color: #0c5bfa;
}
.draftJsMentionPlugin__mentionSuggestionsEntryFocused {
  color: #ffffff;
  background-color: #0c5bfa;
}
.draftJsMentionPlugin__mentionSuggestionsEntryText {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.draftJsMentionPlugin__mentionSuggestionsEntryAvatar {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.draftJsMentionPlugin__mentionSuggestions {
  margin-top: 0.4em;
  position: absolute;
  max-width: 440px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  cursor: pointer;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transform: scale(0);
  overflow: hidden;
}
.draftJsToolbar__buttonsWrapper {
  display: block;
}
.draftJsToolbar__buttonWrapper {
  display: inline-block;
}
.draftJsToolbar__button {
  background: #ffffff;
  color: #b3bcc9;
  font-size: 18px;
  border: 0;
  padding: 6px auto;
  vertical-align: middle;
  height: 40px;
  width: auto;
}
.draftJsToolbar__button svg {
  fill: #b3bcc9;
}
.draftJsToolbar__button:hover,
.draftJsToolbar__button:focus {
  background: #edf0f3;
  color: #1b1f36;
  outline: 0;
}
.draftJsToolbar__button:hover.draftJsToolbar__button svg,
.draftJsToolbar__button:focus.draftJsToolbar__button svg {
  fill: #1b1f36;
}
.draftJsToolbar__active {
  color: #1b1f36;
}
.draftJsToolbar__active svg {
  fill: #1b1f36;
}
.draftJsToolbar__separator {
  display: inline-block;
  border-right: 1px solid #dde3e9;
  height: 24px;
  margin: 0 0.5em;
}
.draftJsToolbar__toolbar {
  left: 50%;
  -webkit-transform: translate(-50%) scale(0);
  transform: translate(-50%) scale(0);
  position: absolute;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  z-index: 2;
  box-sizing: border-box;
}
.draftJsToolbar__toolbar:after,
.draftJsToolbar__toolbar:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
body.bp3-overlay-open {
  overflow: hidden;
}
.bp3-overlay {
  position: static;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
}
.bp3-overlay:not(.bp3-overlay-open) {
  pointer-events: none;
}
.bp3-overlay.bp3-overlay-scroll-container {
  position: fixed;
  overflow: auto;
}
.bp3-overlay.bp3-overlay-scroll-container.bp3-overlay-inline {
  position: absolute;
}
.bp3-overlay.bp3-overlay-inline {
  display: inline;
  overflow: visible;
}
.bp3-overlay-content {
  position: fixed;
  z-index: 20;
}
.bp3-overlay-inline .bp3-overlay-content,
.bp3-overlay-scroll-container .bp3-overlay-content {
  position: absolute;
}
.bp3-overlay-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  z-index: 20;
  background-color: rgba(16, 22, 26, 0.7);
  overflow: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bp3-overlay-backdrop.bp3-overlay-enter,
.bp3-overlay-backdrop.bp3-overlay-appear {
  opacity: 0;
}
.bp3-overlay-backdrop.bp3-overlay-enter-active,
.bp3-overlay-backdrop.bp3-overlay-appear-active {
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.bp3-overlay-backdrop.bp3-overlay-exit {
  opacity: 1;
}
.bp3-overlay-backdrop.bp3-overlay-exit-active {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.bp3-overlay-backdrop:focus {
  outline: none;
}
.bp3-overlay-inline .bp3-overlay-backdrop {
  position: absolute;
}
.bp3-popover {
  -webkit-box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  -webkit-transform: scale(1);
  transform: scale(1);
  border-radius: 8px;
  display: inline-block;
  z-index: 20;
}
.bp3-popover .bp3-popover-arrow {
  height: 30px;
  position: absolute;
  width: 30px;
}
.bp3-popover .bp3-popover-arrow::before {
  height: 20px;
  margin: 5px;
  width: 20px;
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top > .bp3-popover {
  margin-bottom: 17px;
  margin-top: -17px;
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top > .bp3-popover > .bp3-popover-arrow {
  bottom: -11px;
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top > .bp3-popover > .bp3-popover-arrow svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-right > .bp3-popover {
  margin-left: 17px;
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-right > .bp3-popover > .bp3-popover-arrow {
  left: -11px;
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-right > .bp3-popover > .bp3-popover-arrow svg {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom > .bp3-popover {
  margin-top: 17px;
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom > .bp3-popover > .bp3-popover-arrow {
  top: -11px;
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom > .bp3-popover > .bp3-popover-arrow svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-left > .bp3-popover {
  margin-left: -17px;
  margin-right: 17px;
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-left > .bp3-popover > .bp3-popover-arrow {
  right: -11px;
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-left > .bp3-popover > .bp3-popover-arrow svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bp3-tether-element-attached-middle > .bp3-popover > .bp3-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bp3-tether-element-attached-center > .bp3-popover > .bp3-popover-arrow {
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-top > .bp3-popover > .bp3-popover-arrow {
  top: -0.3934px;
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-right > .bp3-popover > .bp3-popover-arrow {
  right: -0.3934px;
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-left > .bp3-popover > .bp3-popover-arrow {
  left: -0.3934px;
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-bottom > .bp3-popover > .bp3-popover-arrow {
  bottom: -0.3934px;
}
.bp3-tether-element-attached-top.bp3-tether-element-attached-left > .bp3-popover {
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.bp3-tether-element-attached-top.bp3-tether-element-attached-center > .bp3-popover {
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.bp3-tether-element-attached-top.bp3-tether-element-attached-right > .bp3-popover {
  -webkit-transform-origin: top right;
  transform-origin: top right;
}
.bp3-tether-element-attached-middle.bp3-tether-element-attached-left > .bp3-popover {
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.bp3-tether-element-attached-middle.bp3-tether-element-attached-center > .bp3-popover {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.bp3-tether-element-attached-middle.bp3-tether-element-attached-right > .bp3-popover {
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.bp3-tether-element-attached-bottom.bp3-tether-element-attached-left > .bp3-popover {
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}
.bp3-tether-element-attached-bottom.bp3-tether-element-attached-center > .bp3-popover {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.bp3-tether-element-attached-bottom.bp3-tether-element-attached-right > .bp3-popover {
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}
.bp3-popover .bp3-popover-content {
  background: #ffffff;
  color: inherit;
}
.bp3-popover .bp3-popover-arrow::before {
  -webkit-box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
}
.bp3-popover .bp3-popover-arrow-border {
  fill: #10161a;
  fill-opacity: 0;
}
.bp3-popover .bp3-popover-arrow-fill {
  fill: #ffffff;
}
.bp3-popover-enter > .bp3-popover,
.bp3-popover-appear > .bp3-popover {
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
}
.bp3-popover-enter-active > .bp3-popover,
.bp3-popover-appear-active > .bp3-popover {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
}
.bp3-popover-exit > .bp3-popover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.bp3-popover-exit-active > .bp3-popover {
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
}
.bp3-popover .bp3-popover-content {
  border-radius: 8px;
  position: relative;
}
.bp3-popover.bp3-popover-content-sizing .bp3-popover-content {
  max-width: 350px;
  padding: 20px;
}
.bp3-popover-target + .bp3-overlay .bp3-popover.bp3-popover-content-sizing {
  width: 350px;
}
.bp3-popover.bp3-minimal {
  margin: 0 !important;
}
.bp3-popover.bp3-minimal .bp3-popover-arrow {
  display: none;
}
.bp3-popover.bp3-minimal.bp3-popover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.bp3-popover-enter > .bp3-popover.bp3-minimal.bp3-popover,
.bp3-popover-appear > .bp3-popover.bp3-minimal.bp3-popover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.bp3-popover-enter-active > .bp3-popover.bp3-minimal.bp3-popover,
.bp3-popover-appear-active > .bp3-popover.bp3-minimal.bp3-popover {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-popover-exit > .bp3-popover.bp3-minimal.bp3-popover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.bp3-popover-exit-active > .bp3-popover.bp3-minimal.bp3-popover {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-popover.bp3-dark,
.bp3-dark .bp3-popover {
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
}
.bp3-popover.bp3-dark .bp3-popover-content,
.bp3-dark .bp3-popover .bp3-popover-content {
  background: #30404d;
  color: inherit;
}
.bp3-popover.bp3-dark .bp3-popover-arrow::before,
.bp3-dark .bp3-popover .bp3-popover-arrow::before {
  -webkit-box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
  box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
}
.bp3-popover.bp3-dark .bp3-popover-arrow-border,
.bp3-dark .bp3-popover .bp3-popover-arrow-border {
  fill: #10161a;
  fill-opacity: 0.2;
}
.bp3-popover.bp3-dark .bp3-popover-arrow-fill,
.bp3-dark .bp3-popover .bp3-popover-arrow-fill {
  fill: #30404d;
}
.bp3-popover-arrow::before {
  border-radius: 2px;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bp3-tether-pinned .bp3-popover-arrow {
  display: none;
}
.bp3-popover-backdrop {
  background: rgba(255, 255, 255, 0);
}
.bp3-transition-container {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1070;
}
.bp3-transition-container.bp3-popover-enter,
.bp3-transition-container.bp3-popover-appear {
  opacity: 0;
}
.bp3-transition-container.bp3-popover-enter-active,
.bp3-transition-container.bp3-popover-appear-active {
  opacity: 1;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-transition-container.bp3-popover-exit {
  opacity: 1;
}
.bp3-transition-container.bp3-popover-exit-active {
  opacity: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-transition-container:focus {
  outline: none;
}
.bp3-transition-container.bp3-popover-leave .bp3-popover-content {
  pointer-events: none;
}
.bp3-transition-container[data-x-out-of-boundaries] {
  display: none;
}
span.bp3-popover-target {
  display: inline-block;
}
.bp3-popover-wrapper.bp3-fill {
  width: 100%;
}
.bp3-popover .bp3-popover-arrow {
  display: none;
}
.bp3-popover .bp3-popover-arrow::before {
  display: none;
}
.bp3-popover-enter > .bp3-popover,
.bp3-popover-appear > .bp3-popover {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.bp3-popover-enter-active > .bp3-popover,
.bp3-popover-appear-active > .bp3-popover {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.bp3-popover-exit > .bp3-popover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.bp3-popover-exit-active > .bp3-popover {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.avatar-block .bp3-popover-wrapper {
  line-height: 0;
  display: block;
}
.main-menu-popover {
  z-index: 1060;
  overflow: hidden;
}
.main-menu-popover .bp3-popover-content .main-menu-popover-container .main-menu-popover-modules {
  display: flex;
  flex-wrap: wrap;
}
.main-menu-popover .bp3-popover-content .main-menu-popover-container .main-menu-popover-modules a {
  display: block;
  min-width: 200px;
  max-width: 300px;
  padding: 20px;
  transition: none;
}
.main-menu-popover .bp3-popover-content .main-menu-popover-container .main-menu-popover-modules a .main-menu-popover-section-name {
  display: block;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
  line-height: 1.35;
}
.main-menu-popover .bp3-popover-content .main-menu-popover-container .main-menu-popover-modules a .main-menu-popover-section-description {
  display: block;
  font-size: 0.9rem;
  color: #424d60;
  padding-top: 10px;
}
.main-menu-popover .bp3-popover-content .main-menu-popover-container .main-menu-popover-modules a:hover {
  background: #0c5bfa;
}
.main-menu-popover .bp3-popover-content .main-menu-popover-container .main-menu-popover-modules a:hover .main-menu-popover-section-name,
.main-menu-popover .bp3-popover-content .main-menu-popover-container .main-menu-popover-modules a:hover .main-menu-popover-section-description {
  color: #ffffff;
}
.main-menu-popover .bp3-popover-content .main-menu-popover-container .main-menu-popover-features {
  display: block;
  border-top: 1px solid #f3f5f7;
}
.main-menu-popover .bp3-popover-content .main-menu-popover-container .main-menu-popover-features ul a {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: block;
  color: #1b1f36;
  padding: 10px 20px;
  transition: none;
}
.main-menu-popover .bp3-popover-content .main-menu-popover-container .main-menu-popover-features ul a:hover {
  color: #ffffff;
  background: #0c5bfa;
}
.facet-list-popover {
  max-width: 300px;
  border-radius: 15px;
}
.facet-list-popover .bp3-popover-content {
  border-radius: 15px;
}
.facet-list-popover .bp3-popover-content .bp3-menu .facet-list {
  text-align: center;
  padding: 15px;
  border-radius: 15px;
}
.facet-list-popover .bp3-popover-content .bp3-menu .facet-list .facet-container {
  display: inline-block;
  margin: 5px;
  border-radius: 15px;
}
.facet-list-popover .bp3-popover-content .bp3-menu .facet-list .facet-container input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.facet-list-popover .bp3-popover-content .bp3-menu .facet-list .facet-container label.facet-item {
  float: left;
  padding: 5px 10px;
  border-radius: 30px;
  transition-duration: 100ms;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
  transition-property: all;
  cursor: pointer;
}
.facet-list-popover .bp3-popover-content .bp3-menu .facet-list .facet-container label.facet-item .facet-info {
  display: flex;
  flex-flow: row wrap;
  height: 100%;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  text-align: center;
  font-size: 0.9rem;
}
.facet-list-popover .bp3-popover-content .bp3-menu .facet-list .facet-container label.facet-item:hover {
  transform: scale(1.2);
}
.talent-status-actions-popover {
  line-height: 0;
  border-radius: 30px;
}
.talent-status-actions-popover .bp3-popover-content {
  padding: 4px;
  border-radius: 30px;
}
.talent-status-actions-popover .bp3-popover-content .talent-actions-container {
  display: block;
  height: 34px;
}
.talent-status-actions-popover .bp3-popover-content .talent-actions-container .talent-actions {
  float: left;
}
.talent-status-actions-popover .bp3-popover-content .talent-actions-container .talent-actions .bp3-popover-wrapper .bp3-popover-target {
  line-height: 0;
}
.talent-status-actions-popover .bp3-popover-content .talent-actions-container .talent-actions .bp3-popover-wrapper .bp3-popover-target .talent-links-icon {
  display: inline-block;
  position: relative;
  width: 34px;
  height: 34px;
  color: #424d60;
  border-radius: 100%;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
.talent-status-actions-popover .bp3-popover-content .talent-actions-container .talent-actions .bp3-popover-wrapper .bp3-popover-target .talent-links-icon span.icon {
  position: absolute;
  display: inline-block;
  padding: 7px 0 0 7px;
}
.talent-status-actions-popover .bp3-popover-content .talent-actions-container .talent-actions .bp3-popover-wrapper .bp3-popover-target .talent-links-icon:hover {
  background: #edf0f3;
}
.talent-status-actions-popover .bp3-popover-content .talent-actions-container .talent-actions .bp3-popover-wrapper .bp3-popover-target .talent-links-icon.rejected:hover {
  color: #ffffff;
  background: #d592ff;
}
.talent-status-actions-popover .bp3-popover-content .talent-actions-container .talent-actions .bp3-popover-wrapper .bp3-popover-target .talent-links-icon.shortlisted:hover {
  color: #ffffff;
  background: #625fff;
}
.talent-status-actions-popover .bp3-popover-content .talent-actions-container .talent-actions .bp3-popover-wrapper .bp3-popover-target .talent-links-icon.selected:hover {
  color: #ffffff;
  background: #00dca6;
}
.info-popover .bp3-popover-content {
  font-size: 0.9rem;
}
.info-popover .bp3-popover-content .bp3-popover-custom-content {
  padding: 10px 16px;
}
.info-popover ul {
  list-style: disc;
}
.info-popover ul:first-child {
  padding: 0;
}
.info-popover ul .info-popover-title {
  color: #424d60;
}
.info-popover ul li {
  margin-left: 20px;
}
.bp3-tooltip {
  font-size: 0.9rem;
  margin-top: 0;
  -webkit-box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.bp3-tooltip .bp3-popover-arrow {
  display: inherit;
  position: absolute;
  width: 22px;
  height: 22px;
}
.bp3-tooltip .bp3-popover-arrow::before {
  display: inherit;
  margin: 4px;
  width: 14px;
  height: 14px;
}
.bp3-tooltip .bp3-popover-content {
  max-width: 350px;
  background: #ffffff;
  color: #1b1f36;
}
.bp3-tooltip .bp3-popover-arrow::before {
  -webkit-box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.2);
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.2);
}
.bp3-tooltip .bp3-popover-arrow-border {
  fill: #ffffff;
  fill-opacity: 0.1;
}
.bp3-tooltip .bp3-popover-arrow-fill {
  fill: #ffffff;
}
.bp3-popover-enter > .bp3-tooltip,
.bp3-popover-appear > .bp3-tooltip {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.bp3-popover-enter-active > .bp3-tooltip,
.bp3-popover-appear-active > .bp3-tooltip {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.bp3-popover-exit > .bp3-tooltip {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.bp3-popover-exit-active > .bp3-tooltip {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.bp3-tooltip .bp3-popover-content {
  padding: 10px 15px;
}
.bp3-tooltip.color-scheme-0 .bp3-popover-content {
  color: #ffffff;
  background: #00dca6;
}
.bp3-tooltip.color-scheme-0 .bp3-popover-arrow-fill {
  fill: #00dca6;
}
.bp3-tooltip.color-scheme-1 .bp3-popover-content {
  color: #ffffff;
  background: #625fff;
}
.bp3-tooltip.color-scheme-1 .bp3-popover-arrow-fill {
  fill: #625fff;
}
.bp3-tooltip.color-scheme-2 .bp3-popover-content {
  color: #ffffff;
  background: #d592ff;
}
.bp3-tooltip.color-scheme-2 .bp3-popover-arrow-fill {
  fill: #d592ff;
}
.bp3-tooltip.color-scheme-3 .bp3-popover-content {
  color: #ffffff;
  background: #ff7ba7;
}
.bp3-tooltip.color-scheme-3 .bp3-popover-arrow-fill {
  fill: #ff7ba7;
}
.bp3-tooltip.color-scheme-4 .bp3-popover-content {
  color: #ffffff;
  background: #ff7ba7;
}
.bp3-tooltip.color-scheme-4 .bp3-popover-arrow-fill {
  fill: #ff7ba7;
}
.bp3-tooltip .bp3-popover-arrow {
  display: none;
}
.bp3-tooltip .bp3-popover-arrow::before {
  display: none;
}
.tooltip-quick-info {
  max-width: 100%;
  display: inline-block;
}
.tooltip-quick-info .bp3-popover-target {
  max-width: 100%;
}
.tooltip-quick-info .tooltip-text-highlighted {
  max-width: 100%;
  display: inline-block;
  cursor: pointer;
}
.tooltip-quick-info:hover .tooltip-text-highlighted {
  position: relative;
}
.tooltip-quick-info:hover .tooltip-text-highlighted:after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #b3bcc9;
}
.screen-editor-tooltip p {
  line-height: 1.35;
}
.screen-editor-tooltip em {
  font-size: 0.9rem;
  color: #424d60;
}
.screen-editor-tooltip.multiple-tooltip p {
  border-bottom: 1px solid #dde3e9;
  padding-bottom: 10px;
}
.screen-editor-tooltip.multiple-tooltip p:last-child {
  padding: 10px 0 0 0;
  border: 0;
}
.response-bar-tooltip p {
  line-height: 1.35;
}
.response-bar-tooltip p.title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.response-bar-tooltip p.date {
  display: block;
  font-size: 0.9rem;
  color: #424d60;
}
.response-bar-tooltip .cross-check-icons {
  padding-top: 8px;
}
.question-editor-tooltip p {
  line-height: 1.35;
}
.question-editor-tooltip em {
  font-size: 0.9rem;
  color: #424d60;
}
.tooltip-bullet-text ul {
  padding-top: 10px;
  list-style: disc;
}
.tooltip-bullet-text ul:first-child {
  padding: 0;
}
.tooltip-bullet-text ul .tooltip-bullet-text-title {
  color: #424d60;
}
.tooltip-bullet-text ul li {
  margin-left: 20px;
}
.mail-server-response-tooltip .mail-server-response-tooltip-title {
  opacity: 0.7;
}
.mail-server-response-tooltip .mail-server-response-tooltip-text {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.ref-antifraud-tooltip .ref-antifraud-tooltip-title {
  opacity: 0.7;
}
.ref-antifraud-tooltip .ref-antifraud-tooltip-risk-level {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-left: 26px;
}
.ref-antifraud-tooltip .ref-antifraud-tooltip-risk-level i {
  position: absolute;
  margin-left: -26px;
}
.bp3-menu {
  margin: 0;
  border-radius: 8px;
  background: #ffffff;
  min-width: 180px;
  padding: 0;
  list-style: none;
  text-align: left;
  overflow: hidden;
  color: #000;
}
.bp3-menu.with-icons {
  padding: 14px 10px;
}
.bp3-menu-divider {
  display: block;
  margin: 4px;
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}
.bp3-dark .bp3-menu-divider {
  border-top-color: rgba(255, 255, 255, 0.15);
}
.bp3-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 6px 12px;
  text-decoration: none;
  line-height: 20px;
  color: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: none;
}
.bp3-menu-item.item-with-icon {
  padding: 8px 12px;
}
.bp3-menu-item.item-with-icon i.icon {
  position: absolute;
}
.bp3-menu-item.item-with-icon i.icon.rename,
.bp3-menu-item.item-with-icon i.icon.logout {
  padding-left: 1px;
}
.bp3-menu-item.item-with-icon i.icon.delete {
  padding-left: 2px;
}
.bp3-menu-item .bp3-text-overflow-ellipsis {
  padding-left: 30px;
}
.bp3-menu-item > * {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.bp3-menu-item > .bp3-fill {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.bp3-menu-item::before,
.bp3-menu-item > * {
  margin-right: 7px;
}
.bp3-menu-item:empty::before,
.bp3-menu-item > :last-child {
  margin-right: 0;
}
.bp3-menu-item > .bp3-fill {
  word-break: break-word;
}
.bp3-menu-item:hover,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  cursor: pointer;
  text-decoration: none;
}
.bp3-menu-item.warning {
  color: #bb6dec;
}
.bp3-menu-item.warning:hover {
  color: #0c5bfa;
}
.bp3-menu-item.bp3-disabled {
  background-color: inherit;
  cursor: not-allowed;
  color: rgba(92, 112, 128, 0.5);
}
.bp3-dark .bp3-menu-item {
  color: inherit;
}
.bp3-dark .bp3-menu-item:hover,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  background-color: rgba(138, 155, 168, 0.15);
  color: inherit;
}
.bp3-dark .bp3-menu-item.bp3-disabled {
  background-color: inherit;
  color: rgba(191, 204, 214, 0.5);
}
.bp3-menu-item.bp3-intent-primary {
  color: #106ba3;
}
.bp3-menu-item.bp3-intent-primary .bp3-icon {
  color: inherit;
}
.bp3-menu-item.bp3-intent-primary::before,
.bp3-menu-item.bp3-intent-primary::after,
.bp3-menu-item.bp3-intent-primary .bp3-menu-item-label {
  color: #106ba3;
}
.bp3-menu-item.bp3-intent-primary:hover,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item,
.bp3-menu-item.bp3-intent-primary.bp3-active {
  background-color: #137cbd;
}
.bp3-menu-item.bp3-intent-primary:active {
  background-color: #106ba3;
}
.bp3-menu-item.bp3-intent-primary:hover,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item,
.bp3-menu-item.bp3-intent-primary:hover::before,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::before,
.bp3-menu-item.bp3-intent-primary:hover::after,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::after,
.bp3-menu-item.bp3-intent-primary:hover .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item .bp3-menu-item-label,
.bp3-menu-item.bp3-intent-primary:active,
.bp3-menu-item.bp3-intent-primary:active::before,
.bp3-menu-item.bp3-intent-primary:active::after,
.bp3-menu-item.bp3-intent-primary:active .bp3-menu-item-label,
.bp3-menu-item.bp3-intent-primary.bp3-active,
.bp3-menu-item.bp3-intent-primary.bp3-active::before,
.bp3-menu-item.bp3-intent-primary.bp3-active::after,
.bp3-menu-item.bp3-intent-primary.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-menu-item.bp3-intent-success {
  color: #0d8050;
}
.bp3-menu-item.bp3-intent-success .bp3-icon {
  color: inherit;
}
.bp3-menu-item.bp3-intent-success::before,
.bp3-menu-item.bp3-intent-success::after,
.bp3-menu-item.bp3-intent-success .bp3-menu-item-label {
  color: #0d8050;
}
.bp3-menu-item.bp3-intent-success:hover,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item,
.bp3-menu-item.bp3-intent-success.bp3-active {
  background-color: #0f9960;
}
.bp3-menu-item.bp3-intent-success:active {
  background-color: #0d8050;
}
.bp3-menu-item.bp3-intent-success:hover,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item,
.bp3-menu-item.bp3-intent-success:hover::before,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::before,
.bp3-menu-item.bp3-intent-success:hover::after,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::after,
.bp3-menu-item.bp3-intent-success:hover .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item .bp3-menu-item-label,
.bp3-menu-item.bp3-intent-success:active,
.bp3-menu-item.bp3-intent-success:active::before,
.bp3-menu-item.bp3-intent-success:active::after,
.bp3-menu-item.bp3-intent-success:active .bp3-menu-item-label,
.bp3-menu-item.bp3-intent-success.bp3-active,
.bp3-menu-item.bp3-intent-success.bp3-active::before,
.bp3-menu-item.bp3-intent-success.bp3-active::after,
.bp3-menu-item.bp3-intent-success.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-menu-item.bp3-intent-warning {
  color: #bf7326;
}
.bp3-menu-item.bp3-intent-warning .bp3-icon {
  color: inherit;
}
.bp3-menu-item.bp3-intent-warning::before,
.bp3-menu-item.bp3-intent-warning::after,
.bp3-menu-item.bp3-intent-warning .bp3-menu-item-label {
  color: #bf7326;
}
.bp3-menu-item.bp3-intent-warning:hover,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item,
.bp3-menu-item.bp3-intent-warning.bp3-active {
  background-color: #d9822b;
}
.bp3-menu-item.bp3-intent-warning:active {
  background-color: #bf7326;
}
.bp3-menu-item.bp3-intent-warning:hover,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item,
.bp3-menu-item.bp3-intent-warning:hover::before,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::before,
.bp3-menu-item.bp3-intent-warning:hover::after,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::after,
.bp3-menu-item.bp3-intent-warning:hover .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item .bp3-menu-item-label,
.bp3-menu-item.bp3-intent-warning:active,
.bp3-menu-item.bp3-intent-warning:active::before,
.bp3-menu-item.bp3-intent-warning:active::after,
.bp3-menu-item.bp3-intent-warning:active .bp3-menu-item-label,
.bp3-menu-item.bp3-intent-warning.bp3-active,
.bp3-menu-item.bp3-intent-warning.bp3-active::before,
.bp3-menu-item.bp3-intent-warning.bp3-active::after,
.bp3-menu-item.bp3-intent-warning.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-menu-item.bp3-intent-danger {
  color: #c23030;
}
.bp3-menu-item.bp3-intent-danger .bp3-icon {
  color: inherit;
}
.bp3-menu-item.bp3-intent-danger::before,
.bp3-menu-item.bp3-intent-danger::after,
.bp3-menu-item.bp3-intent-danger .bp3-menu-item-label {
  color: #c23030;
}
.bp3-menu-item.bp3-intent-danger:hover,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item,
.bp3-menu-item.bp3-intent-danger.bp3-active {
  background-color: #db3737;
}
.bp3-menu-item.bp3-intent-danger:active {
  background-color: #c23030;
}
.bp3-menu-item.bp3-intent-danger:hover,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item,
.bp3-menu-item.bp3-intent-danger:hover::before,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::before,
.bp3-menu-item.bp3-intent-danger:hover::after,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::after,
.bp3-menu-item.bp3-intent-danger:hover .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item .bp3-menu-item-label,
.bp3-menu-item.bp3-intent-danger:active,
.bp3-menu-item.bp3-intent-danger:active::before,
.bp3-menu-item.bp3-intent-danger:active::after,
.bp3-menu-item.bp3-intent-danger:active .bp3-menu-item-label,
.bp3-menu-item.bp3-intent-danger.bp3-active,
.bp3-menu-item.bp3-intent-danger.bp3-active::before,
.bp3-menu-item.bp3-intent-danger.bp3-active::after,
.bp3-menu-item.bp3-intent-danger.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-menu-item::before {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  font-family: "Icons16", sans-serif;
  font-style: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-right: 7px;
}
.bp3-menu-item::before,
.bp3-menu-item > .bp3-icon {
  margin-top: 2px;
  color: #5c7080;
}
.bp3-menu-item .bp3-menu-item-label {
  color: #5c7080;
}
.bp3-menu-item.bp3-disabled {
  outline: none !important;
  background-color: inherit !important;
  cursor: not-allowed !important;
  color: rgba(92, 112, 128, 0.5) !important;
}
.bp3-menu-item.bp3-disabled::before,
.bp3-menu-item.bp3-disabled > .bp3-icon,
.bp3-menu-item.bp3-disabled .bp3-menu-item-label {
  color: rgba(92, 112, 128, 0.5) !important;
}
.bp3-large .bp3-menu-item {
  padding: 9px 7px;
  line-height: 22px;
}
.bp3-large .bp3-menu-item .bp3-icon {
  margin-top: 3px;
}
.bp3-large .bp3-menu-item::before {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  font-family: "Icons20", sans-serif;
  font-size: 20px;
  font-style: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-top: 1px;
  margin-right: 10px;
}
button.bp3-menu-item {
  border: none;
  background: none;
  width: 100%;
  text-align: left;
}
.bp3-menu-header {
  display: block;
  margin: 5px;
  border-top: 1px solid rgba(16, 22, 26, 0.15);
  cursor: default;
  padding-left: 2px;
}
.bp3-dark .bp3-menu-header {
  border-top-color: rgba(255, 255, 255, 0.15);
}
.bp3-menu-header:first-of-type {
  border-top: none;
}
.bp3-menu-header > h6 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #182026;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin: 0;
  padding: 10px 7px 0 1px;
  line-height: 17px;
}
.bp3-dark .bp3-menu-header > h6 {
  color: #f3f5f7;
}
.bp3-menu-header:first-of-type > h6 {
  padding-top: 0;
}
.bp3-large .bp3-menu-header > h6 {
  padding-top: 15px;
  padding-bottom: 5px;
  font-size: 18px;
}
.bp3-large .bp3-menu-header:first-of-type > h6 {
  padding-top: 0;
}
.bp3-dark .bp3-menu {
  background: #30404d;
  color: #f3f5f7;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary {
  color: #48aff0;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary .bp3-icon {
  color: inherit;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary::before,
.bp3-dark .bp3-menu-item.bp3-intent-primary::after,
.bp3-dark .bp3-menu-item.bp3-intent-primary .bp3-menu-item-label {
  color: #48aff0;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary:hover,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item,
.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active {
  background-color: #137cbd;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary:active {
  background-color: #106ba3;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary:hover,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item,
.bp3-dark .bp3-menu-item.bp3-intent-primary:hover::before,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::before,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::before,
.bp3-dark .bp3-menu-item.bp3-intent-primary:hover::after,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::after,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::after,
.bp3-dark .bp3-menu-item.bp3-intent-primary:hover .bp3-menu-item-label,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item .bp3-menu-item-label,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item .bp3-menu-item-label,
.bp3-dark .bp3-menu-item.bp3-intent-primary:active,
.bp3-dark .bp3-menu-item.bp3-intent-primary:active::before,
.bp3-dark .bp3-menu-item.bp3-intent-primary:active::after,
.bp3-dark .bp3-menu-item.bp3-intent-primary:active .bp3-menu-item-label,
.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active,
.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active::before,
.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active::after,
.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-dark .bp3-menu-item.bp3-intent-success {
  color: #3dcc91;
}
.bp3-dark .bp3-menu-item.bp3-intent-success .bp3-icon {
  color: inherit;
}
.bp3-dark .bp3-menu-item.bp3-intent-success::before,
.bp3-dark .bp3-menu-item.bp3-intent-success::after,
.bp3-dark .bp3-menu-item.bp3-intent-success .bp3-menu-item-label {
  color: #3dcc91;
}
.bp3-dark .bp3-menu-item.bp3-intent-success:hover,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item,
.bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active {
  background-color: #0f9960;
}
.bp3-dark .bp3-menu-item.bp3-intent-success:active {
  background-color: #0d8050;
}
.bp3-dark .bp3-menu-item.bp3-intent-success:hover,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item,
.bp3-dark .bp3-menu-item.bp3-intent-success:hover::before,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::before,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::before,
.bp3-dark .bp3-menu-item.bp3-intent-success:hover::after,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::after,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::after,
.bp3-dark .bp3-menu-item.bp3-intent-success:hover .bp3-menu-item-label,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item .bp3-menu-item-label,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item .bp3-menu-item-label,
.bp3-dark .bp3-menu-item.bp3-intent-success:active,
.bp3-dark .bp3-menu-item.bp3-intent-success:active::before,
.bp3-dark .bp3-menu-item.bp3-intent-success:active::after,
.bp3-dark .bp3-menu-item.bp3-intent-success:active .bp3-menu-item-label,
.bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active,
.bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active::before,
.bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active::after,
.bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning {
  color: #ffb366;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning .bp3-icon {
  color: inherit;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning::before,
.bp3-dark .bp3-menu-item.bp3-intent-warning::after,
.bp3-dark .bp3-menu-item.bp3-intent-warning .bp3-menu-item-label {
  color: #ffb366;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning:hover,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item,
.bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active {
  background-color: #d9822b;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning:active {
  background-color: #bf7326;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning:hover,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item,
.bp3-dark .bp3-menu-item.bp3-intent-warning:hover::before,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::before,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::before,
.bp3-dark .bp3-menu-item.bp3-intent-warning:hover::after,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::after,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::after,
.bp3-dark .bp3-menu-item.bp3-intent-warning:hover .bp3-menu-item-label,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item .bp3-menu-item-label,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item .bp3-menu-item-label,
.bp3-dark .bp3-menu-item.bp3-intent-warning:active,
.bp3-dark .bp3-menu-item.bp3-intent-warning:active::before,
.bp3-dark .bp3-menu-item.bp3-intent-warning:active::after,
.bp3-dark .bp3-menu-item.bp3-intent-warning:active .bp3-menu-item-label,
.bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active,
.bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active::before,
.bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active::after,
.bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger {
  color: #ff7373;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger .bp3-icon {
  color: inherit;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger::before,
.bp3-dark .bp3-menu-item.bp3-intent-danger::after,
.bp3-dark .bp3-menu-item.bp3-intent-danger .bp3-menu-item-label {
  color: #ff7373;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger:hover,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item,
.bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active {
  background-color: #db3737;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger:active {
  background-color: #c23030;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger:hover,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item,
.bp3-dark .bp3-menu-item.bp3-intent-danger:hover::before,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::before,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::before,
.bp3-dark .bp3-menu-item.bp3-intent-danger:hover::after,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::after,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::after,
.bp3-dark .bp3-menu-item.bp3-intent-danger:hover .bp3-menu-item-label,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item .bp3-menu-item-label,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item .bp3-menu-item-label,
.bp3-dark .bp3-menu-item.bp3-intent-danger:active,
.bp3-dark .bp3-menu-item.bp3-intent-danger:active::before,
.bp3-dark .bp3-menu-item.bp3-intent-danger:active::after,
.bp3-dark .bp3-menu-item.bp3-intent-danger:active .bp3-menu-item-label,
.bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active,
.bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active::before,
.bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active::after,
.bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-dark .bp3-menu-item::before,
.bp3-dark .bp3-menu-item > .bp3-icon {
  color: #bfccd6;
}
.bp3-dark .bp3-menu-item .bp3-menu-item-label {
  color: #bfccd6;
}
.bp3-dark .bp3-menu-item.bp3-active,
.bp3-dark .bp3-menu-item:active {
  background-color: rgba(138, 155, 168, 0.3);
}
.bp3-dark .bp3-menu-item.bp3-disabled {
  color: rgba(191, 204, 214, 0.5) !important;
}
.bp3-dark .bp3-menu-item.bp3-disabled::before,
.bp3-dark .bp3-menu-item.bp3-disabled > .bp3-icon,
.bp3-dark .bp3-menu-item.bp3-disabled .bp3-menu-item-label {
  color: rgba(191, 204, 214, 0.5) !important;
}
.bp3-dark .bp3-menu-divider,
.bp3-dark .bp3-menu-header {
  border-color: rgba(255, 255, 255, 0.15);
}
.bp3-dark .bp3-menu-header > h6 {
  color: #f3f5f7;
}
.bp3-label .bp3-menu {
  margin-top: 5px;
}
.bp3-datepicker {
  background: #ffffff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bp3-datepicker .DayPicker {
  display: inline-block;
  min-width: 210px;
  position: relative;
  vertical-align: top;
}
.bp3-datepicker .DayPicker:focus {
  outline: none;
}
.bp3-datepicker .bp3-datepicker-day-wrapper {
  border-radius: 3px;
  padding: 7px;
}
.bp3-datepicker .DayPicker-Month {
  border-collapse: collapse;
  border-spacing: 0;
  display: inline-table;
  margin: 0 5px 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bp3-datepicker .DayPicker-Month + .bp3-datepicker .DayPicker-Month {
  margin-left: 10px;
}
.bp3-datepicker .DayPicker-Caption {
  display: table-caption;
}
.bp3-datepicker .DayPicker-Weekdays {
  display: table-header-group;
}
.bp3-datepicker .DayPicker-WeekdaysRow {
  display: table-row;
}
.bp3-datepicker .DayPicker-Weekday {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: table-cell;
  height: 30px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  padding-top: 5px;
}
.bp3-datepicker .DayPicker-Weekday abbr[title] {
  text-decoration: none;
}
.bp3-datepicker .DayPicker-Body {
  display: table-row-group;
}
.bp3-datepicker .DayPicker-Week {
  display: table-row;
}
.bp3-datepicker .DayPicker-WeekNumber {
  display: table-cell;
  height: 30px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  color: rgba(92, 112, 128, 0.6);
  font-size: 14px;
}
.bp3-datepicker .DayPicker-Day {
  display: table-cell;
  height: 30px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  border-radius: 3px;
  cursor: pointer;
}
.bp3-datepicker .DayPicker-Day.DayPicker-Day--outside {
  color: rgba(92, 112, 128, 0.6);
}
.bp3-datepicker .DayPicker-Day.DayPicker-Day--isToday .bp3-datepicker-day-wrapper {
  border: 1px solid rgba(16, 22, 26, 0.15);
}
.bp3-datepicker .DayPicker-Day:hover,
.bp3-datepicker .DayPicker-Day:focus {
  background: #d8e1e8;
  color: #182026;
}
.bp3-datepicker .DayPicker-Day:active {
  background: #ced9e0;
}
.bp3-datepicker .DayPicker-Day.DayPicker-Day--selected {
  background-color: #137cbd;
  border-radius: 3px;
  color: #ffffff;
}
.bp3-datepicker .DayPicker-Day.DayPicker-Day--selected:hover {
  background-color: #106ba3;
}
.bp3-datepicker .DayPicker-Day.DayPicker-Day--disabled {
  background: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-datepicker-navbar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.bp3-datepicker-navbar > .DayPicker-NavButton--prev {
  margin-right: auto;
}
.bp3-datepicker-navbar > .DayPicker-NavButton--next {
  margin-left: auto;
}
.bp3-datepicker-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 25px 5px;
}
.bp3-datepicker-caption > * {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.bp3-datepicker-caption > :first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.bp3-datepicker-caption select {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-left: 5px;
  padding-right: 16px;
}
.bp3-datepicker-caption select + .bp3-icon {
  right: 2px;
}
.bp3-datepicker-caption + .bp3-divider {
  margin: 0;
}
.bp3-datepicker-month-select {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.bp3-datepicker-year-select {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 60px;
}
.bp3-datepicker-caption-measure {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-left: 5px;
}
.bp3-datepicker-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bp3-datepicker-timepicker-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.bp3-daterangepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
.bp3-daterangepicker .DayPicker-NavButton--interactionDisabled {
  display: none;
}
.bp3-daterangepicker .bp3-daterangepicker-timepickers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.bp3-daterangepicker.bp3-daterangepicker-contiguous .DayPicker {
  min-width: 220px;
}
.bp3-daterangepicker.bp3-daterangepicker-single-month .DayPicker {
  min-width: 210px;
}
.bp3-daterangepicker .DayPicker-Day--outside {
  visibility: hidden;
}
.bp3-daterangepicker .DayPicker-Day--hovered-range {
  border-radius: 0;
}
.bp3-daterangepicker .DayPicker-Day--hovered-range:not(.DayPicker-Day--selected):not(.DayPicker-Day--selected-range):not(.DayPicker-Day--selected-range-start):not(.DayPicker-Day--selected-range-end) {
  background-color: #ebf1f5;
}
.bp3-daterangepicker .DayPicker-Day--selected-range {
  background-color: #ebf1f5;
  border-radius: 0;
}
.bp3-daterangepicker .DayPicker-Day--selected-range:hover {
  background-color: #ced9e0;
}
.bp3-daterangepicker .DayPicker-Day--selected-range-start:not(.DayPicker-Day--selected-range-end):not(.DayPicker-Day--hovered-range-end) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.bp3-daterangepicker .DayPicker-Day--selected-range-end:not(.DayPicker-Day--selected-range-start):not(.DayPicker-Day--hovered-range-start) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.bp3-daterangepicker .DayPicker-Day--hovered-range-start:not(.DayPicker-Day--hovered-range-end) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.bp3-daterangepicker .DayPicker-Day--hovered-range-end:not(.DayPicker-Day--hovered-range-start) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.bp3-dark .bp3-daterangepicker .DayPicker-Day--hovered-range:not(.DayPicker-Day--selected):not(.DayPicker-Day--selected-range):not(.DayPicker-Day--selected-range-start):not(.DayPicker-Day--selected-range-end) {
  background-color: #394b59;
}
.bp3-dark .bp3-daterangepicker .DayPicker-Day--selected-range {
  background-color: #394b59;
}
.bp3-dark .bp3-daterangepicker .DayPicker-Day--selected-range:hover {
  background-color: #5c7080;
}
.bp3-menu.bp3-daterangepicker-shortcuts {
  min-width: 120px;
  padding: 0;
}
.bp3-timepicker {
  white-space: nowrap;
}
.bp3-timepicker .bp3-timepicker-arrow-row {
  padding: 0 1px;
}
.bp3-timepicker .bp3-timepicker-arrow-button {
  color: #5c7080;
  display: inline-block;
  padding: 4px 0;
  text-align: center;
  width: 33px;
}
.bp3-timepicker .bp3-timepicker-arrow-button:hover {
  color: #182026;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-arrow-button {
  color: #a7b6c2;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-arrow-button:hover {
  color: #f5f8fa;
}
.bp3-timepicker .bp3-timepicker-arrow-button + .bp3-timepicker-arrow-button {
  margin-left: 11px;
}
.bp3-timepicker .bp3-timepicker-arrow-button:hover {
  cursor: pointer;
}
.bp3-timepicker .bp3-timepicker-input-row {
  background: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 1px;
  vertical-align: middle;
}
.bp3-timepicker .bp3-timepicker-divider-text {
  color: #5c7080;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  width: 11px;
}
.bp3-timepicker .bp3-timepicker-input {
  background: transparent;
  border: 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0);
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0);
  color: #182026;
  height: 28px;
  outline: 0;
  padding: 0;
  text-align: center;
  -webkit-transition: -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  transition: -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9), -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  width: 33px;
}
.bp3-timepicker .bp3-timepicker-input:focus {
  -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3);
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3);
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-primary {
  -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-primary:focus {
  -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-primary[readonly] {
  -webkit-box-shadow: inset 0 0 0 1px #137cbd;
  box-shadow: inset 0 0 0 1px #137cbd;
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-primary:disabled,
.bp3-timepicker .bp3-timepicker-input.bp3-intent-primary.bp3-disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary {
  -webkit-box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary:focus {
  -webkit-box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary[readonly] {
  -webkit-box-shadow: inset 0 0 0 1px #137cbd;
  box-shadow: inset 0 0 0 1px #137cbd;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary:disabled,
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary.bp3-disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-success {
  -webkit-box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-success:focus {
  -webkit-box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-success[readonly] {
  -webkit-box-shadow: inset 0 0 0 1px #0f9960;
  box-shadow: inset 0 0 0 1px #0f9960;
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-success:disabled,
.bp3-timepicker .bp3-timepicker-input.bp3-intent-success.bp3-disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-success {
  -webkit-box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-success:focus {
  -webkit-box-shadow: 0 0 0 1px #0f9960, 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 1px #0f9960, 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-success[readonly] {
  -webkit-box-shadow: inset 0 0 0 1px #0f9960;
  box-shadow: inset 0 0 0 1px #0f9960;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-success:disabled,
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-success.bp3-disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-warning {
  -webkit-box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-warning:focus {
  -webkit-box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-warning[readonly] {
  -webkit-box-shadow: inset 0 0 0 1px #d9822b;
  box-shadow: inset 0 0 0 1px #d9822b;
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-warning:disabled,
.bp3-timepicker .bp3-timepicker-input.bp3-intent-warning.bp3-disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning {
  -webkit-box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning:focus {
  -webkit-box-shadow: 0 0 0 1px #d9822b, 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 1px #d9822b, 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning[readonly] {
  -webkit-box-shadow: inset 0 0 0 1px #d9822b;
  box-shadow: inset 0 0 0 1px #d9822b;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning:disabled,
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning.bp3-disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-danger {
  -webkit-box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-danger:focus {
  -webkit-box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-danger[readonly] {
  -webkit-box-shadow: inset 0 0 0 1px #db3737;
  box-shadow: inset 0 0 0 1px #db3737;
}
.bp3-timepicker .bp3-timepicker-input.bp3-intent-danger:disabled,
.bp3-timepicker .bp3-timepicker-input.bp3-intent-danger.bp3-disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger {
  -webkit-box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger:focus {
  -webkit-box-shadow: 0 0 0 1px #db3737, 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 1px #db3737, 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger[readonly] {
  -webkit-box-shadow: inset 0 0 0 1px #db3737;
  box-shadow: inset 0 0 0 1px #db3737;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger:disabled,
.bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger.bp3-disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bp3-timepicker .bp3-timepicker-ampm-select {
  margin-left: 5px;
}
.bp3-timepicker.bp3-disabled .bp3-timepicker-input-row {
  background: rgba(206, 217, 224, 0.5);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
  resize: none;
}
.bp3-timepicker.bp3-disabled .bp3-timepicker-input,
.bp3-timepicker.bp3-disabled .bp3-timepicker-divider-text {
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-timepicker.bp3-disabled .bp3-timepicker-arrow-button,
.bp3-timepicker.bp3-disabled .bp3-timepicker-arrow-button:hover {
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input-row {
  background: rgba(16, 22, 26, 0.3);
  -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-timepicker .bp3-timepicker-divider-text {
  color: #a7b6c2;
}
.bp3-dark .bp3-timepicker .bp3-timepicker-input {
  color: #f5f8fa;
}
.bp3-datepicker .bp3-timepicker {
  margin-bottom: 10px;
  margin-top: 5px;
}
.bp3-datepicker .bp3-timepicker:last-child {
  margin-bottom: 5px;
}
.bp3-datetimepicker {
  background-color: #ffffff;
  border-radius: 3px;
  padding: 10px;
  text-align: center;
}
.bp3-dark .bp3-datetimepicker {
  background: #30404d;
}
.bp3-dark .bp3-datetimepicker .bp3-datepicker {
  border-bottom: 1px solid rgba(16, 22, 26, 0.4);
}
.bp3-datetimepicker .bp3-datepicker {
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
  padding: 0 0 10px;
}
.bp3-datetimepicker .bp3-timepicker {
  margin-top: 10px;
}
.bp3-dateinput-popover {
  padding: 0;
}
.bp3-datepicker ul.bp3-daterangepicker-shortcuts {
  min-width: auto;
  padding: 10px;
}
.bp3-datepicker ul.bp3-daterangepicker-shortcuts li .bp3-menu-item {
  padding: 8px 10px;
  line-height: auto;
}
.bp3-datepicker ul.bp3-daterangepicker-shortcuts li .bp3-menu-item div {
  padding: 0;
}
.bp3-datepicker ul.bp3-daterangepicker-shortcuts li .bp3-menu-item.bp3-active {
  color: #ffffff;
  background: #0c5bfa;
  border-radius: 8px;
}
.bp3-datepicker .DayPicker {
  padding: 10px;
}
.bp3-datepicker .DayPicker .bp3-datepicker-navbar.DayPicker-NavBar button.bp3-button.DayPicker-NavButton {
  background: transparent;
  line-height: 0;
  padding: 5px;
}
.bp3-datepicker .DayPicker .bp3-datepicker-navbar.DayPicker-NavBar button.bp3-button.DayPicker-NavButton.DayPicker-NavButton--prev {
  margin: 12px 0 0 12px;
}
.bp3-datepicker .DayPicker .bp3-datepicker-navbar.DayPicker-NavBar button.bp3-button.DayPicker-NavButton.DayPicker-NavButton--next {
  margin: 8px 12px auto auto;
}
.bp3-datepicker .DayPicker .bp3-datepicker-navbar.DayPicker-NavBar button.bp3-button.DayPicker-NavButton:hover {
  background: #f3f5f7;
  border-radius: 8px;
}
.bp3-datepicker .DayPicker .DayPicker-Months .DayPicker-Caption .bp3-datepicker-caption {
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 0;
}
.bp3-datepicker .DayPicker .DayPicker-Months .DayPicker-Caption .bp3-datepicker-caption .bp3-html-select.bp3-minimal.bp3-datepicker-month-select,
.bp3-datepicker .DayPicker .DayPicker-Months .DayPicker-Caption .bp3-datepicker-caption .bp3-html-select.bp3-minimal.bp3-datepicker-year-select {
  position: relative;
}
.bp3-datepicker .DayPicker .DayPicker-Months .DayPicker-Caption .bp3-datepicker-caption .bp3-datepicker-month-select {
  flex-grow: 0;
}
.bp3-datepicker .DayPicker .DayPicker-Months .DayPicker-Caption .bp3-icon.bp3-icon-double-caret-vertical {
  display: none;
}
.bp3-datepicker .DayPicker .DayPicker-Months .DayPicker-Caption .bp3-divider {
  border-bottom: 1px solid #e7ebef;
  margin: 10px 0 4px 0;
}
.bp3-datepicker .DayPicker .DayPicker-Months .DayPicker-Weekdays .DayPicker-Weekday {
  padding-top: 0;
}
.bp3-datepicker .DayPicker .DayPicker-Months .DayPicker-Weekdays .DayPicker-Weekday abbr[title] {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.bp3-datepicker .DayPicker .DayPicker-Months .DayPicker-Body .DayPicker-Day.DayPicker-Day--selected-range {
  color: #3c4257;
  background: #edf0f3;
}
.bp3-datepicker .DayPicker .DayPicker-Months .DayPicker-Body .DayPicker-Day.DayPicker-Day--selected-range:hover {
  color: #3c4257;
  background: #dde3e9;
}
.bp3-datepicker .DayPicker .DayPicker-Months .DayPicker-Body .DayPicker-Day.DayPicker-Day--selected {
  color: #ffffff;
  background: #0c5bfa;
}
.datetime-controls .bp3-control-group .bp3-input-group {
  display: inline-block;
}
.datetime-controls .bp3-control-group .bp3-input-group:first-child input {
  border-radius: 8px 0 0 8px;
  border-right: 1px solid transparent;
}
.datetime-controls .bp3-control-group .bp3-input-group:last-child input {
  border-radius: 0 8px 8px 0;
}
.datetime-controls .bp3-control-group .bp3-input-group input {
  width: 130px;
  color: #3c4257;
  padding: 8px 10px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  transition: all 100ms ease-in-out;
  text-align: center;
}
.datetime-controls .bp3-control-group .bp3-input-group input:hover {
  border-color: #b3bcc9;
}
.datetime-controls .bp3-control-group .bp3-input-group input:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.bp3-slider {
  height: 40px;
  min-width: 150px;
  width: 100%;
  cursor: default;
  outline: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bp3-slider:hover {
  cursor: pointer;
}
.bp3-slider:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.bp3-slider.bp3-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bp3-slider.bp3-slider-unlabeled {
  height: 16px;
}
.bp3-slider-track,
.bp3-slider-progress {
  height: 6px;
  left: 0;
  right: 0;
  top: 5px;
  position: absolute;
}
.bp3-slider-track {
  border-radius: 3px;
  overflow: hidden;
}
.bp3-slider-progress {
  background: rgba(92, 112, 128, 0.2);
}
.bp3-dark .bp3-slider-progress {
  background: rgba(16, 22, 26, 0.5);
}
.bp3-slider-progress.bp3-intent-primary {
  background-color: #137cbd;
}
.bp3-slider-progress.bp3-intent-success {
  background-color: #0f9960;
}
.bp3-slider-progress.bp3-intent-warning {
  background-color: #d9822b;
}
.bp3-slider-progress.bp3-intent-danger {
  background-color: #db3737;
}
.bp3-slider-handle {
  background-color: #f5f8fa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
  cursor: pointer;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
}
.bp3-slider-handle:hover {
  background-clip: padding-box;
  background-color: #ebf1f5;
  -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}
.bp3-slider-handle:active,
.bp3-slider-handle.bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-slider-handle:disabled,
.bp3-slider-handle.bp3-disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
  outline: none;
}
.bp3-slider-handle:disabled.bp3-active,
.bp3-slider-handle:disabled.bp3-active:hover,
.bp3-slider-handle.bp3-disabled.bp3-active,
.bp3-slider-handle.bp3-disabled.bp3-active:hover {
  background: rgba(206, 217, 224, 0.7);
}
.bp3-slider-handle:focus {
  z-index: 1;
}
.bp3-slider-handle:hover {
  background-clip: padding-box;
  background-color: #ebf1f5;
  -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
  cursor: -webkit-grab;
  cursor: grab;
  z-index: 2;
}
.bp3-slider-handle.bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 1px rgba(16, 22, 26, 0.1);
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 1px rgba(16, 22, 26, 0.1);
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.bp3-disabled .bp3-slider-handle {
  background: #bfccd6;
  -webkit-box-shadow: none;
  box-shadow: none;
  pointer-events: none;
}
.bp3-dark .bp3-slider-handle {
  background-color: #394b59;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #f5f8fa;
}
.bp3-dark .bp3-slider-handle:hover,
.bp3-dark .bp3-slider-handle:active,
.bp3-dark .bp3-slider-handle.bp3-active {
  color: #f5f8fa;
}
.bp3-dark .bp3-slider-handle:hover {
  background-color: #30404d;
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-slider-handle:active,
.bp3-dark .bp3-slider-handle.bp3-active {
  background-color: #202b33;
  background-image: none;
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-slider-handle:disabled,
.bp3-dark .bp3-slider-handle.bp3-disabled {
  background-color: rgba(57, 75, 89, 0.5);
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-slider-handle:disabled.bp3-active,
.bp3-dark .bp3-slider-handle.bp3-disabled.bp3-active {
  background: rgba(57, 75, 89, 0.7);
}
.bp3-dark .bp3-slider-handle .bp3-button-spinner .bp3-spinner-head {
  background: rgba(16, 22, 26, 0.5);
  stroke: #8a9ba8;
}
.bp3-dark .bp3-slider-handle,
.bp3-dark .bp3-slider-handle:hover {
  background-color: #394b59;
}
.bp3-dark .bp3-slider-handle.bp3-active {
  background-color: #293742;
}
.bp3-dark .bp3-disabled .bp3-slider-handle {
  background: #5c7080;
  border-color: #5c7080;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bp3-slider-handle .bp3-slider-label {
  background: #394b59;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  color: #f5f8fa;
  margin-left: 8px;
}
.bp3-dark .bp3-slider-handle .bp3-slider-label {
  background: #e1e8ed;
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  color: #394b59;
}
.bp3-disabled .bp3-slider-handle .bp3-slider-label {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bp3-slider-handle.bp3-start,
.bp3-slider-handle.bp3-end {
  width: 8px;
}
.bp3-slider-handle.bp3-start {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.bp3-slider-handle.bp3-end {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 8px;
}
.bp3-slider-handle.bp3-end .bp3-slider-label {
  margin-left: 0;
}
.bp3-slider-label {
  -webkit-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px);
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 2px 5px;
  position: absolute;
  vertical-align: top;
}
.bp3-slider.bp3-vertical {
  height: 150px;
  min-width: 40px;
  width: 40px;
}
.bp3-slider.bp3-vertical .bp3-slider-track,
.bp3-slider.bp3-vertical .bp3-slider-progress {
  bottom: 0;
  height: auto;
  left: 5px;
  top: 0;
  width: 6px;
}
.bp3-slider.bp3-vertical .bp3-slider-progress {
  top: auto;
}
.bp3-slider.bp3-vertical .bp3-slider-label {
  -webkit-transform: translate(20px, 50%);
  transform: translate(20px, 50%);
}
.bp3-slider.bp3-vertical .bp3-slider-handle {
  top: auto;
}
.bp3-slider.bp3-vertical .bp3-slider-handle .bp3-slider-label {
  margin-left: 0;
  margin-top: -8px;
}
.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-end,
.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start {
  height: 8px;
  margin-left: 0;
  width: 16px;
}
.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start {
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
}
.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start .bp3-slider-label {
  -webkit-transform: translate(20px);
  transform: translate(20px);
}
.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-end {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  margin-bottom: 8px;
}
.bp3-slider-custom {
  min-width: auto;
  left: 7px;
}
.bp3-slider-custom .bp3-slider-track,
.bp3-slider-custom .bp3-slider-progress {
  height: 4px;
  left: -8.5px;
  right: 2.5px;
  top: 7px;
}
.bp3-slider-custom .bp3-slider-track {
  border-radius: 10px;
}
.bp3-slider-custom .bp3-slider-progress {
  background: #b3bcc9;
}
.bp3-slider-custom .bp3-slider-progress.bp3-intent-primary {
  background: #b3bcc9;
}
.bp3-slider-custom .bp3-slider-handle {
  background-color: #ffffff;
  background-image: none;
  -webkit-box-shadow: inset 0 0 0 1px #b3bcc9;
  box-shadow: inset 0 0 0 1px #b3bcc9;
  color: #1b1f36;
  width: 6px;
  height: 17px;
}
.bp3-slider-custom .bp3-slider-handle:hover {
  background-clip: padding-box;
  background-color: #d7dee4;
  -webkit-box-shadow: inset 0 0 0 1px #b3bcc9;
  box-shadow: inset 0 0 0 1px #b3bcc9;
}
.bp3-slider-custom .bp3-slider-handle:active,
.bp3-slider-custom .bp3-slider-handle.bp3-active {
  background-color: #d7dee4;
  background-image: none;
  -webkit-box-shadow: inset 0 0 0 1px #b3bcc9;
  box-shadow: inset 0 0 0 1px #b3bcc9;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
html,
button,
input,
textarea,
select {
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #1b1f36;
  font-size: 1rem;
}
h1 {
  line-height: 1.25;
}
h2 {
  line-height: 1.35;
}
h3,
h4,
h5,
h6 {
  line-height: 1.5;
}
h1 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 2.75rem;
  letter-spacing: -0.5px;
}
h2 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.75rem;
}
h3 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.25rem;
}
p {
  line-height: 1.5;
}
b {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media (max-width: 575.98px) {
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  h3 {
    font-size: 1.25rem;
  }
}
.notes-container {
  font-size: 0.9rem;
}
.notes-container .notes-item {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #edf0f3;
}
.notes-container .notes-item .notes-meta {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #424d60;
}
.notes-container .notes-item .notes-meta > div {
  flex-grow: 1;
}
.notes-container .notes-item .notes-meta .notes-date {
  font-size: 0.8rem;
  color: #424d60;
  text-align: right;
}
.notes-container .notes-item:last-child {
  border: 0;
}
.comments-container {
  font-size: 0.9rem;
}
.comments-container .comments-item {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #edf0f3;
}
.comments-container .comments-item .comments-title {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.comments-container .comments-item .comments-title > div {
  flex-grow: 1;
}
.comments-container .comments-item .comments-title .comments-rating {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.comments-container .comments-item .comments-title .comments-rating .comments-legend {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  border-radius: 50%;
}
.comments-container .comments-item .comments-title .comments-date {
  font-size: 0.8rem;
  color: #424d60;
  text-align: right;
}
.comments-container .comments-item .comments-description {
  padding: 4px 0 0 16px;
}
.comments-container .comments-item.emoji .comments-title .comments-rating {
  display: flex;
  align-items: center;
}
.comments-container .comments-item.emoji .comments-title .comments-rating .comments-legend {
  width: auto;
  height: auto;
}
.comments-container .comments-item.emoji .comments-title .comments-rating .comments-legend img {
  width: 20px;
  height: auto;
}
.comments-container .comments-item.emoji .comments-description {
  padding-left: 26px;
}
a.icon-rounded {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  margin: 1px 2px 1px 0;
  color: #424d60;
  background: #edf0f3;
  border-radius: 100%;
  transition: all 100ms ease-in-out;
}
a.icon-rounded .icon {
  line-height: 0;
}
a.icon-rounded:hover {
  color: #1b1f36;
  background: #e7ebef;
}
.icon-circle {
  float: right;
  width: 22px;
  height: 22px;
  display: flex;
  color: #b3bcc9;
  align-items: center;
  border-radius: 30px;
  flex-shrink: 0;
}
.icon-circle svg {
  display: block;
  margin: 0 auto;
}
.icon-circle.tick {
  background: #00dca6;
}
.icon-circle.tick svg {
  color: #ffffff;
}
.icon-circle.lock {
  border: 1px solid #b3bcc9;
}
.icon-circle.attention {
  color: #ffffff;
  background: #d592ff;
}
.icon-circle.notice {
  color: #ffffff;
  background: #b3bcc9;
}
.questionnaire-start {
  display: inline-block;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #ffffff;
  background: #0c5bfa;
  padding: 4px 12px;
  border: 0;
  line-height: 20px;
  border-radius: 30px;
}
.questionnaire-completed {
  display: inline-block;
}
.questionnaire-completed .info {
  font-size: 0.9rem;
  color: #424d60;
  padding-left: 22px;
}
.questionnaire-completed span.checkmark {
  position: absolute;
  color: #00dca6;
  margin-top: 2px;
}
.description-text {
  color: #424d60;
  padding-left: 24px;
}
.description-text.small {
  font-size: 0.9rem;
}
.description-text .icon.info {
  position: absolute;
  margin-top: 3px;
  margin-left: -24px;
}
.no-data-block {
  display: flex;
  width: 100%;
  min-height: 100px;
  padding: 8px;
}
.no-data-block .no-data-block-inner {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
  color: #697386;
  background: #f3f5f7;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.no-data-block .no-data-block-inner .action {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #424d60;
  padding-top: 4px;
}
.no-data-block.no-padding {
  padding: 0;
}
.no-data-block.top-padding {
  padding: 10px 0 0 0;
}
.no-data-block.card {
  padding: 0 8px 8px 0;
}
.no-data-block.card .no-data-block-inner {
  background: #e7ebef;
}
.no-data-block.transparent .no-data-block-inner {
  background: transparent;
}
.block-closed-list {
  border: 1px solid #dde3e9;
  border-radius: 8px;
  padding: 2px 10px;
}
.block-closed-list > div {
  padding: 6px 0;
  border-bottom: 1px solid #dde3e9;
}
.block-closed-list > div:last-child {
  border: 0;
}
.block-closed-list > div .note .description-text {
  padding-top: 3px;
  padding-bottom: 0 !important;
}
.block-closed-list.with-columns > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.block-closed-list.with-columns .col-1 {
  flex-grow: 1;
}
.rounded-button-group {
  overflow: hidden;
  height: 34px;
}
.rounded-button-group .rounded-button-group-icon {
  display: inline-block;
  width: 34px;
  height: 34px;
  color: #424d60;
  border-radius: 100%;
  cursor: pointer;
}
.rounded-button-group .rounded-button-group-icon.api {
  cursor: default;
}
.rounded-button-group .rounded-button-group-icon span.icon {
  position: absolute;
  display: inline-block;
}
.rounded-button-group .rounded-button-group-icon span.icon.export,
.rounded-button-group .rounded-button-group-icon span.icon.cross,
.rounded-button-group .rounded-button-group-icon span.icon.archive,
.rounded-button-group .rounded-button-group-icon span.icon.edit,
.rounded-button-group .rounded-button-group-icon span.icon.duplicate,
.rounded-button-group .rounded-button-group-icon span.icon.api {
  padding: 7px 0 0 7px;
}
.rounded-button-group .rounded-button-group-icon span.icon.play,
.rounded-button-group .rounded-button-group-icon span.icon.delete {
  padding: 7px 0 0 9px;
}
.rounded-button-group .rounded-button-group-icon span.icon.print {
  padding: 7px 0 0 6px;
}
.rounded-button-group .rounded-button-group-icon:hover {
  background: #edf0f3;
}
.rounded-button-group .rounded-button-group-icon.delete:hover {
  color: #ffffff;
  background: #cf8afb;
}
.question-num-container .question-num-inner {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  color: #ffffff;
  padding: 2px 4px;
  border-radius: 4px;
}
.question-num-container .question-num-inner .question-type-icon {
  display: flex;
  align-items: center;
  margin-right: 4px;
  flex-grow: 1;
  background: transparent;
}
.question-num-container .question-num-inner .question-type-icon i {
  margin-top: 0;
  line-height: 0;
}
.question-num-container .question-num-inner .question-num {
  min-width: 20px;
  text-align: right;
}
.tooltip-note {
  display: inline-block;
  margin-left: 16px;
}
.tooltip-note p {
  color: #697386;
  line-height: 1.35;
  padding-left: 25px;
}
.tooltip-note p .icon.info {
  position: absolute;
  margin: 2px 0 0 -25px;
}
.tooltip-note p:hover {
  color: #3c4257;
}
.tooltip-note.small.right-icon {
  margin: 0;
}
.tooltip-note.small.right-icon p {
  padding: 0 25px 0 0;
}
.tooltip-note.small.right-icon p .icon.info {
  margin: 3px 0 0 6px;
}
.tag-item {
  display: inline-block;
  padding: 6px;
  background-color: #edf0f3;
  border-radius: 8px;
  line-height: 1.25;
  margin: 3px 3px 0 0;
}
.tag-item:last-child {
  margin-right: 0;
}
.question-type-icon {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.question-type-icon,
.question-type-colors {
  background: #697386;
}
.question-type-icon.opinionScale,
.question-type-colors.opinionScale,
.question-type-icon.rating,
.question-type-colors.rating {
  background: #9268ff;
}
.question-type-icon.shortText,
.question-type-colors.shortText,
.question-type-icon.longText,
.question-type-colors.longText,
.question-type-icon.strengths,
.question-type-colors.strengths,
.question-type-icon.weaknesses,
.question-type-colors.weaknesses,
.question-type-icon.reasonsForLeavingJob,
.question-type-colors.reasonsForLeavingJob {
  background: #0c5bfa;
}
.question-type-icon.multipleChoice,
.question-type-colors.multipleChoice {
  background: #e96dc0;
}
.question-type-icon.attitude,
.question-type-colors.attitude {
  background: #2cdaca;
}
.question-type-icon.employmentCheck,
.question-type-colors.employmentCheck {
  background: #3394ff;
}
.question-type-icon i,
.question-type-colors i {
  position: absolute;
  color: #ffffff;
  margin: -1px 0 0 4px;
}
.default-chart-tooltip {
  font-size: 0.9rem;
  padding: 10px 15px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 5px 20px 0 rgba(27, 31, 54, 0.08);
}
.default-chart-tooltip .default-chart-tooltip-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.default-chart-tooltip ul li {
  line-height: 125%;
}
.default-chart-tooltip ul li span {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.breadcrumb {
  position: absolute;
  padding: 20px 0 0 20px;
}
.breadcrumb.with-title-editor {
  padding: 0;
}
.breadcrumb > div {
  display: inline-block;
  font-size: 0.9rem;
  padding-right: 0.6rem;
}
.breadcrumb > div::before {
  display: inline-block;
  padding-right: 0.6rem;
  color: #697386;
  content: "→";
}
.breadcrumb > div:first-child::before {
  padding-right: 0;
  content: "";
}
.breadcrumb a {
  color: #424d60;
}
.breadcrumb a:hover {
  color: #3c4257;
}
.breadcrumb .form-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem !important;
}
@media (max-width: 575.98px) {
  .breadcrumb {
    position: relative;
    padding: 0 0 0.5rem 1rem;
    border-bottom: 1px solid #e7ebef;
  }
}
.btn,
button {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #ffffff;
  background: #0c5bfa;
  padding: 10px 20px;
  border: 0;
  line-height: 20px;
  border-radius: 30px;
  transition: all 100ms ease-in-out;
}
.btn:hover,
button:hover {
  color: #ffffff;
  background: #004fef;
}
.btn.w-offset,
button.w-offset {
  margin-top: 15px;
}
.btn:disabled,
button:disabled,
.btn.disabled,
button.disabled {
  color: #b3bcc9 !important;
  background: #e7ebef !important;
  border-color: #e7ebef !important;
  cursor: initial !important;
}
.btn.disabled,
button.disabled {
  cursor: default !important;
}
.btn.rounded,
button.rounded {
  border: 0;
  border-radius: 30px;
}
.btn.new-record {
  position: relative;
  display: inline-block;
  padding: 10px 16px 10px 38px;
  cursor: pointer;
}
.btn.new-record .icon {
  position: absolute;
  margin: 1px 0 0 -24px;
}
@media (max-width: 575.98px) {
  .btn.new-record {
    font-size: 1rem;
    padding: 9px 16px 9px 38px;
  }
  .btn.new-record .icon {
    margin-top: 1px;
  }
}
button.secondary-button,
a.secondary-button,
div.secondary-button {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #1b1f36;
  padding: 10px 20px;
  border: 0;
  line-height: 20px;
  background: #edf0f3;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
}
button.secondary-button.with-icon,
a.secondary-button.with-icon,
div.secondary-button.with-icon {
  padding-left: 42px;
}
button.secondary-button.with-icon .icon,
a.secondary-button.with-icon .icon,
div.secondary-button.with-icon .icon {
  position: absolute;
  margin: 0 0 0 -25px;
}
button.secondary-button.icon-only,
a.secondary-button.icon-only,
div.secondary-button.icon-only {
  display: flex;
}
button.secondary-button.icon-only .icon,
a.secondary-button.icon-only .icon,
div.secondary-button.icon-only .icon {
  padding: 2px 0;
  line-height: 0;
}
button.secondary-button .count,
a.secondary-button .count,
div.secondary-button .count {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
  min-width: 24px;
  color: #1b1f36;
  margin-left: 3px;
  background: #d7dee4;
  border-radius: 50%;
}
button.secondary-button:hover,
a.secondary-button:hover,
div.secondary-button:hover {
  color: #1b1f36;
  background: #e7ebef;
}
button.secondary-button:hover .count,
a.secondary-button:hover .count,
div.secondary-button:hover .count {
  background: #d7dee4;
}
button.secondary-button.bold,
a.secondary-button.bold,
div.secondary-button.bold {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
button.skip-button {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #0c5bfa;
  padding: 9px 20px;
  background: transparent;
  border: 1px solid #0c5bfa !important;
}
button.skip-button:hover {
  color: #0c5bfa;
  background: #dde8ff;
}
button.transparent {
  color: #0c5bfa;
  background: transparent;
  border: 1px solid #0c5bfa !important;
}
button.transparent:hover {
  color: #0c5bfa;
  background: #dde8ff;
}
.button-copy-container {
  position: absolute;
  right: 0;
}
.button-copy-container .button-copy {
  font-size: 0.9rem;
  color: #ffffff;
  padding: 6px 10px;
  margin: 0 5px;
  background: #0c5bfa;
  border-radius: 6px;
  cursor: pointer;
}
.button-copy-container .button-copy:hover,
.button-copy-container .button-copy:active {
  color: #ffffff;
  background: #004fef;
}
.more-button-container {
  position: absolute;
  right: 0;
  line-height: 0;
}
.more-button-container .more-button {
  color: #697386;
  padding: 10px 16px;
  cursor: pointer;
}
.more-button-container .more-button:hover,
.more-button-container .more-button:active {
  color: #1b1f36;
}
.disabled-button {
  color: #b3bcc9 !important;
  background: #e7ebef !important;
  border-color: #e7ebef !important;
  cursor: initial !important;
}
.ReactModal__Overlay {
  opacity: 0;
  transition: all 100ms ease-in-out;
  background: rgba(27, 31, 54, 0.2);
  cursor: pointer;
}
.ReactModal__Overlay--after-open {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.ReactModal__Overlay--before-close {
  opacity: 0;
  -moz-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
.ReactModal__Content {
  cursor: initial;
  box-shadow: none;
}
.modal-default-overlay {
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: initial initial;
  background-repeat: initial initial;
}
.modal-default {
  width: 100%;
  max-width: 450px;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  padding: 0;
  margin-right: -50%;
  background: #ffffff;
  background-position: initial initial;
  background-repeat: initial initial;
  border: 0;
  border-radius: 20px;
  transform: translate(-50%, -50%);
  overflow: auto;
  outline: none;
}
.modal-default .modal-default-container .modal-default-header {
  padding: 2rem 2rem 1rem 2rem;
}
.modal-default .modal-default-container .modal-default-header h3 {
  margin-bottom: 16px;
  line-height: 28px;
}
.modal-default .modal-default-container .modal-default-header span {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.modal-default .modal-default-container .modal-default-controls {
  padding: 0 1.6rem 2rem 1.8rem;
}
.modal-default .modal-default-container .modal-default-controls .form-container {
  padding: 0;
}
.modal-default .modal-default-container .modal-default-controls .form-container input:hover {
  border-color: #b3bcc9;
}
.modal-default .modal-default-container .modal-default-controls .form-container input:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.modal-default .modal-default-container .modal-default-controls .form-container input.error-input {
  border-color: #d592ff;
  box-shadow: 0px 0 0 0 inset transparent;
}
.modal-default .modal-default-container .modal-default-controls .form-container .form-submit {
  margin-top: 16px;
}
.modal-default .modal-default-container .modal-default-controls .form-container .form-submit button {
  width: 100%;
}
.modal-template-content-overlay {
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
}
.modal-template-content {
  width: 100%;
  max-width: 720px;
  position: absolute;
  top: 10px;
  left: 370px;
  right: auto;
  bottom: 10px;
  background: #ffffff;
  background-position: initial initial;
  background-repeat: initial initial;
  border: 0;
  border-radius: 20px;
  outline: none;
  -webkit-box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  overflow: auto;
}
.modal-template-content.shorten {
  max-width: 320px;
  padding-top: 16px;
}
.modal-template-content .items-group {
  padding: 24px 0;
  margin: 0 16px;
  border-bottom: 1px solid #dde3e9;
}
.modal-template-content .items-group:last-child {
  border: 0;
}
.modal-template-content .search-input input {
  display: block;
  width: 100%;
  padding: 16px 18px;
  border: 0;
  border-bottom: 1px solid #dde3e9;
  border-radius: 20px 20px 0 0;
}
.modal-template-content .search-results {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.modal-template-content .search-results .group {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding: 10px 8px;
}
.modal-template-content .search-results .question-types {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.modal-template-content .search-results .question-types .question-type {
  flex: 50%;
  padding: 8px 10px;
  border-radius: 10px;
  cursor: pointer;
}
.modal-template-content .search-results .question-types .question-type .question-type-icon {
  position: absolute;
  margin-top: 1px;
}
.modal-template-content .search-results .question-types .question-type .question-type-name {
  padding-left: 28px;
}
.modal-template-content .search-results .question-types .question-type:hover {
  background: #edf0f3;
}
.modal-template-content .search-results .questions-suggested {
  margin-bottom: 32px;
}
.modal-template-content .search-results .questions-suggested .question-item .question-item-inner {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  margin-bottom: 2px;
  border-radius: 10px;
  cursor: pointer;
}
.modal-template-content .search-results .questions-suggested .question-item .question-item-inner .question-type-icon {
  display: flex;
  margin-right: 8px;
}
.modal-template-content .search-results .questions-suggested .question-item .question-item-inner .question-text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-right: 10px;
}
.modal-template-content .search-results .questions-suggested .question-item .question-item-inner .question-facet {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  min-width: 200px;
  width: 200px;
  font-size: 0.9rem;
}
.modal-template-content .search-results .questions-suggested .question-item .question-item-inner:hover {
  background: #edf0f3;
}
.modal-template-content .question {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding: 16px;
}
.modal-template-content .question-settings-group {
  padding: 0 16px 16px 16px;
}
.modal-template-content .question-settings-group.no-space {
  padding: 0;
}
.modal-template-content .question-settings-group.standalone-settings > div {
  margin-bottom: 6px;
}
.modal-template-content .question-settings-group.standalone-settings > div:last-child {
  margin: 0;
}
.modal-template-content .question-settings-group .group {
  font-size: 0.7rem;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.modal-delete-confirmation-overlay {
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: initial initial;
  background-repeat: initial initial;
}
.modal-delete-confirmation {
  width: 100%;
  max-width: 450px;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  padding: 26px 32px 32px 32px;
  margin-right: -50%;
  background: #ffffff;
  background-position: initial initial;
  background-repeat: initial initial;
  border: 0;
  border-radius: 20px;
  transform: translate(-50%, -50%);
  overflow: auto;
  outline: none;
}
.modal-delete-confirmation .delete-confirmation h3 {
  margin-bottom: 1rem;
  line-height: 28px;
}
.modal-delete-confirmation .delete-confirmation .delete-confirmation-description {
  margin-bottom: 1rem;
}
.modal-delete-confirmation .delete-confirmation .delete-confirmation-description span {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.modal-delete-confirmation .delete-confirmation .delete-confirmation-controls {
  padding-top: 1rem;
}
.modal-delete-confirmation .delete-confirmation .delete-confirmation-controls button {
  float: right;
  display: inline-block;
  color: #ffffff;
  padding: 10px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 30px;
}
.modal-delete-confirmation .delete-confirmation .delete-confirmation-controls button.delete {
  color: #ffffff;
  background: #d592ff;
  border-color: #d592ff;
  padding: 10px 15px 10px 35px;
}
.modal-delete-confirmation .delete-confirmation .delete-confirmation-controls button.delete:hover {
  color: #ffffff;
  background: #cf8afb;
  border-color: #cf8afb;
}
.modal-delete-confirmation .delete-confirmation .delete-confirmation-controls button.delete .icon {
  position: absolute;
  margin-left: -23px;
}
.modal-applicant-profile-overlay {
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: initial initial;
  background-repeat: initial initial;
}
.modal-applicant-profile {
  position: absolute;
  top: 10px;
  left: 50%;
  right: auto;
  bottom: 10px;
  width: 85%;
  max-width: 1250px;
  padding: 0;
  background: #ffffff;
  background-position: initial initial;
  background-repeat: initial initial;
  border: 0;
  border-radius: 20px;
  transform: translate(-50%, 0);
  overflow: auto;
  outline: none;
}
.modal-applicant-profile span.checkmark {
  color: #00dca6;
}
.modal-applicant-profile .response-bar {
  padding: 8px 0;
}
.modal-applicant-profile .response-bar .response-bar-inner {
  margin: 0 auto;
  text-align: center;
}
.modal-applicant-profile .response-bar .linkedin-verified {
  display: inline-block;
  padding-left: 35px;
  margin: 0 10px;
}
.modal-applicant-profile .response-bar .linkedin-verified .info {
  font-size: 0.9rem;
  color: #424d60;
}
.modal-applicant-profile .response-bar .linkedin-verified span.linkedin {
  position: absolute;
  margin: 1px 0 0 -26px;
  color: #00dca6;
}
.modal-applicant-profile .questionnaire-completed {
  margin: 0 10px;
}
.modal-applicant-profile .questionnaire-in-progress .sent-date {
  display: inline-block;
}
.modal-applicant-profile .questionnaire-in-progress .sent-date .info {
  font-size: 0.9rem;
  color: #424d60;
}
.modal-applicant-profile .questionnaire-in-progress .send-reminder {
  margin-left: 10px;
}
.modal-applicant-profile .talent-overview .dashboard {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  border-top: 1px solid #edf0f3;
}
.modal-applicant-profile .talent-overview .dashboard.col-3 > div {
  flex: 1;
  box-sizing: border-box;
}
.modal-applicant-profile .talent-overview .dashboard.col-3 > div > div {
  width: 100%;
}
.modal-applicant-profile .talent-overview .dashboard.col-3 > div > div > div {
  width: 100%;
}
.modal-applicant-profile .talent-overview .dashboard.col-3 > div > div > div > div {
  width: 100%;
}
.modal-applicant-profile .talent-overview .scoremap {
  border-bottom: 1px solid #edf0f3;
}
.modal-applicant-profile .talent-overview .talent-nav {
  display: block;
}
.modal-applicant-profile .talent-overview .talent-nav .sub-nav {
  padding-bottom: 16px;
}
.modal-applicant-profile .talent-overview .talent-profile {
  display: flex;
  padding: 16px;
  padding-bottom: 0;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info {
  align-self: center;
  width: 100%;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-main-info-column {
  display: flex;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-main-info-column .talent-title-column {
  width: 65%;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-main-info-column .talent-description-column {
  width: 33.33%;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-main-info-column .talent-description-column .talent-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-main-info-column .talent-description-column .talent-email {
  padding: 4px 0 0 26px;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-main-info-column .talent-description-column .talent-email a {
  font-size: 0.9rem;
  color: #424d60;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-main-info-column .talent-description-column .talent-email a span.icon {
  position: absolute;
  display: inline-block;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-main-info-column .talent-description-column .talent-email a span.icon.mail {
  padding-top: 2px;
  margin-left: -26px;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-main-info-column .talent-description-column .talent-email a:hover {
  color: #3c4257;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-main-info-column .talent-status-column {
  display: flex;
  width: 33.33%;
  justify-content: center;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-main-info-column .talent-actions-column {
  display: flex;
  width: 33.33%;
  justify-content: end;
}
.modal-applicant-profile .talent-overview .talent-profile .talent-info .talent-comment {
  padding-top: 1rem;
}
.modal-applicant-profile .talent-overview .assessment-list-block {
  padding-left: 8px;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list {
  width: 100%;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .no-assessments {
  width: 60%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 4rem 1rem;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .no-assessments button {
  display: inline-block;
  margin: 1rem;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item-container {
  display: block;
  padding: 0 8px 8px 0;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item-container.assessment-item-container-hover .assessment-item {
  cursor: pointer;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item-container.assessment-item-container-hover .assessment-item:hover {
  border-color: #b3bcc9;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item {
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #dde3e9;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
  transition-property: all;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-header {
  display: flex;
  padding: 1rem;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-header > div {
  flex: 1;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-header .assessment-item-name {
  font-size: 1.25rem;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-header .assessment-item-name a {
  color: #1b1f36;
  border-bottom: 1px solid #e7ebef;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-header .assessment-item-response-bar {
  font-size: 0.9rem;
  color: #424d60;
  text-align: right;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-header .assessment-item-response-bar span.checkmark {
  position: absolute;
  margin-top: 0;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-results {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #f3f5f7;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-results.assessment-item-results-hidden {
  display: none;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-results .assessment-item-details {
  display: flex;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-results .assessment-item-details .assessment-item-facet-result {
  padding: 1rem 0;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-results .assessment-item-details .assessment-item-facet-result .metrics-percentage-result-container,
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-results .assessment-item-details .assessment-item-facet-result .metrics-text-result-container {
  width: 100%;
  min-width: 160px;
  padding: 1rem;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-results .assessment-item-details .assessment-item-facet-interpretation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 0;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-results .assessment-item-details .assessment-item-facet-interpretation .assessment-item-facet-interpretation-header {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.modal-applicant-profile .talent-overview .assessment-list-block .assessment-list .assessment-item .assessment-item-results .assessment-item-details .assessment-item-facet-interpretation .assessment-item-facet-interpretation-details {
  padding-top: 0.3rem;
}
.modal-applicant-profile .talent-overview .assessment-list-block .clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.modal-applicant-profile .talent-overview .submit-reference-request-block {
  margin-left: 8px;
}
.modal-applicant-profile .talent-overview .submit-reference-request-block .send-survey {
  padding-bottom: 3px;
}
.modal-applicant-profile .talent-overview .right-sidebar-container {
  display: flex;
  border-top: 1px solid #edf0f3;
  border-bottom: 1px solid #edf0f3;
}
.modal-applicant-profile .talent-overview .right-sidebar-container .content {
  width: 66.6%;
  padding: 8px 0 0 8px;
  border-right: 1px solid #edf0f3;
  box-sizing: content-box;
}
.modal-applicant-profile .talent-overview .right-sidebar-container .sidebar {
  width: 33.4%;
  padding: 0 8px;
}
.modal-applicant-profile .talent-overview .right-sidebar-container .sidebar .sidebar-block {
  display: block;
  width: 100%;
  padding: 10px 0;
}
.modal-applicant-profile .talent-overview .right-sidebar-container .sidebar .sidebar-block .sidebar-block-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  font-size: 0.7rem;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.modal-applicant-profile .talent-overview .right-sidebar-container .sidebar .sidebar-block.note .form-container {
  padding-bottom: 0;
}
.modal-applicant-profile .talent-overview .right-sidebar-container .sidebar .sidebar-block.note .form-container .resizable-textarea textarea {
  padding: 8px 10px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container {
  display: flex;
  border-bottom: 1px solid #edf0f3;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .available-references {
  width: 100%;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .available-references .no-references {
  width: 60%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 4rem 1rem;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .available-references .no-references button {
  display: inline-block;
  margin: 1rem;
}
.modal-applicant-profile .talent-overview .left-sidebar-container > div {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list {
  float: left;
  width: 30%;
  padding: 6px;
  border-right: 1px solid #edf0f3;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container {
  width: 100%;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container a.all-responses {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: block;
  color: #1b1f36;
  padding: 12px 16px;
  margin-bottom: 6px;
  border-radius: 8px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container a.all-responses:hover {
  background: #e7ebef;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container a.all-responses.active {
  background: #edf0f3;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container a.all-responses.active:hover {
  background: #edf0f3;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container {
  background: #f3f5f7;
  padding: 6px;
  margin-bottom: 6px;
  border-radius: 8px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container .reference-type-row {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding: 4px 10px 10px 10px;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container .reference-type-row .reference-type-name {
  flex-grow: 1;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container .reference-type-row .reference-type-stats .reference-type-numbers {
  display: inline-block;
  margin-right: 6px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container .reference-type-row .reference-type-stats .reference-type-chart {
  display: inline-block;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a {
  display: block;
  color: #1b1f36;
  padding: 10px 12px;
  margin-bottom: 6px;
  background: #ffffff;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
  transition-property: all;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a:last-child {
  margin: 0;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a:hover {
  border-color: #b3bcc9;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a.active {
  border-color: #e7ebef;
  background: #f9fafb;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a.active:hover {
  border-color: #e7ebef;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .respondent-info {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: block;
  font-size: 0.9rem;
  margin-top: 10px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .respondent-info li {
  padding-bottom: 3px;
  line-height: 1.2;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .respondent-current-location {
  font-size: 0.9rem;
  color: #424d60;
  padding: 2px 0;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .linkedin-verified {
  position: relative;
  float: right;
  margin-left: 8px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .linkedin-verified span.linkedin {
  color: #00dca6;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .fraud-risk {
  position: relative;
  float: right;
  margin-left: 8px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .fraud-risk.risk-0 {
  color: #00dca6;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .fraud-risk.risk-1 {
  color: #625fff;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .fraud-risk.risk-2 {
  color: #d592ff;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .fraud-risk.risk-3 {
  color: #bb6dec;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .fraud-risk.risk-4 {
  color: #ff7ba7;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .respondents-list-container .reference-type-container a .email-address-update {
  margin: 0 0 10px 0;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .reference-completed {
  position: relative;
  float: right;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .reference-completed .icon-circle {
  width: 22px;
  height: 22px;
  display: flex;
  margin-left: 8px;
  align-items: center;
  background: #00dca6;
  border-radius: 30px;
  flex-shrink: 0;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .respondents-list .reference-completed .icon-circle svg {
  display: block;
  color: #ffffff;
  margin: 0 auto;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view {
  float: right;
  width: 70%;
  padding: 15px 16px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response {
  margin: 12px 0;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .question {
  font-size: 0.9rem;
  padding: 5px 0 5px 20px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .question em {
  position: absolute;
  font-size: 0.7rem;
  color: #697386;
  margin-top: 5px;
  margin-left: -20px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-top: 2px;
  padding-left: 20px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer span {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #697386;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .multi-answer-container {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .multi-answer-container .multi-answer {
  display: table-row;
  border-bottom: 1px solid #edf0f3;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .multi-answer-container .multi-answer .referee-name,
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .multi-answer-container .multi-answer .referee-answer {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .multi-answer-container .multi-answer:last-child {
  border: 0;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .multi-answer-container .multi-answer .referee-name {
  width: 1%;
  white-space: nowrap;
  padding-right: 24px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .multi-answer-container .multi-answer .referee-name a {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #424d60;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .multi-answer-container .multi-answer .referee-name a:hover {
  color: #1b1f36;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .multi-answer-container .multi-answer .referee-answer {
  width: 99%;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .attitude-answer .icon {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .attitude-answer .icon.positive {
  color: #5decdf;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .attitude-answer .icon.negative {
  color: #ff5b80;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .text-choice-answer .text-choice-selection {
  display: inline-block;
  padding: 5px 15px;
  margin: 1px 10px 1px 0;
  line-height: 1.35;
  background: #f3f5f7;
  border-radius: 30px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .text-choice-answer .text-choice-score {
  padding-top: 4px;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response .answer .text-choice-answer .text-choice-comment {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: inline-block;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .response-view .response:last-child {
  margin-bottom: 0;
}
.modal-applicant-profile .talent-overview .left-sidebar-container .clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.modal-applicant-profile .talent-overview .text-choice-answer .text-choice-selection {
  display: inline-block;
  padding: 5px 15px;
  margin: 1px 10px 1px 0;
  line-height: 1.35;
  background: #f3f5f7;
  border-radius: 30px;
}
.modal-applicant-profile .talent-overview .text-choice-answer .text-choice-score {
  padding-top: 4px;
}
.modal-applicant-profile .talent-overview .text-choice-answer .text-choice-comment {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: inline-block;
}
.modal-applicant-profile .talent-overview .col-1 {
  flex-grow: 1;
}
.modal-applicant-profile .talent-overview .col-2 {
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.modal-applicant-profile .talent-overview .col-2 .metrics-text-result {
  padding: 10px 16px;
  margin-left: 16px;
  border-left: 1px solid #e7ebef;
}
.modal-applicant-profile .talent-overview .col-2 .metrics-text-result .metrics-text-result-container .value-container {
  height: auto;
}
.modal-applicant-profile .send-reminder {
  display: inline-block;
}
.modal-applicant-profile .send-reminder .reminder-to-send button {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  background: transparent;
  color: #424d60;
  border: 1px solid #e7ebef;
  padding: 5px 10px 5px 32px;
}
.modal-applicant-profile .send-reminder .reminder-to-send button:hover {
  background: #f3f5f7;
  border-color: #f3f5f7;
}
.modal-applicant-profile .send-reminder .reminder-to-send button .icon.resend {
  position: absolute;
  margin-left: -28px;
}
.modal-applicant-profile .send-reminder .reminder-sent {
  font-size: 0.9rem;
  color: #424d60;
  padding-left: 28px;
}
.modal-applicant-profile .send-reminder .reminder-sent .icon.resend {
  position: absolute;
  margin-left: -28px;
}
.modal-applicant-profile .mail-server-response {
  position: relative;
  float: right;
  margin-left: 8px;
}
.modal-applicant-profile .mail-server-response.unable-to-deliver {
  color: #bb6dec;
}
.modal-applicant-profile .mail-server-response.unable-to-deliver:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  margin: 1px 0 0 -3px;
  border-radius: 50%;
  transform: scale(1);
  background: #e4024b;
  box-shadow: 0 0 0 0 #e4024b;
  animation: pulse-red 2s infinite;
}
.modal-applicant-profile .mail-server-response.auto-reply {
  color: #bb6dec;
}
.modal-printable-component-overlay {
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: initial initial;
  background-repeat: initial initial;
}
.modal-printable-component {
  position: absolute;
  top: 10px;
  left: 50%;
  right: auto;
  bottom: 10px;
  width: 85%;
  max-width: 1250px;
  padding: 0;
  background: #ffffff;
  background-position: initial initial;
  background-repeat: initial initial;
  border: 0;
  border-radius: 20px;
  transform: translate(-50%, 0);
  overflow: auto;
  outline: none;
}
.modal-printable-component .printable-page-popup table,
.modal-printable-component .printable-page-popup tr,
.modal-printable-component .printable-page-popup th,
.modal-printable-component .printable-page-popup tbody,
.modal-printable-component .printable-page-popup td {
  line-height: 1.2;
}
.modal-printable-component .printable-page-popup .printable-page-popup-controls {
  display: flex;
  padding: 13px 16px;
  border-bottom: 1px solid #e7ebef;
}
.modal-printable-component .printable-page-popup .printable-page-popup-controls .left-controls,
.modal-printable-component .printable-page-popup .printable-page-popup-controls .right-controls {
  display: flex;
  align-items: center;
  line-height: 0;
}
.modal-printable-component .printable-page-popup .printable-page-popup-controls .left-controls {
  flex-grow: 1;
}
.modal-printable-component .printable-page-popup .printable-page-popup-controls .right-controls .icon-export,
.modal-printable-component .printable-page-popup .printable-page-popup-controls .right-controls .icon-close {
  display: inline-block;
  width: 34px;
  height: 34px;
  color: #697386;
  border-radius: 100%;
}
.modal-printable-component .printable-page-popup .printable-page-popup-controls .right-controls .icon-export span.icon,
.modal-printable-component .printable-page-popup .printable-page-popup-controls .right-controls .icon-close span.icon {
  position: absolute;
  display: inline-block;
  padding: 7px 0 0 7px;
}
.modal-printable-component .printable-page-popup .printable-page-popup-controls .right-controls .icon-export:hover,
.modal-printable-component .printable-page-popup .printable-page-popup-controls .right-controls .icon-close:hover {
  color: #3c4257;
  background: #edf0f3;
}
.modal-printable-component .printable-page-popup .profile-report-user-data .profile-report-user-data-name,
.modal-printable-component .printable-page-popup .profile-report-user-data .profile-report-user-data-current-location,
.modal-printable-component .printable-page-popup .profile-report-user-data .profile-report-user-data-email,
.modal-printable-component .printable-page-popup .profile-report-user-data .profile-report-user-data-phone,
.modal-printable-component .printable-page-popup .profile-report-user-data .profile-report-user-data-social {
  padding: 0;
  margin: 0;
}
.modal-printable-component .printable-page-popup .assessment-item-results,
.modal-printable-component .printable-page-popup .dashboard {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 575.98px) {
  .modal-company-list,
  .modal-applicant-profile,
  .modal-printable-component {
    width: 100%;
    margin: 0;
  }
  .modal-applicant-profile .responses-block > div {
    display: block !important;
  }
  .modal-applicant-profile .responses-block .available-references .no-references button {
    margin: 0 !important;
    margin-top: 1rem !important;
  }
  .modal-applicant-profile .responses-block .respondents-list {
    display: block;
    width: 100% !important;
    border-bottom: 1px solid #e7ebef;
  }
  .modal-applicant-profile .responses-block .response-view {
    display: block;
    width: 100% !important;
  }
}
.metrics-result-container {
  display: flex;
}
.metrics-result-container > div {
  display: flex;
  height: 100%;
}
.metrics-result-container > div > div {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin: 1rem 0;
  border-right: 1px solid #e7ebef;
}
.metrics-result-container > div:last-child > div {
  border-right: 1px solid #e7ebef;
}
.metrics-result-container.responsive > div > div {
  margin: 0;
  align-items: initial;
}
.metrics-text-result .metrics-text-result-container {
  text-align: center;
}
.metrics-text-result .metrics-text-result-container .value-container {
  display: table;
  width: 100%;
  height: 40px;
}
.metrics-text-result .metrics-text-result-container .value-container .value {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: table-cell;
  max-width: 280px;
  font-size: 1.15rem;
  text-align: center;
  vertical-align: bottom;
}
.metrics-text-result .metrics-text-result-container .label-container {
  height: 30px;
  font-size: 0.9rem;
  color: #424d60;
  padding-top: 10px;
}
.metrics-text-result.no-label .value-container {
  height: 70px;
}
.metrics-text-result.no-label .value-container .value {
  text-align: left;
  vertical-align: middle;
}
.metrics-text-result.header-only .value-container .value {
  font-size: 1rem;
}
.metrics-tags > div {
  align-items: initial !important;
}
.metrics-tags .metrics-tags-container .value-container {
  display: table;
  width: 100%;
}
.metrics-tags .metrics-tags-container .value-container .value-inner {
  display: inline-block;
  padding: 0 4px 8px 4px;
}
.metrics-tags .metrics-tags-container .value-container .value-inner .value {
  font-size: 0.9rem;
  color: #1b1f36;
  padding: 6px 12px;
  border: 1px solid #dde3e9;
  border-radius: 30px;
}
.metrics-tags .metrics-tags-container .value-container .value-inner .value em {
  font-size: 0.9rem;
  color: #697386;
  margin-left: 6px;
}
.metrics-tags .metrics-tags-container .value-container .value-inner .value:hover {
  background: #f3f5f7;
}
.metrics-tags .metrics-tags-container .value-container .value-inner .value.most-mentioned {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  background: #f3f5f7;
}
.metrics-tags .metrics-tags-container .value-container .value-inner .value.most-mentioned:hover {
  background: #e7ebef;
}
.metrics-tags .metrics-tags-container .label-container {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.metrics-tags.no-label .value-container {
  height: 70px;
}
.metrics-tags.no-label .value-container .value {
  text-align: left;
  vertical-align: middle;
}
.metrics-tags.header-only .value-container .value {
  font-size: 1rem;
}
.metrics-percentage-result .metrics-percentage-result-container {
  float: left;
}
.react-tabs {
  -webkit-tap-highlight-color: transparent;
}
.react-tabs__tab-list {
  color: #697386;
  text-align: center;
  border-bottom: 1px solid #e7ebef;
  padding: 0;
}
.react-tabs__tab {
  display: inline-block;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 16px 0;
  margin: 0 16px;
  cursor: pointer;
}
.react-tabs__tab:hover {
  color: #424d60;
}
.react-tabs__tab--selected {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
  border-bottom: 2px solid #1b1f36;
}
.react-tabs__tab--selected:hover {
  color: #1b1f36;
}
.react-tabs__tab--disabled {
  color: #b3bcc9;
  cursor: default;
}
.react-tabs__tab:focus {
  color: #1b1f36;
  outline: none;
}
.react-tabs__tab:focus:hover {
  color: #1b1f36;
}
.react-tabs__tab-panel {
  display: none;
}
.react-tabs__tab-panel--selected {
  display: block;
}
.react-tabs-default {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.react-tabs-default .react-tabs__tab {
  width: auto;
  color: #697386;
  margin: 0;
  padding: 12px 0 15px 0;
}
.react-tabs-default .react-tabs__tab:hover {
  color: #1b1f36;
}
.react-tabs-default .react-tabs__tab--selected {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
  border-bottom: 0;
}
.react-tabs-default .react-tabs__tab--selected:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #3fdaed;
  display: inline-block;
  left: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: 0 auto;
}
.react-tabs-default .react-tabs__tab--selected:hover {
  color: #1b1f36;
}
.react-tabs-alt-choice {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.react-tabs-alt-choice .divider {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  display: inline-block;
  bottom: 0;
  position: relative;
  margin: 0 10px;
}
.react-tabs-alt-choice .react-tabs {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.react-tabs-alt-choice .react-tabs__tab-list {
  color: #697386;
  text-align: center;
  padding: 0;
}
.react-tabs-alt-choice .react-tabs__tab {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  display: inline-block;
  bottom: 0;
  position: relative;
  color: #1b1f36;
  list-style: none;
  padding: 10px 20px;
  margin: 0 5px 5px 5px;
  border: 1px solid #e7ebef;
  border-radius: 30px;
  cursor: pointer;
  transition: all 100ms ease-in-out;
}
.react-tabs-alt-choice .react-tabs__tab:hover {
  color: #1b1f36;
  border-color: #edf0f3;
  background: #edf0f3;
}
.react-tabs-alt-choice .react-tabs__tab span {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.react-tabs-alt-choice .react-tabs__tab--selected {
  color: #1b1f36;
  border-color: #e7ebef;
  background: #e7ebef;
}
.react-tabs-alt-choice .react-tabs__tab--selected:hover {
  color: #1b1f36;
  border-color: #e7ebef;
  background: #e7ebef;
}
.react-tabs-alt-choice .react-tabs__tab:focus {
  outline: none;
}
.react-tabs-alt-choice .react-tabs__tab-panel {
  display: none;
}
.react-tabs-alt-choice .react-tabs__tab-panel--selected {
  display: block;
}
@media (max-width: 575.98px) {
  .react-tabs-alt-choice .divider {
    display: block;
  }
  .react-tabs-alt-choice .react-tabs__tab {
    display: block;
    margin: 10px 0;
  }
}
.react-tabs-combo .hidden {
  display: none;
}
.react-tabs-combo .react-tabs-list-wrapper {
  width: 100%;
  padding-bottom: 16px;
  text-align: center;
}
.react-tabs-combo .react-tabs-list-wrapper .react-tabs {
  -webkit-tap-highlight-color: transparent;
}
.react-tabs-combo .react-tabs-list-wrapper .react-tabs__tab-list {
  display: inline-block;
  color: #697386;
  border: 0;
  padding: 2px;
  background: #edf0f3;
  border-radius: 30px;
}
.react-tabs-combo .react-tabs-list-wrapper .react-tabs__tab {
  display: inline-block;
  bottom: 0;
  position: relative;
  list-style: none;
  color: #697386;
  padding: 10px 16px;
  margin: 0;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
.react-tabs-combo .react-tabs-list-wrapper .react-tabs__tab:hover {
  color: #1b1f36;
}
.react-tabs-combo .react-tabs-list-wrapper .react-tabs__tab--selected {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
  background: #ffffff;
  border: 0;
  border-radius: 30px;
}
.react-tabs-combo .react-tabs-list-wrapper .react-tabs__tab--selected:hover {
  color: #1b1f36;
}
.react-tabs-combo .react-tabs-list-wrapper .react-tabs__tab--disabled {
  color: #b3bcc9;
  cursor: default;
}
.react-tabs-combo .react-tabs-list-wrapper .react-tabs__tab:focus {
  color: #1b1f36;
}
.react-tabs-combo .react-tabs-list-wrapper .react-tabs__tab-panel {
  display: none;
}
.react-tabs-combo .react-tabs-list-wrapper .react-tabs__tab-panel--selected {
  display: block;
}
input,
textarea {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-appearance: none;
}
input.error-input,
textarea.error-input {
  border-color: #d592ff !important;
  box-shadow: 0px 0 0 0 inset transparent;
}
input.error-input:focus,
textarea.error-input:focus {
  border-color: #d592ff !important;
  box-shadow: 0px 0 0 1px inset #d592ff !important;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #697386;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #697386;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #697386;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #697386;
}
input:disabled,
textarea:disabled {
  color: #697386;
  background: #f9fafb !important;
}
input:disabled:hover,
textarea:disabled:hover,
input:disabled:focus,
textarea:disabled:focus {
  border-color: #dde3e9 !important;
}
input:disabled::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #b3bcc9;
}
input:disabled::-moz-placeholder,
textarea:disabled::-moz-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #b3bcc9;
}
input:disabled:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #b3bcc9;
}
input:disabled:-moz-placeholder,
textarea:disabled:-moz-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #b3bcc9;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.default-form .input-form {
  margin-right: 6px;
}
.default-form .input-form:last-child {
  margin: 0;
}
.default-form input {
  width: 100%;
  color: #1b1f36;
  padding: 8px 10px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  transition: all 100ms ease-in-out;
}
.default-form input:hover {
  border-color: #b3bcc9;
}
.default-form input:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.resizable-textarea textarea {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 86px;
  line-height: 30px;
  padding: 12px 16px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  transition: all 100ms ease-in-out;
  box-sizing: border-box;
  resize: none;
  overflow: auto;
}
.resizable-textarea textarea:hover {
  border-color: #b3bcc9;
}
.resizable-textarea textarea:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.resizable-textarea.small textarea {
  min-height: 92px;
  padding: 8px 10px;
  line-height: 24px;
}
.inline-form {
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.inline-form > div {
  display: inline-block;
}
.inline-form > div.numeric-inner {
  margin-right: 10px;
}
.inline-form .label {
  flex-grow: 1;
  padding-right: 10px;
}
.inline-form .label.disabled {
  color: #b3bcc9;
}
.form-error .invalid-form {
  position: fixed;
  top: 0;
  width: 100%;
  color: #ffffff;
  padding: 0.3rem;
  background: #d592ff;
  text-align: center;
}
.form-error .invalid-form .invalid-form-inner {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin: 10px 30px;
}
.form-error .error {
  display: inline-block;
  font-size: 0.9rem;
  color: #ffffff;
  margin-top: 1rem;
  padding: 0.3rem;
  background: #d592ff;
  border-radius: 8px;
  line-height: 20px;
}
@media (max-width: 575.98px) {
  .form-error .invalid-form .invalid-form-inner {
    padding: 0;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .form-error .invalid-form .invalid-form-inner {
    padding: 0 20%;
  }
}
.form-container .form-block,
.form-container .form-block-select,
.form-container .form-block-numeric {
  display: block;
  padding: 3px 0;
}
.form-container .form-block.disabled .input-static-container .input-static {
  background: #edf0f3;
  opacity: 0.6;
}
.form-container .form-replace {
  display: inline-block;
  font-size: 0.9rem;
  color: #0c5bfa;
  padding: 6px 10px;
  text-decoration: none;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
.form-container .form-replace:hover,
.form-container .form-replace:active {
  color: #0363ff;
}
.form-container .form-replace:focus {
  outline: none;
}
.form-container .with-button {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
}
.form-container .with-button.input-static-container input {
  display: none;
}
.form-container .with-button.input-static-container .input-static {
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 8px 60px 8px 10px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  transition: all 100ms ease-in-out;
}
.form-container .with-button.input-static-container .input-static .header {
  line-height: 1.35;
}
.form-container .with-button.input-static-container .input-static .header .heading {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding: 0;
  margin: 0;
}
.form-container .with-button.input-static-container .input-static .header .subheading {
  font-size: 0.9rem;
  color: #697386;
  padding-bottom: 10px;
}
.form-container .with-button.input-static-container .input-static .value,
.form-container .with-button.input-static-container .input-static .placeholder,
.form-container .with-button.input-static-container .input-static .note {
  display: inline;
  white-space: normal;
  box-sizing: border-box;
  word-wrap: break-word;
  line-height: 1.35;
}
.form-container .with-button.input-static-container .input-static .value.copy {
  cursor: pointer;
}
.form-container .with-button.input-static-container .input-static .value.copy .bp3-popover-target {
  display: inline;
}
.form-container .with-button.input-static-container .input-static .placeholder {
  color: #697386;
}
.form-container .with-button.input-static-container .input-static .note {
  display: block;
  color: #697386;
  padding-top: 4px;
}
.form-container .with-button.input-static-container .input-static .row {
  display: block;
  padding-top: 10px;
}
.form-container .with-button.input-static-container .input-static .row .key {
  font-size: 0.9rem;
  color: #697386;
}
.form-container .with-button.input-static-container .input-static .labels {
  display: block;
  font-size: 0.9rem;
  padding-top: 10px;
}
.form-container .with-button.input-static-container .input-static .labels .label-heading,
.form-container .with-button.input-static-container .input-static .labels .label-item {
  display: inline-block;
}
.form-container .with-button.input-static-container .input-static .labels .label-heading {
  color: #697386;
}
.form-container .with-button.input-static-container .input-static .labels .label-item {
  padding: 4px 10px;
  margin-left: 6px;
  background: #e7ebef;
  border-radius: 30px;
}
.form-container .with-button.input-static-container .input-static .labels .label-item.left-icon {
  display: inline-flex;
  align-items: center;
}
.form-container .with-button.input-static-container .input-static .labels .label-item.left-icon .icon {
  line-height: 0;
  margin-right: 4px;
}
.form-container .form-block input,
.form-container .form-block-numeric input {
  display: block;
  width: 100%;
  padding: 8px 10px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  transition: all 100ms ease-in-out;
}
.form-container .form-block input:hover,
.form-container .form-block-numeric input:hover {
  border-color: #b3bcc9;
}
.form-container .form-block input:focus,
.form-container .form-block-numeric input:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.form-container .form-block input.account-input,
.form-container .form-block-numeric input.account-input {
  border-color: #dde3e9;
}
.form-container .form-block input.account-input:hover,
.form-container .form-block-numeric input.account-input:hover {
  border-color: #b3bcc9;
}
.form-container .form-block input.account-input:focus,
.form-container .form-block-numeric input.account-input:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.form-container .form-block input.error-input,
.form-container .form-block-numeric input.error-input {
  border-color: #d592ff;
  box-shadow: 0px 0 0 0 inset transparent;
}
.form-container .form-block input.error-input:focus,
.form-container .form-block-numeric input.error-input:focus {
  border-color: #d592ff;
  box-shadow: 0px 0 0 1px inset #d592ff;
}
.form-container .form-block input.warning-input,
.form-container .form-block-numeric input.warning-input {
  border-color: #ffe8ad;
  box-shadow: 0px 0 0 0 inset transparent;
}
.form-container .form-block input.warning-input:focus,
.form-container .form-block-numeric input.warning-input:focus {
  border-color: #ffe8ad;
  box-shadow: 0px 0 0 1px inset #ffe8ad;
}
.form-container .form-block .form-input-info,
.form-container .form-block-numeric .form-input-info {
  font-size: 0.9rem;
  color: #424d60;
  line-height: 20px;
  padding-top: 4px;
}
.form-container .form-block .form-input-info.with-icon,
.form-container .form-block-numeric .form-input-info.with-icon {
  padding-left: 26px;
}
.form-container .form-block .form-input-info.with-icon .icon.info,
.form-container .form-block-numeric .form-input-info.with-icon .icon.info {
  position: absolute;
  margin: 1px 0 0 -22px;
}
.form-container .form-block.custom-checkbox,
.form-container .form-block-numeric.custom-checkbox {
  padding: 10px 0;
}
.form-container .form-block.custom-checkbox label,
.form-container .form-block-numeric.custom-checkbox label {
  display: block;
  font-size: 0.9rem;
  padding: 2px 0 0 35px;
  line-height: 20px;
}
.form-container .link-block {
  display: block;
  padding: 0.2rem 0.4rem 1rem 0.4rem;
}
.form-container .link-block .forgot-password {
  font-size: 0.9rem;
  color: #697386;
  margin: 0.2rem 10px;
}
.form-container .link-block .forgot-password:hover {
  color: #1b1f36;
}
.form-container .form-submit {
  display: block;
  padding: 3px 0;
}
.form-container .form-submit button {
  border-radius: 30px;
}
.form-container .form-submit button.left-icon {
  padding: 10px 20px 10px 48px;
}
.form-container .form-submit button.left-icon .icon {
  position: absolute;
  margin: 1px 0 0 -28px;
}
.form-container .form-submit button.left-icon.small {
  padding: 10px 20px 10px 42px;
}
.form-container .form-submit button.left-icon.small .icon {
  margin: 2px 0 0 -22px;
}
.form-container .list-errors {
  font-size: 0.9rem;
  color: #bb6dec;
  padding: 8px 10px;
  line-height: 20px;
}
.form-container.collapse-textarea .RichEditor-root {
  background: #ffffff;
  cursor: text;
}
.form-container.collapse-textarea .RichEditor-root div {
  line-height: 1.35;
}
.form-container.collapse-textarea .RichEditor-root h1 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  padding-bottom: 30px;
}
.form-container.collapse-textarea .RichEditor-root h2 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  color: #424d60;
  padding-bottom: 30px;
}
.form-container.collapse-textarea .RichEditor-root h3 {
  font-size: 1.25rem;
  padding-bottom: 30px;
}
.form-block-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding: 8px 0;
}
.form-block-description {
  font-size: 0.9rem;
  color: #424d60;
  padding: 6px 10px;
  line-height: 1.35;
}
.form-block-description.with-input .form-block {
  color: #1b1f36;
}
.form-block-description .bold {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
}
.form-block-description.black {
  color: #1b1f36;
}
.form-block-description .learn-more {
  display: inline-block;
  margin-left: 4px;
}
.form-block-description .learn-more .learn-more-inner {
  display: inline-block;
  padding-left: 20px;
}
.form-block-description .learn-more .learn-more-inner .icon {
  position: absolute;
  margin: 2px 0 0 -20px;
}
.form-block-description .learn-more:hover:hover {
  color: #3c4257;
}
.form-block-how-to {
  font-size: 0.9rem;
  color: #424d60;
  padding: 8px 14px 8px 32px;
  margin-bottom: 3px;
  line-height: 1.35;
  background: #e7ebef;
  border-radius: 8px;
}
.form-block-how-to .bulb {
  position: absolute;
  margin-left: -24px;
}
.form-block-how-to ul {
  padding: 8px 0 8px 20px;
}
.form-block-how-to ul li {
  list-style-type: decimal;
  padding: 2px 0;
  line-height: 1.35;
}
.card-selection-container {
  display: flex;
}
.card-selection-container label {
  height: 100%;
}
.form-block-combo-checkbox .form-block.custom-checkbox {
  padding-top: 0;
}
.form-block-combo-checkbox .form-block:last-child {
  padding-bottom: 0;
}
.form-block-highlighted {
  background: #f3f5f7;
  padding: 8px 8px 5px 8px;
  border-radius: 8px;
  margin-bottom: 3px;
}
.form-block-highlighted .form-block-title {
  padding: 8px 10px;
}
.form-block-highlighted.list {
  padding: 8px 0 0 8px;
  margin-right: 8px;
}
.form-block-highlighted.full-width-form {
  padding: 8px 8px 5px 8px;
  margin-right: 8px;
}
.form-block-highlighted.no-space {
  margin: 0;
}
.form-block-highlighted.bottom-space {
  margin: 0 0 6px 0;
}
.form-block-highlighted.clickable {
  cursor: pointer;
}
.form-block-highlighted.clickable:hover {
  background: #e7ebef;
}
.form-block-highlighted .form-block input {
  background: #ffffff;
}
.form-block-highlighted .form-block input:hover,
.form-block-highlighted .form-block input:focus {
  background: #ffffff;
}
.form-block-highlighted .form-block .custom-checkbox [type="checkbox"]:not(:checked) + label:before,
.form-block-highlighted .form-block .custom-checkbox [type="radio"]:not(:checked) + label:before {
  background: #ffffff;
}
.form-block-highlighted .form-block.with-icons input {
  padding-left: 44px;
}
.form-block-highlighted .form-block.with-icons .icon {
  position: absolute;
  margin: 12px 0 0 16px;
}
.form-block-highlighted .react-tel-input .country-list input {
  background: transparent;
}
.form-block-highlighted .react-select-rect__control,
.form-block-highlighted .react-select-rect__control:hover {
  background: #ffffff !important;
}
.form-block-highlighted .bottom-space {
  padding-bottom: 8px;
}
.form-block-highlighted .datetime-controls .bp3-control-group .bp3-input-group input {
  background: #ffffff;
}
.form-block-highlighted .datetime-controls .bp3-control-group .bp3-input-group input:focus {
  background: #ffffff;
}
.form-multiple-inline-block > div {
  display: inline-block;
  margin-right: 6px;
}
.form-multiple-inline-block > div:last-child {
  margin-right: 0;
}
.form-multiple-inline-block > div.combo-input.date-MM-YYYY input {
  display: inline-block;
  text-align: center;
}
.form-multiple-inline-block > div.combo-input.date-MM-YYYY input:first-child {
  width: 50px;
  margin-right: 6px;
}
.form-multiple-inline-block > div.combo-input.date-MM-YYYY input:last-child {
  width: 70px;
}
.form-multiple-inline-block.equal-columns {
  display: flex;
}
.form-multiple-inline-block.equal-columns .combo-input {
  width: 33.33%;
  margin: 0;
  padding-right: 6px;
}
.form-multiple-inline-block.equal-columns .combo-input:last-child {
  padding: 0;
}
.form-multiple-inline-block.full-width {
  padding-bottom: 6px;
}
.form-multiple-inline-block.full-width .form-multiple-inline-block-container {
  display: flex;
  width: 100%;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.form-multiple-inline-block.full-width .form-multiple-inline-block-container > div {
  display: flex;
  flex-grow: 1;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-right: 6px;
}
.form-multiple-inline-block.full-width .form-multiple-inline-block-container > div:last-child {
  flex-grow: 0;
  margin-right: 0;
}
.form-multiple-inline-block.full-width .form-multiple-inline-block-error > div {
  display: inline-block;
  margin-right: 3px;
}
.form-multiple-inline-block.full-width .form-multiple-inline-block-error > div:last-child {
  margin-right: 0;
}
.sort-item,
.delete-item {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: #edf0f3;
  border-radius: 100%;
  cursor: pointer;
}
.sort-item span.icon,
.delete-item span.icon {
  position: absolute;
  display: inline-block;
  padding: 7px 0 0 7px;
}
.sort-item:hover,
.delete-item:hover {
  background: #d7dee4;
}
.sort-item span.icon {
  padding: 7px 0 0 6px;
}
.delete-item span.icon {
  position: absolute;
  display: inline-block;
  padding: 7px 0 0 7px;
}
.delete-item:hover {
  color: #ffffff;
  background: #cf8afb;
}
.full-width-container {
  text-align: center;
}
.full-width-container .add-item {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  width: 100%;
  display: block;
  color: #424d60;
  padding: 9px 20px 9px 40px;
  background: transparent;
  border: 1px solid #dde3e9;
}
.full-width-container .add-item span.icon {
  position: absolute;
  margin-left: -26px;
}
.full-width-container .add-item:hover {
  color: #3c4257;
  border-color: #b3bcc9;
}
.inlineform-container .form-inlineblock .form-block {
  float: left;
}
.inlineform-container .form-inlineblock .form-block input {
  padding: 10px;
  margin-right: 5px;
  background: #ffffff;
  border: 0;
  border-radius: 8px;
  transition: all 100ms ease-in-out;
}
.inlineform-container .form-inlineblock .form-submit {
  float: left;
}
.inlineform-container .form-inlineblock .form-submit button {
  border-radius: 30px;
  padding: 10px;
}
@media (max-width: 575.98px) {
  .inlineform-container .form-inlineblock .form-block {
    width: 100%;
  }
  .inlineform-container .form-inlineblock .form-block input {
    width: 100%;
    border: 1px solid #b3bcc9;
    margin: 0;
    margin-bottom: 10px;
  }
  .inlineform-container .form-inlineblock .form-submit {
    width: 100%;
  }
}
.custom-checkbox [type="checkbox"]:not(:checked),
.custom-checkbox [type="checkbox"]:checked,
.custom-checkbox [type="radio"]:not(:checked),
.custom-checkbox [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.custom-checkbox [type="checkbox"]:not(:checked) + label,
.custom-checkbox [type="checkbox"]:checked + label,
.custom-checkbox [type="radio"]:not(:checked) + label,
.custom-checkbox [type="radio"]:checked + label {
  position: relative;
  cursor: pointer;
}
.custom-checkbox [type="checkbox"]:checked + label,
.custom-checkbox [type="radio"]:checked + label {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.custom-checkbox [type="checkbox"]:not(:checked) + label:before,
.custom-checkbox [type="checkbox"]:checked + label:before,
.custom-checkbox [type="radio"]:not(:checked) + label:before,
.custom-checkbox [type="radio"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  border: 1px solid #dde3e9;
  background: transparent;
  border-radius: 30px;
}
.custom-checkbox [type="checkbox"]:not(:checked):hover + label:before,
.custom-checkbox [type="checkbox"]:checked:hover + label:before,
.custom-checkbox [type="radio"]:not(:checked):hover + label:before,
.custom-checkbox [type="radio"]:checked:hover + label:before {
  border-color: #b3bcc9;
}
.custom-checkbox [type="checkbox"]:checked + label:before,
.custom-checkbox [type="radio"]:checked + label:before,
.custom-checkbox [type="checkbox"]:checked:hover + label:before,
.custom-checkbox [type="radio"]:checked:hover + label:before {
  border-color: #3fdaed;
  background: #3fdaed;
}
.custom-checkbox [type="checkbox"]:not(:checked) + label:after,
.custom-checkbox [type="checkbox"]:checked + label:after,
.custom-checkbox [type="radio"]:not(:checked) + label:after,
.custom-checkbox [type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-image: url("/icons/check.svg");
  background-position: 4px 2px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  transition: all 100ms ease-in-out;
}
.custom-checkbox [type="checkbox"]:not(:checked) + label:after,
.custom-checkbox [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.custom-checkbox [type="checkbox"]:checked + label:after,
.custom-checkbox [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.custom-checkbox [type="checkbox"]:checked:focus + label:before,
.custom-checkbox [type="checkbox"]:not(:checked):focus + label:before,
.custom-checkbox [type="radio"]:checked:focus + label:before,
.custom-checkbox [type="radio"]:not(:checked):focus + label:before {
  border: 1px solid #0c5bfa;
}
input.input-number {
  width: 50px;
  height: 30px;
  text-align: center;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 30px;
}
input.input-number:hover {
  border-color: #b3bcc9;
}
input.input-number:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.attitude-scoring-rules .attitude-scoring-item {
  display: inline-block;
  margin-top: 5px;
}
.attitude-scoring-rules .attitude-scoring-item .icon {
  color: #dde3e9;
}
.attitude-scoring-rules .attitude-scoring-item.negative .icon {
  float: left;
}
.attitude-scoring-rules .attitude-scoring-item.negative input {
  margin-left: 8px;
}
.attitude-scoring-rules .attitude-scoring-item.positive .icon {
  float: right;
}
.attitude-scoring-rules .attitude-scoring-item.positive input {
  margin: 0 8px;
}
.attitude-scoring-rules .attitude-scoring-item input {
  width: 50px;
  height: 30px;
  text-align: center;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 30px;
}
.attitude-scoring-rules .attitude-scoring-item input:hover {
  border-color: #b3bcc9;
}
.attitude-scoring-rules .attitude-scoring-item input:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.attitude-scoring-rules .attitude-scoring-item input:hover ~ span.icon.positive,
.attitude-scoring-rules .attitude-scoring-item input:focus ~ span.icon.positive {
  color: #5decdf;
}
.attitude-scoring-rules .attitude-scoring-item input:hover ~ span.icon.negative,
.attitude-scoring-rules .attitude-scoring-item input:focus ~ span.icon.negative {
  color: #ff5b80;
}
.checkbox-group {
  color: #3c4257;
}
.checkbox-group label {
  display: block;
  padding: 5px 0 5px 26px;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
.checkbox-group label span {
  line-height: 1.5;
}
.checkbox-group label:hover span {
  color: #1b1f36;
}
.checkbox-group [type="checkbox"]:checked + span,
.checkbox-group [type="radio"]:checked + span {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
}
.checkbox-group [type="checkbox"],
.checkbox-group [type="radio"] {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-left: -26px;
  border: 1px solid #dde3e9;
  background: transparent;
  border-radius: 30px;
  cursor: pointer;
}
.checkbox-group [type="checkbox"]:not(:checked):hover,
.checkbox-group [type="radio"]:not(:checked):hover {
  border-color: #b3bcc9;
}
.checkbox-group [type="checkbox"]:checked,
.checkbox-group [type="radio"]:checked {
  border-color: #3fdaed;
  background: #3fdaed;
}
.checkbox-group [type="checkbox"]:before,
.checkbox-group [type="radio"]:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url("/icons/check.svg");
  background-position: 1px 1px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  transition: all 100ms ease-in-out;
}
.checkbox-group [type="checkbox"]:not(:checked):before,
.checkbox-group [type="radio"]:not(:checked):before {
  opacity: 0;
  transform: scale(0);
}
.checkbox-group [type="checkbox"]:checked:before,
.checkbox-group [type="radio"]:checked:before {
  opacity: 1;
  transform: scale(1);
}
.checkbox-group .actions {
  position: absolute;
  right: 16px;
  color: #697386;
  padding: 7px 0 2px 0;
  cursor: pointer;
}
.checkbox-group .actions:hover {
  color: #1b1f36;
}
.form-container-error {
  position: relative;
  height: 100%;
}
.form-container-error .form-container-error-container {
  z-index: 1060;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffcfde;
  text-align: center;
  opacity: 0.97;
}
.form-container-error .form-container-error-container .form-container-error-inner {
  display: flex;
  height: 100%;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  padding: 16px;
}
.form-container-error .form-container-error-container .form-container-error-inner .icon.error {
  color: #bb6dec;
  line-height: 0;
}
.form-container-error .form-container-error-container .form-container-error-inner .error-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-top: 16px;
}
.form-container-error .form-container-error-container .form-container-error-inner .error-button {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
  color: #ffffff;
  padding: 10px 16px;
  margin-top: 16px;
  background: #0c5bfa;
  border: 1px solid #0c5bfa;
  border-radius: 40px;
}
.form-container-error .form-container-error-container .form-container-error-inner .error-button:hover {
  color: #ffffff;
  background: #004fef;
}
.card-selection {
  width: 20%;
  display: flex;
  flex-direction: column;
  padding: 0 8px 8px 0;
}
.card-selection input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.card-selection input[type="radio"]:checked ~ .template-item {
  border-color: #3fdaed;
  box-shadow: 0 0 0 1px inset #3fdaed;
  cursor: default;
}
.card-selection input[type="radio"]:checked ~ .template-item > .checkmark {
  display: inline-block;
  color: #ffffff;
  background-color: #3fdaed;
}
.card-selection .template-item {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 144px;
  background: #ffffff;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
  transition-property: border;
  cursor: pointer;
  overflow: hidden;
}
.card-selection .template-item .checkmark {
  display: none;
  position: absolute;
  right: 0;
  height: 25px;
  width: 25px;
  margin: 10px;
  background-color: #edf0f3;
  border-radius: 50%;
}
.card-selection .template-item .checkmark .icon {
  position: absolute;
  margin: 4px 0 0 4px;
}
.card-selection .template-item .template-icon {
  display: inline-block;
  margin: 10px;
  padding: 6px;
  background: #edf0f3;
  border-radius: 8px;
}
.card-selection .template-item .template-info {
  color: #1b1f36;
  padding: 10px 10px 0 10px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-selection .template-item .template-info.all-rows-visible {
  -webkit-line-clamp: initial;
  overflow: initial;
  text-overflow: initial;
}
.card-selection .template-item .template-details {
  font-size: 0.9rem;
  color: #697386;
  padding: 0 10px;
  line-height: 24px;
}
.card-selection .template-item.actions {
  border-radius: 8px 8px 0 0;
}
.card-selection .template-item:hover {
  border-color: #b3bcc9;
}
.card-selection .template-item.disabled {
  cursor: initial;
  border-color: #e7ebef;
}
.card-selection .template-item.disabled .template-icon {
  opacity: 0.6;
  line-height: 1;
}
.card-selection .template-item.disabled .template-info {
  color: #697386;
}
.card-selection .template-item.disabled:hover {
  border-color: #e7ebef;
}
.card-selection .template-item.disabled .icon-circle.lock {
  float: right;
  margin: 14px 10px;
}
.card-selection .template-item.with-template-addon {
  border-radius: 8px 8px 0 0;
}
.card-selection.medium .template-item {
  height: 100%;
  padding-bottom: 10px;
}
.card-selection.medium .template-item .template-info {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.card-selection.small .template-item {
  height: 100%;
  padding-bottom: 10px;
}
.card-selection.small .template-item .template-info {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.card-selection.small .template-item .template-icon {
  margin: 10px 0 0 10px;
}
.card-selection.xsmall {
  width: 25%;
  height: 100%;
}
.card-selection.xsmall .template-item {
  height: 100%;
  padding-bottom: 8px;
}
.card-selection.xsmall .template-item .template-icon {
  margin: 10px 0 6px 10px;
}
.card-selection.xsmall .template-item .template-info {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  color: #1b1f36 !important;
  padding: 0 10px;
}
.card-selection.xsmall .template-addon {
  padding: 6px 10px 10px 10px;
}
@media (max-width: 575.98px) {
  .card-selection.xsmall {
    width: 50%;
  }
}
.flow-setup-block.list > div {
  padding-bottom: 8px;
}
.flow-setup-block .flow-block-section h3 {
  padding: 16px 10px 0 10px;
}
.flow-setup-block .flow-block-header .flow-block-description {
  padding: 2px 0 8px 0;
}
.flow-setup-block .flow-block-header .flow-block-description h3,
.flow-setup-block .flow-block-header .flow-block-description p {
  padding-bottom: 16px;
}
.flow-setup-block .flow-block-header .flow-block-description ul {
  list-style-type: disc;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 20px;
  padding-bottom: 10px;
}
.flow-setup-block .flow-block-header .flow-block-description ul li {
  padding-bottom: 6px;
  line-height: 1.35;
}
.flow-setup-block .flow-block-footer .flow-block-description {
  padding-top: 32px;
}
.flow-setup-block .flow-block-footer .flow-block-description p {
  padding-bottom: 16px;
}
.flow-setup-block .card-selection-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.flow-setup-block .card-selection .item-footer-controls-container {
  display: none;
}
.flow-setup-block .card-selection:hover {
  border-color: #b3bcc9;
}
.flow-setup-block .card-selection:hover .item-footer-controls-container {
  display: block;
  width: 100%;
  text-align: right;
}
.flow-setup-block .card-selection:hover .item-footer-controls-container .item-footer-controls {
  width: 100%;
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.flow-setup-block .question-template-selection {
  width: 100%;
  display: block;
  padding: 0 8px 8px 0;
}
.flow-setup-block .question-template-selection a.question-template-selection-item,
.flow-setup-block .question-template-selection .question-template-selection-item {
  display: block;
  position: relative;
  color: #1b1f36;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
  transition-property: all;
}
.flow-setup-block .question-template-selection a.question-template-selection-item .template-icon,
.flow-setup-block .question-template-selection .question-template-selection-item .template-icon {
  display: inline-block;
  margin-bottom: 10px;
  padding: 6px;
  background: #edf0f3;
  border-radius: 8px;
}
.flow-setup-block .question-template-selection a.question-template-selection-item .template-title,
.flow-setup-block .question-template-selection .question-template-selection-item .template-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
  padding-top: 10px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flow-setup-block .question-template-selection a.question-template-selection-item .template-date,
.flow-setup-block .question-template-selection .question-template-selection-item .template-date {
  font-size: 0.9rem;
  color: #697386;
  line-height: 24px;
}
.flow-setup-block .question-template-selection a.question-template-selection-item .template-questions,
.flow-setup-block .question-template-selection .question-template-selection-item .template-questions {
  padding-top: 20px;
}
.flow-setup-block .question-template-selection a.question-template-selection-item .template-questions .template-question-description,
.flow-setup-block .question-template-selection .question-template-selection-item .template-questions .template-question-description {
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-top: 1px solid #e7ebef;
}
.flow-setup-block .question-template-selection a.question-template-selection-item .template-questions .template-question-description .question-num-container,
.flow-setup-block .question-template-selection .question-template-selection-item .template-questions .template-question-description .question-num-container {
  font-size: 0.9rem;
  padding-right: 10px;
}
.flow-setup-block .question-template-selection a.question-template-selection-item .template-questions .template-question-description .template-question-content,
.flow-setup-block .question-template-selection .question-template-selection-item .template-questions .template-question-description .template-question-content {
  line-height: 1.3;
}
.flow-setup-block .question-template-selection a.question-template-selection-item .template-questions .template-question-details > div,
.flow-setup-block .question-template-selection .question-template-selection-item .template-questions .template-question-details > div {
  display: inline-block;
  font-size: 0.9rem;
  color: #424d60;
}
.flow-setup-block .question-template-selection a.question-template-selection-item:hover,
.flow-setup-block .question-template-selection .question-template-selection-item:hover {
  border-color: #b3bcc9;
}
.flow-setup-block .question-template-selection .item-footer-controls-container {
  display: none;
}
.flow-setup-block .question-template-selection:hover {
  border-color: #b3bcc9;
}
.flow-setup-block .question-template-selection:hover .item-footer-controls-container {
  display: block;
  width: 100%;
  text-align: right;
}
.flow-setup-block .question-template-selection:hover .item-footer-controls-container .item-footer-controls {
  width: 100%;
  position: absolute;
  right: 10px;
  top: 10px;
}
.flow-setup-block .additional-information {
  display: block;
  position: relative;
  padding: 0 8px 8px 0;
}
.flow-setup-block .additional-information .additional-information-item {
  display: block;
  color: #1b1f36;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
  transition-property: all;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header {
  display: flex;
  padding-bottom: 8px;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header:first-child {
  padding-top: 0;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header:last-child {
  padding-bottom: 0;
  border: 0;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header .additional-information-icon {
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  border-radius: 30px;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header .additional-information-icon span.icon {
  color: #1b1f36;
  line-height: 0;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header .additional-information-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-left: 8px;
  flex-grow: 1;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header .additional-information-title p {
  line-height: 1.35;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header .additional-information-title .icon-set {
  margin: 3px 0 0 0;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header .additional-information-score {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  min-width: 30px;
  min-height: 30px;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  margin-left: 8px;
  background: #edf0f3;
  border-radius: 30px;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header .additional-information-status {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header .additional-information-status > span {
  line-height: 0;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header .additional-information-status .cross-check-icons {
  display: flex;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header .additional-information-status .cross-check-icons .icon {
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin: 0;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-header .additional-information-status .cross-check-icons .icon-circle {
  margin: 0 0 0 4px;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-content {
  display: block;
  padding-top: 8px;
  border-top: 1px solid #e7ebef;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-content .additional-information-content-block {
  padding-bottom: 8px;
  margin-bottom: 8px;
  line-height: 1.3;
  border-bottom: 1px solid #e7ebef;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-content .additional-information-content-block:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-content .text-choice-comment {
  display: block;
  margin-top: 4px;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-content .text-choice-answer .text-choice-selection {
  display: inline-block;
  padding: 5px 15px;
  margin: 2px 2px 2px 0;
  line-height: 1.35;
  background: #f3f5f7;
  border-radius: 30px;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-content .fade {
  color: #424d60;
}
.flow-setup-block .additional-information .additional-information-item .additional-information-content .fade2 {
  color: #697386;
}
.flow-setup-block .additional-information .additional-information-item .icon-set {
  float: right;
  display: flex;
  align-items: center;
}
.flow-setup-block .additional-information .additional-information-item .icon-set .cross-check-icons {
  display: flex;
}
.flow-setup-block .additional-information .additional-information-item .icon-set .cross-check-icons .icon {
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin: 0;
}
.flow-setup-block .additional-information .additional-information-item .icon-set .cross-check-icons .icon-circle.notice,
.flow-setup-block .additional-information .additional-information-item .icon-set .cross-check-icons .icon-circle.attention {
  margin: 0 0 0 4px;
}
.flow-setup-block .tag-container > div {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
  color: #1b1f36;
  padding: 6px 12px;
  margin: 0 8px 8px 0;
  background: #dde3e9;
  border-radius: 30px;
}
.flow-setup-block .tag-container > div em {
  font-size: 0.9rem;
  color: #697386;
  margin-left: 6px;
}
.flow-setup-block .item-footer-controls {
  width: 100%;
  position: absolute;
  bottom: 8px;
}
.flow-setup-block .item-footer-controls .item-add,
.flow-setup-block .item-footer-controls .item-remove {
  display: inline-block;
  padding: 8px 12px 8px 32px;
  color: #ffffff;
  border-radius: 30px;
}
.flow-setup-block .item-footer-controls .item-add .icon,
.flow-setup-block .item-footer-controls .item-remove .icon {
  position: absolute;
  padding-top: 1px;
}
.flow-setup-block .item-footer-controls .item-add {
  background: #00dca6;
}
.flow-setup-block .item-footer-controls .item-add:hover {
  background: #00d6a1;
}
.flow-setup-block .item-footer-controls .item-add .icon {
  margin: -1px 0 0 -20px;
}
.flow-setup-block .item-footer-controls .item-remove {
  background: #d592ff;
  transition: all 100ms ease-in-out;
}
.flow-setup-block .item-footer-controls .item-remove:hover {
  background: #cf8afb;
}
.flow-setup-block .item-footer-controls .item-remove .icon {
  margin: -1px 0 0 -20px;
}
.flow-setup-block .template-addon {
  display: block;
  line-height: 1;
  padding: 10px;
}
.flow-setup-block a.template-addon {
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #dde3e9;
  border-top: 0;
  border-radius: 0 0 8px 8px;
}
.flow-setup-block a.template-addon:hover .combo-info-columns-title,
.flow-setup-block a.template-addon:hover .reference-type-description {
  color: #1b1f36 !important;
}
.flow-setup-block .template-addon .combo-info-columns-title,
.flow-setup-block .combo-info-columns .combo-info-columns-title,
.flow-setup-block .template-addon .reference-type-description,
.flow-setup-block .combo-info-columns .reference-type-description {
  font-size: 0.9rem;
  padding: 2px 0;
}
.flow-setup-block .template-addon .combo-info-columns-title,
.flow-setup-block .combo-info-columns .combo-info-columns-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
}
.flow-setup-block .template-addon .combo-info-columns-title a,
.flow-setup-block .combo-info-columns .combo-info-columns-title a {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
}
.flow-setup-block .template-addon .reference-type-description,
.flow-setup-block .combo-info-columns .reference-type-description {
  color: #424d60;
  line-height: 1.35;
}
.flow-setup-block .form-container-50 {
  width: 50%;
}
.flow-setup-block .form-container-70 {
  width: 70%;
}
.flow-setup-block .form-container-45 {
  width: 45%;
}
.flow-setup-block .form-container-90 {
  width: 90%;
}
.flow-setup-block .form-container-100 {
  margin-right: 8px;
}
.internal-approval-pricing-form .form-multiple-inline-block {
  padding-bottom: 0;
}
.internal-approval-pricing-form .form-multiple-inline-block .form-multiple-inline-block-container > div {
  flex-grow: initial;
  flex-basis: 50%;
}
.dynamic-input {
  width: 100%;
  color: #1b1f36;
  line-height: 1;
  padding: 11px 10px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
.dynamic-input:hover {
  border-color: #b3bcc9;
}
.buttons-block.full-width button {
  width: 100%;
  margin-bottom: 8px;
}
.buttons-block.full-width button:last-child {
  margin: 0;
}
a {
  color: #0c5bfa;
  text-decoration: none;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
a:hover,
a:active {
  color: #0363ff;
}
a:focus {
  outline: none;
}
.combo-link-container {
  padding: 16px 16px 16px 0;
}
.combo-link-container .combo-link-header {
  display: flex;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding: 0 20px 12px 20px;
}
@media (max-width: 575.98px) {
  .combo-link-container .combo-link-header {
    display: none;
  }
}
.combo-link-container .combo-link-inner {
  background: #ffffff;
  border-radius: 8px;
}
.combo-link-item {
  border-top: 1px solid #f3f5f7;
}
.combo-link-item:first-child {
  border: 0;
}
.combo-link-item:hover {
  background: #f3f5f7;
  border-color: transparent;
  border-radius: 8px;
}
.combo-link-item:hover + div {
  border-color: transparent;
}
.combo-link-item:hover .contacts-column a.icon-rounded {
  background: #e7ebef;
}
.combo-link-item:hover .contacts-column a.icon-rounded:hover {
  background: #dde3e9;
}
.combo-link {
  display: flex;
  color: #1b1f36;
  padding: 12px 20px;
}
.combo-link .combo-link-info {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.combo-link .combo-link-info .two-row-column .two-row-column-inner {
  padding-right: 20px;
}
.combo-link .combo-link-info .two-row-column .two-row-column-inner .first-row {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
}
.combo-link .combo-link-info .two-row-column .two-row-column-inner .second-row {
  overflow: hidden;
  font-size: 0.9rem;
  color: #1b1f36;
  padding-top: 4px;
  line-height: 1.2;
}
.combo-link .combo-link-info .two-row-column .two-row-column-inner .second-row.top-space {
  padding-top: 8px;
}
.combo-link .combo-link-info .fade {
  color: #697386;
}
.combo-link:hover {
  color: #1b1f36;
}
a.combo-info-link,
.combo-info-link {
  display: block;
  padding: 14px 10px;
  background: #ffffff;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
  transition-property: all;
}
a.combo-info-link.tag-list,
.combo-info-link.tag-list {
  padding: 14px 10px 10px 10px;
}
a.combo-info-link .combo-info-link-title,
.combo-info-link .combo-info-link-title {
  color: #1b1f36;
  padding: 10px 0;
  border-bottom: 1px solid #e7ebef;
}
a.combo-info-link .combo-info-link-title:first-child,
.combo-info-link .combo-info-link-title:first-child {
  padding-top: 0;
}
a.combo-info-link .combo-info-link-title:last-child,
.combo-info-link .combo-info-link-title:last-child {
  padding-bottom: 0;
  border: 0;
}
a.combo-info-link .combo-info-columns-container .combo-info-columns,
.combo-info-link .combo-info-columns-container .combo-info-columns {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fill, 30%);
  padding: 10px 0;
  border-bottom: 1px solid #e7ebef;
}
a.combo-info-link .combo-info-columns-container .combo-info-columns:last-child,
.combo-info-link .combo-info-columns-container .combo-info-columns:last-child {
  padding-bottom: 0;
  border: 0;
}
a.combo-info-link .combo-info-columns-container .combo-info-columns > div,
.combo-info-link .combo-info-columns-container .combo-info-columns > div {
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #1b1f36;
}
a.combo-info-link .combo-info-columns-container .combo-info-columns.combo-info-columns-first-column,
.combo-info-link .combo-info-columns-container .combo-info-columns.combo-info-columns-first-column {
  display: flex;
  color: #1b1f36;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
a.combo-info-link .combo-info-columns-container .combo-info-columns .combo-info-columns-title,
.combo-info-link .combo-info-columns-container .combo-info-columns .combo-info-columns-title {
  font-size: 1rem;
}
a.combo-info-link .combo-info-columns-container .combo-info-columns .combo-info-columns-title .fade,
.combo-info-link .combo-info-columns-container .combo-info-columns .combo-info-columns-title .fade {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #697386;
}
a.combo-info-link .combo-info-columns-container .combo-info-column-fluid,
.combo-info-link .combo-info-columns-container .combo-info-column-fluid {
  display: block;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #e7ebef;
}
a.combo-info-link .combo-info-columns-container .combo-info-column-fluid:last-child,
.combo-info-link .combo-info-columns-container .combo-info-column-fluid:last-child {
  padding-bottom: 0;
  border: 0;
}
a.combo-info-link .combo-info-columns-container .combo-info-column-fluid > div,
.combo-info-link .combo-info-columns-container .combo-info-column-fluid > div {
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #1b1f36;
}
a.combo-info-link .combo-info-columns-container .combo-info-column-fluid.combo-info-columns-first-column,
.combo-info-link .combo-info-columns-container .combo-info-column-fluid.combo-info-columns-first-column {
  display: flex;
  color: #1b1f36;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
a.combo-info-link .combo-info-columns-container .combo-info-column-fluid .combo-info-columns-title,
.combo-info-link .combo-info-columns-container .combo-info-column-fluid .combo-info-columns-title {
  font-size: 1rem;
}
a.combo-info-link .combo-info-columns-container .combo-info-column-fluid .combo-info-columns-title .fade,
.combo-info-link .combo-info-columns-container .combo-info-column-fluid .combo-info-columns-title .fade {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #697386;
}
a.combo-info-link .combo-info-columns-container .combo-info-columns:first-child,
.combo-info-link .combo-info-columns-container .combo-info-columns:first-child {
  padding-top: 0;
}
a.combo-info-link .combo-info-card-container .combo-info-columns,
.combo-info-link .combo-info-card-container .combo-info-columns {
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #e7ebef;
}
a.combo-info-link .combo-info-card-container .combo-info-columns:last-child,
.combo-info-link .combo-info-card-container .combo-info-columns:last-child {
  padding-bottom: 0;
  border: 0;
}
a.combo-info-link .combo-info-card-container .combo-info-columns > div,
.combo-info-link .combo-info-card-container .combo-info-columns > div {
  height: 100%;
  color: #1b1f36;
}
a.combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-col-1,
.combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-col-1 {
  display: flex;
  color: #1b1f36;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 1.25rem;
  flex: 1;
  line-height: 1.25;
}
a.combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-col-2,
.combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-col-2 {
  color: #424d60;
}
a.combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-col-2 > div,
.combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-col-2 > div {
  margin-right: 20px;
}
a.combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-col-2 > div:last-child,
.combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-col-2 > div:last-child {
  margin-right: 0;
}
a.combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-description,
.combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-description {
  font-size: 0.9rem;
  color: #424d60;
}
@media (max-width: 575.98px) {
  a.combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-col-1,
  .combo-info-link .combo-info-card-container .combo-info-columns .combo-info-columns-col-1 {
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
  }
}
a.combo-info-link .combo-info-card-container .combo-info-columns:first-child,
.combo-info-link .combo-info-card-container .combo-info-columns:first-child {
  padding-top: 0;
}
a.combo-info-link .tag-container,
.combo-info-link .tag-container {
  padding: 16px 0 0 16px;
  margin-top: 10px;
  background: #f9fafb;
  border-radius: 10px;
}
a.combo-info-link .tag-container > div,
.combo-info-link .tag-container > div {
  margin: 0 8px 16px 0;
}
a.combo-info-link.assessment-item .assessment-item-header,
.combo-info-link.assessment-item .assessment-item-header {
  display: flex;
  padding: 1rem;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
a.combo-info-link.assessment-item .assessment-item-header > div,
.combo-info-link.assessment-item .assessment-item-header > div {
  flex: 1;
}
a.combo-info-link.assessment-item .assessment-item-header .assessment-item-name,
.combo-info-link.assessment-item .assessment-item-header .assessment-item-name {
  font-size: 1.25rem;
}
a.combo-info-link.assessment-item .assessment-item-header .assessment-item-name a,
.combo-info-link.assessment-item .assessment-item-header .assessment-item-name a {
  color: #1b1f36;
  border-bottom: 1px solid #e7ebef;
}
a.combo-info-link.assessment-item .assessment-item-header .assessment-item-response-bar,
.combo-info-link.assessment-item .assessment-item-header .assessment-item-response-bar {
  font-size: 0.9rem;
  color: #424d60;
  text-align: right;
}
a.combo-info-link.assessment-item .assessment-item-header .assessment-item-response-bar span.checkmark,
.combo-info-link.assessment-item .assessment-item-header .assessment-item-response-bar span.checkmark {
  position: absolute;
  margin-top: 0;
}
a.combo-info-link.assessment-item.disabled,
.combo-info-link.assessment-item.disabled {
  border-color: #e7ebef;
}
a.combo-info-link.assessment-item.disabled .combo-info-columns-col-1,
.combo-info-link.assessment-item.disabled .combo-info-columns-col-1 {
  opacity: 0.6;
}
a.combo-info-link.assessment-item.disabled .combo-info-columns-description,
.combo-info-link.assessment-item.disabled .combo-info-columns-description {
  color: #b3bcc9;
}
a.combo-info-link.reference-item,
.combo-info-link.reference-item {
  display: flex;
  align-items: center;
}
a.combo-info-link.reference-item .profile-report-user,
.combo-info-link.reference-item .profile-report-user {
  flex-grow: 1;
}
a.combo-info-link.reference-item .date,
.combo-info-link.reference-item .date {
  font-size: 0.9rem;
  color: #424d60;
}
a.combo-info-link:hover {
  border-color: #b3bcc9;
}
.page-nav {
  height: 62px;
}
.page-nav.low-level {
  z-index: -1;
  position: fixed;
  width: 100%;
}
@media (max-width: 575.98px) {
  .page-nav {
    height: auto;
  }
  .page-nav.low-level {
    display: none;
  }
}
.sub-nav {
  text-align: center;
}
.sub-nav ul li {
  display: inline-block;
}
.sub-nav ul a {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #697386;
}
.sub-nav ul a:hover {
  color: #424d60;
}
.sub-nav ul a:active {
  color: #1b1f36;
}
.react-select-rect__input {
  width: auto !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.react-select__control {
  min-height: 34px !important;
  background: transparent !important;
  border: 1px solid #dde3e9 !important;
  border-radius: 30px !important;
}
.react-select__control:hover {
  border-color: #b3bcc9 !important;
}
.react-select__control .react-select__value-container {
  padding: 0.3rem 0.6rem;
}
.react-select__control .react-select__value-container .react-select__single-value {
  color: #1b1f36;
}
.react-select__control .react-select__indicator-separator {
  display: none;
}
.react-select__control .react-select__placeholder {
  font-size: 100%;
  color: #697386;
}
.react-select__control--is-focused {
  background: transparent !important;
  border-color: #b3bcc9 !important;
  box-shadow: 0 0 0 0 !important;
}
.react-select__control--is-focused:hover {
  background: transparent !important;
  border-color: #0c5bfa !important;
  box-shadow: 0px 0 0 1px inset #0c5bfa !important;
}
.react-select-rect-facet__menu,
.react-select__menu {
  overflow: hidden;
  border-radius: 8px !important;
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08) !important;
}
.react-select-rect-facet__menu .react-select__menu-list,
.react-select__menu .react-select__menu-list {
  padding: 0;
}
.react-select-rect-facet__menu .react-select-rect-facet__option,
.react-select__menu .react-select-rect-facet__option,
.react-select-rect-facet__menu .react-select__option,
.react-select__menu .react-select__option {
  font-size: 100%;
}
.react-select-rect-facet__menu .react-select-rect-facet__option:hover,
.react-select__menu .react-select-rect-facet__option:hover,
.react-select-rect-facet__menu .react-select__option:hover,
.react-select__menu .react-select__option:hover {
  color: #ffffff;
  background: #0c5bfa;
}
.react-select-rect-facet__menu .react-select-rect-facet__option--is-focused,
.react-select__menu .react-select-rect-facet__option--is-focused,
.react-select-rect-facet__menu .react-select__option--is-focused,
.react-select__menu .react-select__option--is-focused {
  color: #1b1f36;
  background: #ffffff;
}
.react-select-rect-facet__menu .react-select__option--is-selected,
.react-select__menu .react-select__option--is-selected {
  color: #ffffff;
  background: #0c5bfa;
}
.react-select-rect__control {
  min-height: 34px !important;
  background: transparent !important;
  border: 1px solid #dde3e9 !important;
  border-radius: 8px !important;
}
.react-select-rect__control .react-select-rect__multi-value {
  background-color: #dde3e9;
  border-radius: 8px;
}
.react-select-rect__control .react-select-rect__multi-value__remove {
  border-radius: 50%;
}
.react-select-rect__control .react-select-rect__multi-value__remove:hover {
  color: #ffffff;
  background: #d592ff;
}
.react-select-rect__control.react-select-big-rounded {
  font-size: 1.25rem;
}
.react-select-rect__control:hover {
  border-color: #b3bcc9 !important;
}
.react-select-rect__control .react-select-rect__value-container {
  padding: 4px 9px;
}
.react-select-rect__control .react-select-rect__value-container .react-select-rect__single-value {
  color: #1b1f36;
  overflow: visible;
}
.react-select-rect__control .react-select-rect__value-container .react-select-rect__single-value.with-description .group-item {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-top: 6px;
}
.react-select-rect__control .react-select-rect__value-container .react-select-rect__single-value.with-description .group-details {
  font-size: 0.9rem;
  color: #697386;
  padding-bottom: 6px;
}
.react-select-rect__control .react-select-rect__value-container .react-select-rect__single-value.with-columns {
  display: flex;
  align-items: center;
  padding: 4px 0;
  line-height: 1.2;
}
.react-select-rect__control .react-select-rect__value-container .react-select-rect__single-value.with-columns .col-1 {
  flex-grow: 1;
}
.react-select-rect__control .react-select-rect__value-container .react-select-rect__single-value.with-columns .group-item {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.react-select-rect__control .react-select-rect__value-container .react-select-rect__single-value.with-columns .group-details,
.react-select-rect__control .react-select-rect__value-container .react-select-rect__single-value.with-columns .group-description {
  font-size: 0.9rem;
  color: #697386;
}
.react-select-rect__control .react-select-rect__value-container .react-select-rect__single-value.with-columns .group-tags {
  font-size: 0.9rem;
  color: #697386;
}
.react-select-rect__control .react-select-rect__indicator-separator {
  display: none;
}
.react-select-rect__control .react-select-rect__placeholder {
  font-size: 100%;
  color: #697386;
}
.react-select-rect__control.error-input {
  border-color: #d592ff !important;
  box-shadow: 0px 0 0 0 inset transparent;
}
.react-select-rect__control.react-select-big-rounded {
  padding: 6px 10px;
  border: 1px solid #dde3e9;
  border-radius: 30px !important;
}
.react-select-rect-facet__control {
  border-radius: 8px !important;
}
.react-select-rect-facet__control:hover {
  background: transparent;
  border-color: #b3bcc9;
}
.react-select-rect-facet__control--is-focused,
.react-select-rect__control--is-focused {
  background: transparent !important;
  border-color: #0c5bfa !important;
  box-shadow: 0px 0 0 1px inset #0c5bfa !important;
}
.react-select-rect-facet__control--is-focused:hover,
.react-select-rect__control--is-focused:hover {
  background: transparent !important;
  border-color: #0c5bfa !important;
  box-shadow: 0px 0 0 1px inset #0c5bfa !important;
}
.react-select-rect-facet__control--is-focused.error-input,
.react-select-rect__control--is-focused.error-input,
.react-select-rect-facet__control--is-focused.error-input:hover,
.react-select-rect__control--is-focused.error-input:hover {
  border-color: #d592ff !important;
  box-shadow: 0px 0 0 1px inset #d592ff !important;
}
.react-select-rect__menu {
  overflow: hidden;
  border-radius: 8px !important;
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08) !important;
  margin-top: 6px !important;
}
.react-select-rect__menu .react-select-rect__menu-list {
  padding: 0;
}
.react-select-rect__menu .react-select-rect__option {
  font-size: 100%;
  padding: 9px 12px;
}
.react-select-rect__menu .react-select-rect__option:hover {
  color: #ffffff;
  background: #0c5bfa;
}
.react-select-rect__menu .react-select-rect__option.with-description .group-item {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.react-select-rect__menu .react-select-rect__option.with-description .group-details {
  font-size: 0.9rem;
  color: #697386;
}
.react-select-rect__menu .react-select-rect__option.with-description.react-select-rect__option--is-selected .group-details {
  color: #ffffff;
}
.react-select-rect__menu .react-select-rect__option.with-description:hover .group-details {
  color: #ffffff;
}
.react-select-rect__menu .react-select-rect__option.with-columns {
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.react-select-rect__menu .react-select-rect__option.with-columns .col-1 {
  flex-grow: 1;
}
.react-select-rect__menu .react-select-rect__option.with-columns .group-item {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.react-select-rect__menu .react-select-rect__option.with-columns .group-details,
.react-select-rect__menu .react-select-rect__option.with-columns .group-description {
  font-size: 0.9rem;
  color: #697386;
}
.react-select-rect__menu .react-select-rect__option.with-columns .group-tags {
  font-size: 0.9rem;
  color: #697386;
}
.react-select-rect__menu .react-select-rect__option.with-columns.react-select-rect__option--is-selected .group-details,
.react-select-rect__menu .react-select-rect__option.with-columns.react-select-rect__option--is-selected .group-description {
  color: #ffffff;
}
.react-select-rect__menu .react-select-rect__option.with-columns:hover .group-details,
.react-select-rect__menu .react-select-rect__option.with-columns:hover .group-description {
  color: #ffffff;
}
.react-select-rect__menu .react-select-rect__menu-notice--no-options {
  color: #1b1f36;
  padding: 10px 0;
}
.react-select-rect__menu .react-select-rect__menu-notice--no-options button {
  margin-top: 12px;
}
.react-select-rect__menu .react-select-rect__menu-notice--loading {
  padding: 10px 0;
  color: #697386;
}
.react-select-rect__menu .react-select-rect__option--is-focused {
  color: #1b1f36;
  background: #ffffff;
}
.react-select-rect__menu .react-select-rect__option--is-selected {
  color: #ffffff;
  background: #0c5bfa;
}
.react-select-rect__group {
  padding: 0 !important;
  margin: 0 !important;
}
.react-select-rect__group .react-select-rect__group-heading {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  color: #1b1f36;
  padding: 12px;
  margin: 0 !important;
  background: #f3f5f7;
  border-bottom: 1px solid #e7ebef;
}
section#filters .react-select-rect__control {
  border: 1px solid #dde3e9 !important;
}
section#filters .react-select-rect__control:hover {
  border-color: #b3bcc9 !important;
}
section#filters .react-select-rect__control .react-select-rect__single-value {
  line-height: 40px !important;
}
section#filters .react-select-rect__control--is-focused {
  background: transparent !important;
  border-color: #0c5bfa !important;
  box-shadow: 0px 0 0 1px inset #0c5bfa !important;
}
section#filters .react-select-rect__control--is-focused:hover {
  background: transparent !important;
  border-color: #0c5bfa !important;
  box-shadow: 0px 0 0 1px inset #0c5bfa !important;
}
section#filters .react-select-rect__menu .react-select-rect__option {
  padding: 12px;
}
section#filters .react-select-rect__menu-notice--no-options {
  padding: 12px 0;
}
.no-options-container {
  padding: 10px;
}
.no-options-container .no-options-title {
  display: block;
  font-size: 1.25rem;
  color: #1b1f36;
  margin-bottom: 0.5em;
  line-height: 1.35;
}
.no-options-container .no-options-subtitle {
  display: block;
  color: #1b1f36;
  line-height: 1.35;
}
.react-select-rect__menu .with-inline-blocks .item,
.react-select-rect__control .with-inline-blocks .item {
  line-height: 1.4;
}
.react-select-rect__menu .with-inline-blocks .item.flag,
.react-select-rect__control .with-inline-blocks .item.flag {
  position: absolute;
}
.react-select-rect__menu .with-inline-blocks .item.title,
.react-select-rect__control .with-inline-blocks .item.title {
  display: inline-block;
  padding-left: 28px;
}
.react-select-rect__menu .with-inline-blocks .item.description,
.react-select-rect__control .with-inline-blocks .item.description {
  display: inline-block;
  color: #697386;
  margin-left: 6px;
}
.react-select-rect__menu .with-inline-blocks.react-select-rect__option--is-selected .description,
.react-select-rect__control .with-inline-blocks.react-select-rect__option--is-selected .description,
.react-select-rect__menu .with-inline-blocks:hover .description,
.react-select-rect__control .with-inline-blocks:hover .description {
  color: #ffffff;
}
.react-select-rect__menu .react-select-rect__single-value.with-inline-blocks .item.description,
.react-select-rect__control .react-select-rect__single-value.with-inline-blocks .item.description {
  color: #697386;
}
.react-select-rect__menu .react-select-rect__single-value.with-inline-blocks .item.title.highlighted,
.react-select-rect__control .react-select-rect__single-value.with-inline-blocks .item.title.highlighted {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.react-select-rect__menu.react-select-rect__control--is-disabled,
.react-select-rect__control.react-select-rect__control--is-disabled {
  background: #f9fafb !important;
}
.react-select-rect__menu.react-select-rect__control--is-disabled .react-select-rect__placeholder,
.react-select-rect__control.react-select-rect__control--is-disabled .react-select-rect__placeholder {
  color: #b3bcc9 !important;
}
.react-switch label {
  display: flex;
  align-items: center;
  padding: 5px 0 5px 0;
  border-radius: 30px;
  cursor: pointer;
}
.react-switch label .switch-label {
  display: inline-block;
  margin-right: 8px;
}
.react-switch label .switch {
  display: inline-block;
  vertical-align: middle;
}
.react-switch label:hover {
  color: #0c5bfa;
}
.react-switch label.disabled {
  cursor: initial;
}
.react-switch label.disabled:hover {
  color: #1b1f36;
}
.react-switch.standalone label {
  color: #1b1f36;
  background: #edf0f3;
  padding: 9px 12px 9px 16px;
}
.react-switch.standalone label:hover {
  color: #1b1f36;
  background: #e7ebef;
}
.react-switch.standalone.disabled label {
  cursor: initial;
}
.react-switch.standalone.disabled label:hover {
  background: #edf0f3;
}
.react-switch.disabled label {
  cursor: initial;
}
.react-switch.disabled label:hover {
  background: #edf0f3;
}
.react-switch.inline {
  display: inline-block;
}
.react-switch.full-width .switch-label {
  flex-grow: 1;
}
.react-tel-input .form-control {
  font-size: 1rem !important;
  width: 100% !important;
  height: auto !important;
  padding-left: 54px !important;
  line-height: 100% !important;
  border-radius: 8px !important;
  transition: all 100ms ease-in-out;
}
.react-tel-input .form-control.invalid-number {
  border: 1px solid #d592ff;
  background-color: #d592ff;
  border-left-color: #d592ff;
}
.react-tel-input .form-control.invalid-number:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0 0 0 1px inset #0c5bfa;
}
.react-tel-input .form-control.react-tel-error-input {
  border-color: #d592ff !important;
}
.react-tel-input .form-control.react-tel-error-input:focus {
  background: transparent;
  box-shadow: 0 0 0 0 inset transparent;
}
.react-tel-input .form-control:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0 0 0 1px inset #0c5bfa;
}
.react-tel-input .form-control:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0 0 0 1px inset #0c5bfa;
}
.react-tel-input .form-control:hover + .flag-dropdown {
  background: transparent !important;
  border-color: #b3bcc9 !important;
}
.react-tel-input .form-control:focus + .flag-dropdown {
  background: transparent !important;
  box-shadow: 0 0 0 1px inset #0c5bfa !important;
  border-color: #0c5bfa !important;
}
.react-tel-input .react-tel-error-input.form-control:focus {
  background: transparent;
  border-color: #d592ff;
  box-shadow: 0 0 0 1px inset #d592ff;
}
.react-tel-input .react-tel-error-input.form-control:hover + .flag-dropdown {
  background: transparent !important;
  border-color: #d592ff !important;
}
.react-tel-input .react-tel-error-input.form-control:focus + .flag-dropdown {
  background: transparent !important;
  box-shadow: 0 0 0 1px inset #d592ff !important;
  border-color: #d592ff !important;
}
.react-tel-input .flag-dropdown {
  background: transparent !important;
  border-radius: 8px 0 0 8px !important;
  border: 1px solid #dde3e9 !important;
  transition: all 100ms ease-in-out;
}
.react-tel-input .flag-dropdown .selected-flag {
  width: 44px;
  padding: 0 10px !important;
}
.react-tel-input .flag-dropdown .selected-flag:hover,
.react-tel-input .flag-dropdown .selected-flag:focus {
  background: transparent !important;
}
.react-tel-input .flag-dropdown:hover,
.react-tel-input .flag-dropdown:focus {
  background: transparent !important;
  border-color: #b3bcc9 !important;
}
.react-tel-input .flag-dropdown.open {
  border-radius: 8px 0 0 8px !important;
}
.react-tel-input .flag-dropdown.open .selected-flag {
  padding: 0 10px !important;
  border-radius: 8px 0 0 8px !important;
}
.react-tel-input .flag-dropdown.react-tel-error-input {
  border-color: #d592ff !important;
}
.react-tel-input .selected-flag:hover,
.react-tel-input .selected-flag:focus {
  border-color: #b3bcc9 !important;
}
.react-tel-input .country-list {
  border-radius: 8px !important;
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.2) !important;
  max-width: 288px !important;
  max-height: 300px !important;
  margin: 4px -1px !important;
  background: #ffffff !important;
  border: 0 !important;
  overflow-y: scroll;
}
.react-tel-input .country-list .country {
  background: #ffffff !important;
  padding: 8px 10px !important;
}
.react-tel-input .country-list .country .dial-code {
  color: #424d60 !important;
}
.react-tel-input .country-list .country:hover {
  color: #ffffff;
  background-color: #0c5bfa !important;
}
.react-tel-input .country-list .country.highlight {
  color: #ffffff;
  background-color: #0c5bfa !important;
}
.react-tel-input .country-list .country:hover .dial-code,
.react-tel-input .country-list .country.highlight .dial-code {
  color: #ffffff !important;
}
.react-tel-input .country-list .country-name {
  font-size: 0.9rem !important;
  line-height: 20px;
}
.react-tel-input .country-list .search {
  padding: 0 !important;
  border: 1px solid #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
  line-height: 20px;
  border-radius: 8px 8px 0 0;
}
.react-tel-input .country-list .search-box {
  width: 100%;
  font-size: 1rem !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
}
.react-tel-input .country-list .no-entries-message {
  font-size: 0.9rem !important;
  color: #697386;
  line-height: 1.35;
  padding: 8px 10px !important;
}
.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}
.Toastify__toast {
  position: relative;
  min-height: 0;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 16px;
  box-shadow: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
  border: 1px solid transparent;
  border-radius: 10px;
  line-height: 1.2;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--dark {
  background: #121212;
  color: #fff;
}
.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.Toastify__toast--info {
  background: #dde3e9;
}
.Toastify__toast--info:hover {
  border-color: #b3bcc9;
}
.Toastify__toast--success {
  background: #00dca6;
}
.Toastify__toast--success:hover {
  border-color: #00b78c;
}
.Toastify__toast--warning {
  background: #d592ff;
}
.Toastify__toast--warning:hover {
  border-color: #bb6dec;
}
.Toastify__toast--error {
  background: #d592ff;
}
.Toastify__toast--error:hover {
  border-color: #bb6dec;
}
.Toastify__toast-icon {
  display: none;
}
.Toastify__toast-body {
  margin: auto 0;
}
.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}
@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
  border-radius: 30px;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}
.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.Toastify__progress-bar--dark {
  background: #bb86fc;
}
@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}
@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}
@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}
@media only screen and (max-width: 575.98px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 10px;
    left: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
  .Toastify__toast {
    margin-bottom: 5px;
  }
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-SemiBold-cyrillic-ext.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-SemiBold-cyrillic.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-SemiBold-vietnamese.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-SemiBold-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-SemiBold-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Bold-cyrillic-ext.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Bold-cyrillic.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Bold-vietnamese.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Bold-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Bold-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Regular-latin.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Regular-latin.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Regular-latin.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Regular-latin.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Regular-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Medium-latin.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Medium-latin.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Medium-latin.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Medium-latin.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat"), url(/font/Montserrat-Medium-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-cyrillic-ext.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-devanagari.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-greek-ext.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-greek.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-vietnamese.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-cyrillic-ext.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-devanagari.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-greek-ext.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-greek.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-vietnamese.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-cyrillic-ext.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-devanagari.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-greek-ext.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-greek.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-vietnamese.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-cyrillic-ext.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-devanagari.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-greek-ext.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-greek.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-vietnamese.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans"), url(/font/Noto-Sans-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.type-headline-semibold {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.type-regular {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.type-semibold {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.type-bold {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(228, 2, 75, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(228, 2, 75, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(228, 2, 75, 0);
  }
}
@keyframes pulse-white {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.app-layout {
  background: #f9fafb;
  min-height: 100vh;
}
header#app-left-nav {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100px;
  height: 100vh;
  background: #ffffff;
}
header#app-left-nav .app-left-nav {
  text-align: center;
}
header#app-left-nav .app-left-nav ul {
  text-align: center;
}
header#app-left-nav .app-left-nav ul li {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding: 0 10px;
  text-align: center;
}
header#app-left-nav .app-left-nav ul li:last-child {
  padding-bottom: 32px;
}
header#app-left-nav .app-left-nav ul li a {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: block;
  color: #697386;
  text-align: center;
  padding: 10px 6px;
  border-radius: 8px;
  transition: color 0.1s ease-in-out;
}
header#app-left-nav .app-left-nav ul li a:hover {
  color: #1b1f36;
  background: #f3f5f7;
}
header#app-left-nav .app-left-nav ul li a:active,
header#app-left-nav .app-left-nav ul li a.active {
  color: #1b1f36;
}
header#app-left-nav .app-left-nav ul li a:active:hover,
header#app-left-nav .app-left-nav ul li a.active:hover {
  background: transparent;
}
header#app-left-nav .app-left-nav ul li a .icon {
  display: block;
  text-align: center;
  padding-bottom: 2px;
}
header#app-left-nav .app-left-nav .user-menu-block {
  padding: 32px 0;
  line-height: 0;
  border-top: 1px solid #e7ebef;
}
@media (max-width: 575.98px) {
  header#app-left-nav {
    display: none;
  }
}
.page .sidebar {
  margin-left: 100px;
}
.page .content {
  margin-left: 370px;
}
.page .content .title {
  padding: 16px 16px 8px 0;
}
.page .content .controls {
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 8px 16px 0 0;
  min-height: 48px;
}
.page .content .controls .col-1 {
  flex-grow: 1;
}
.page .content .controls .col-2.inline-controls > div {
  display: inline-block;
}
.page .content .controls .col-2.inline-controls > div:first-child {
  margin: 0;
}
.page .content .controls button {
  margin-left: 8px;
}
.one-column-container {
  padding: 60px 8%;
}
.one-column-container .box-text h1 {
  text-align: center;
  padding-bottom: 30px;
}
.one-column-container .box-text .framed-text {
  max-width: 900px;
  margin: 0 auto;
}
.one-column-container .box-text .framed-text h3,
.one-column-container .box-text .framed-text h4 {
  padding-bottom: 30px;
}
.one-column-container .box-text .framed-text.description {
  padding-top: 60px;
}
.one-column-container .label {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  color: #9268ff;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.one-column-container .box-details {
  padding: 30px 8% 0 8%;
}
.one-column-container .box-details .block-container-header {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-align: center;
}
.one-column-container .box-details .block-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.one-column-container .box-details .block-list .block-container {
  display: block;
  width: 300px;
  margin: 20px;
}
.one-column-container .box-details .block-list .block-container .block-col {
  padding-left: 40px;
}
.one-column-container .box-details .block-list .block-container p {
  margin-bottom: 10px;
}
.one-column-container .box-details .block-list .block-container ul li {
  margin: 0 0 10px 20px;
  line-height: 1.5;
}
.one-column-container .box-details .block-list .block-container ul li span.icon {
  position: absolute;
  color: #3fdaed;
  margin: 1px 0 0 -25px;
}
.one-column-container .box-image .screens-container.center,
.one-column-container .box-image .screens-container.right {
  height: auto;
  text-align: center;
}
.one-column-container .box-image .screens-container.center img,
.one-column-container .box-image .screens-container.right img {
  position: relative;
  margin-top: 10px;
}
.one-column-container .box-image .screens-container.right {
  text-align: right;
}
.one-column-container .box-image .screens-container {
  margin: 0 auto;
}
.one-column-container .box-image .screens-container.double {
  max-width: 800px;
}
.one-column-container .box-image .screens-container.center {
  height: auto;
  text-align: center;
}
.one-column-container .box-image .screens-container.center img {
  position: relative;
}
.one-column-container .box-image .screens-container img {
  position: absolute;
  height: auto;
  margin-bottom: 30px;
}
.one-column-container .box-image .screens-container img.performance-at-a-glance {
  width: 717px;
  margin-bottom: 60px;
}
.one-column-container .box-image .screens-container img.assessment-templates {
  width: 610px;
}
.one-column-container .box-image .screens-container img.automated-assessment-scoring {
  width: 463px;
}
.one-column-container .box-image .screens-container img.positive-hiring-experience {
  width: 537px;
  margin-bottom: 60px;
}
.one-column-container .box-image .screens-container img.custom_reference_template {
  width: 500px;
  border: 1px solid #f3f5f7;
  border-radius: 10px;
}
.one-column-container .box-image .screens-container img.reference_template_with_text_questions {
  width: 500px;
  margin: 52px 0 0 300px;
  border-radius: 10px;
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
}
.one-column-container .box-image .screens-container img.send_reference_request_to_candidate {
  width: 650px;
  margin-top: 20px;
}
.one-column-container .box-image .screens-container img.send_reference_request_to_referee {
  width: 650px;
  margin-top: 20px;
}
.one-column-container.assessment-templates {
  padding: 60px 8% 20px 8%;
}
.one-column-container.easy-reference-request,
.one-column-container.custom-assessment-templates,
.one-column-container.automated-candidate-ranking {
  padding: 60px 8% 0 8%;
}
.one-column-container.easy-reference-request .box-text .framed-text h3,
.one-column-container.custom-assessment-templates .box-text .framed-text h3,
.one-column-container.automated-candidate-ranking .box-text .framed-text h3 {
  padding-bottom: 0;
}
.one-column-container.reference-templates {
  padding: 60px 8% 20px 8%;
}
.one-column-container.reference-templates .screens-container {
  height: 560px;
}
@media (max-width: 575.98px) {
  .one-column-container {
    padding-left: 0;
    padding-right: 0;
  }
  .one-column-container .box-text {
    padding: 0 20px;
  }
  .one-column-container .box-image {
    background-size: 100% 100%;
  }
  .one-column-container .box-image .screens-container {
    padding: 30px 8%;
  }
  .one-column-container .box-image .screens-container img {
    width: 100%;
    height: auto;
  }
  .one-column-container.easy-reference-request,
  .one-column-container.assessment-templates,
  .one-column-container.reference-templates,
  .one-column-container.automated-candidate-ranking {
    padding: 60px 0 20px 0;
  }
  .one-column-container.easy-reference-request .box-container .box-image {
    background-size: 100% 100%;
    background-position: center left;
  }
  .one-column-container.custom-assessment-templates {
    padding: 0;
  }
  .one-column-container .box-container .box-text .section-step {
    margin: 0 0 4px 0;
  }
  .one-column-container .box-container .box-text h1,
  .one-column-container .box-container .box-text h3 {
    text-align: left;
  }
  .one-column-container .box-container .box-details .block-list {
    margin-top: 20px;
  }
  .one-column-container .box-container .box-details .block-list .block-container {
    margin: 0;
  }
  .one-column-container .box-container .box-image .screens-container {
    height: auto;
    padding: 0 8%;
  }
  .one-column-container .box-container .box-image .screens-container img {
    position: relative !important;
    width: 100% !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
  .one-column-container .box-container .box-image .screens-container img.reference_template_with_text_questions {
    margin: 0 !important;
  }
}
.two-column-container .two-column-inner {
  width: 50%;
  float: left;
}
.two-column-container .two-column-inner .left-column,
.two-column-container .two-column-inner .right-column {
  max-width: 800px;
}
.two-column-container .two-column-inner .left-column > div,
.two-column-container .two-column-inner .right-column > div {
  padding: 0 8%;
}
.two-column-container .two-column-inner h2,
.two-column-container .two-column-inner h4 {
  padding-bottom: 30px;
}
.two-column-container .two-column-inner ul {
  list-style: disc;
  padding: 15px 0 15px 30px;
}
.two-column-container .two-column-inner ul li {
  padding: 6px 0;
  line-height: 24px;
}
.two-column-container .two-column-inner ul li.more-items {
  color: #697386;
}
.two-column-container .two-column-inner .label {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  color: #9268ff;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.two-column-container .two-column-inner > div {
  padding: 0 8%;
}
@media (max-width: 575.98px) {
  .two-column-container .two-column-inner {
    width: 100%;
    float: none;
    display: block;
  }
  .two-column-container .two-column-inner .left-column {
    padding: 30px 0;
    background-size: 100% 100%;
  }
  .two-column-container .two-column-inner .left-column > div {
    padding: 0 8%;
  }
  .two-column-container .two-column-inner .left-column > div img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .two-column-container .two-column-inner .right-column {
    padding: 60px 0 80px 0;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .two-column-container .two-column-inner .left-column > div img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .two-column-container .two-column-inner .right-column {
    padding: 0 0 80px 0;
  }
}
.three-column-container {
  padding: 60px 0;
}
.three-column-container .three-column-inner {
  width: 33%;
  float: left;
}
.three-column-container .three-column-inner .column {
  max-width: 800px;
}
.three-column-container .three-column-inner h2,
.three-column-container .three-column-inner h4 {
  padding-bottom: 30px;
}
.three-column-container .three-column-inner .label {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  color: #9268ff;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.three-column-container .three-column-inner > div {
  padding: 0 8%;
}
@media (max-width: 575.98px) {
  .three-column-container .three-column-inner {
    width: 100%;
    float: none;
    display: block;
  }
  .three-column-container .three-column-inner .box-container {
    padding: 20px;
  }
  .three-column-container .three-column-inner .column {
    padding: 30px 0;
  }
  .three-column-container .three-column-inner .column > div {
    padding: 0 8%;
  }
}
.column-list-container {
  padding: 0 8% 60px 8%;
}
.column-list-container .column-list-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  padding: 6px;
  background: #0c5bfa;
  border-radius: 20px 20px 0 0;
  border-bottom: 0;
}
.column-list-container .column-list-inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1600px;
  margin: 0 auto;
  border: 1px solid #0c5bfa;
  border-top: 0;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  padding-bottom: 40px;
}
.column-list-container .column-list-inner > div {
  width: 50%;
  float: left;
}
.column-list-container .column-list-inner > div h2 {
  color: #0c5bfa;
  padding-bottom: 30px;
}
.column-list-container .column-list-inner > div > div {
  padding: 40px 8% 0 8%;
}
.column-list-container .column-list-inner > div > div img {
  width: 100%;
  max-width: 485px;
  height: auto;
}
.column-list-container .column-list-inner > div a span.icon {
  position: absolute;
  padding: 2px 0 0 3px;
  transition: all 0.1s ease-in;
}
.column-list-container .column-list-inner > div a:hover span.icon {
  padding-left: 6px;
}
@media (max-width: 575.98px) {
  .column-list-container {
    padding: 0 20px 60px 20px;
  }
  .column-list-container .column-list-inner > div {
    width: 100%;
    float: none;
    display: block;
  }
  .column-list-container .column-list-inner > div .box-text {
    padding: 40px 20px 0 20px;
  }
}
.full-width-box-image {
  display: flex;
}
.full-width-box-image.center-two-image {
  justify-content: center;
}
.full-width-box-image.center-two-image img {
  width: 100%;
  max-width: 520px;
  padding: 0 20px;
}
.full-width-box-image .screens-container {
  display: flex;
  align-items: center;
}
.full-width-box-image .screens-container .inner-container {
  position: absolute;
  width: 100%;
  height: auto;
}
.full-width-box-image .screens-container .inner-container.background-container img.background {
  z-index: 1;
  width: 100%;
  height: auto;
}
.full-width-box-image .screens-container .inner-container.center-container {
  display: flex;
  justify-content: center;
}
.full-width-box-image.flow {
  min-height: 480px;
}
.full-width-box-image.flow .screens-container .inner-container.background-container img.background {
  z-index: 1;
  width: 100%;
  height: auto;
}
.full-width-box-image.flow .screens-container .inner-container.center-container {
  display: flex;
  justify-content: center;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container {
  display: flex;
  position: relative;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.cards {
  z-index: 2;
  width: auto;
  height: 282px;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet {
  z-index: 3;
  width: auto;
  height: 36px;
  position: absolute;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet1 {
  top: 60%;
  left: -40%;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet2 {
  top: 50%;
  left: -120%;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet3 {
  top: 50%;
  right: -160%;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet4 {
  top: 20%;
  right: -60%;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet5 {
  bottom: 5%;
  right: -40%;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet6 {
  top: 30%;
  left: -55%;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet7 {
  top: 60%;
  right: -80%;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet8 {
  bottom: 2%;
  left: -60%;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet9 {
  top: 30%;
  right: -120%;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet10 {
  top: 5%;
  left: -110%;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet11 {
  top: -5%;
  right: -110%;
}
.full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet12 {
  bottom: 10%;
  left: -140%;
}
.full-width-box-image.single-profile {
  min-height: 560px;
}
.full-width-box-image.single-profile .screens-container {
  align-items: end;
}
.full-width-box-image.single-profile .screens-container .inner-container.background-container {
  display: flex;
  justify-content: center;
}
.full-width-box-image.single-profile .screens-container .inner-container.background-container img.background-left {
  z-index: 1;
  width: auto;
  height: 560px;
}
.full-width-box-image.single-profile .screens-container .inner-container.background-container img.background-right {
  z-index: 1;
  width: auto;
  height: 560px;
}
.full-width-box-image.single-profile .screens-container .inner-container.center-bottom-container {
  display: flex;
  height: auto;
  justify-content: center;
}
.full-width-box-image.single-profile .screens-container .inner-container.center-bottom-container .single-profile-container {
  display: flex;
  position: relative;
  align-items: end;
  justify-content: center;
}
.full-width-box-image.single-profile .screens-container .inner-container.center-bottom-container .single-profile-container img.single-profile {
  z-index: 2;
  position: absolute;
  width: auto;
  height: 346px;
}
.full-width-box-image.single-profile .screens-container .inner-container.center-bottom-container .single-profile-container img.facets {
  z-index: 3;
  position: absolute;
  width: auto;
  height: 190px;
}
@media (max-width: 575.98px) {
  .full-width-box-image.single-profile {
    min-height: 300px;
  }
  .full-width-box-image.single-profile .screens-container .inner-container.background-container img.background-left {
    height: 360px;
  }
  .full-width-box-image.single-profile .screens-container .inner-container.background-container img.background-right {
    height: 360px;
  }
  .full-width-box-image.single-profile .screens-container .inner-container.center-bottom-container .single-profile-container img.single-profile {
    height: 260px;
  }
  .full-width-box-image.single-profile .screens-container .inner-container.center-bottom-container .single-profile-container img.facets {
    height: 143px;
  }
}
.full-width-box-image.fraud-protection {
  min-height: 500px;
}
.full-width-box-image.fraud-protection .screens-container {
  align-items: end;
}
.full-width-box-image.fraud-protection .screens-container .inner-container.background-container {
  display: flex;
  justify-content: center;
}
.full-width-box-image.fraud-protection .screens-container .inner-container.background-container img.background {
  z-index: 1;
  width: auto;
  height: 210px;
}
.full-width-box-image.fraud-protection .screens-container .inner-container.center-bottom-container {
  display: flex;
  height: auto;
  justify-content: center;
}
.full-width-box-image.fraud-protection .screens-container .inner-container.center-bottom-container .single-profile-container {
  display: flex;
  position: relative;
  align-items: end;
  justify-content: center;
}
.full-width-box-image.fraud-protection .screens-container .inner-container.center-bottom-container .single-profile-container img.single-profile {
  z-index: 2;
  position: absolute;
  width: auto;
  height: 302px;
  margin-bottom: 160px;
}
.full-width-box-image.multi-dimensional-evaluation {
  width: 100%;
  height: 100%;
  min-height: 200px;
  position: relative;
  overflow: hidden;
}
.full-width-box-image.multi-dimensional-evaluation .screens-container {
  height: 100%;
  min-height: 200px;
}
.full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container {
  display: flex;
  height: 100%;
  min-height: 200px;
  align-items: center;
}
.full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img {
  position: absolute;
  width: 100%;
  width: auto;
  max-height: 154px;
}
.full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect1 {
  left: 0;
}
.full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect2 {
  left: 10%;
}
.full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect3 {
  left: 22%;
}
.full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect4 {
  right: 22%;
}
.full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect5 {
  right: 10%;
}
.full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect6 {
  right: 0;
}
.full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.center-container .title-container {
  display: flex;
  height: 100%;
  min-height: 200px;
  align-items: center;
  justify-content: center;
}
.full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.center-container .title-container img.multi-layer-data-sourcing {
  z-index: 2;
  position: absolute;
  width: auto;
  height: 176px;
}
@media (max-width: 575.98px) {
  .full-width-box-image {
    position: relative;
    overflow: hidden;
  }
  .full-width-box-image.center-two-image .screens-container {
    display: block;
  }
  .full-width-box-image.flow .screens-container .inner-container.background-container img.background {
    width: auto;
    height: 300px;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container {
    display: flex;
    position: relative;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet1 {
    top: 60%;
    left: -20%;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet2 {
    top: 50%;
    left: -120%;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet3 {
    top: 50%;
    right: -160%;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet4 {
    top: 20%;
    right: -60%;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet5 {
    bottom: 5%;
    right: -20%;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet6 {
    top: 30%;
    left: -55%;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet7 {
    top: 60%;
    right: -80%;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet8 {
    bottom: -10%;
    left: -30%;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet9 {
    top: 30%;
    right: -120%;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet10 {
    top: -5%;
    left: -60%;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet11 {
    top: -5%;
    right: -30%;
  }
  .full-width-box-image.flow .screens-container .inner-container.center-container .cards-container img.facet.facet12 {
    bottom: 10%;
    left: -140%;
  }
  .full-width-box-image.multi-dimensional-evaluation {
    height: auto;
    position: relative;
  }
  .full-width-box-image.multi-dimensional-evaluation .screens-container {
    height: auto;
    flex-direction: column;
  }
  .full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container {
    position: relative;
  }
  .full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container {
    display: block;
    text-align: center;
  }
  .full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img {
    position: relative;
    width: 100%;
    width: auto;
    max-height: 154px;
  }
  .full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect1,
  .full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect2,
  .full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect3 {
    left: 0;
  }
  .full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect4,
  .full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect5,
  .full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.background-container img.aspect6 {
    right: 0;
  }
  .full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.center-container .title-container {
    display: block;
    height: 100%;
    min-height: 200px;
    align-items: center;
    justify-content: center;
  }
  .full-width-box-image.multi-dimensional-evaluation .screens-container .inner-container.center-container .title-container img.multi-layer-data-sourcing {
    z-index: 2;
    position: relative;
    width: auto;
    height: 176px;
  }
}
.benefit-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.benefit-list .benefit {
  display: flex;
  padding: 0 30px;
}
.benefit-list .benefit .icon-circle {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  background: #00dca6;
  border-radius: 30px;
  flex-shrink: 0;
}
.benefit-list .benefit .icon-circle svg {
  display: block;
  color: #ffffff;
  margin: 0 auto;
}
.benefit-list .benefit p {
  margin-left: 10px;
}
@media (max-width: 575.98px) {
  .benefit-list {
    display: block;
    padding: 0 20px;
  }
  .benefit-list .benefit {
    padding: 4px 0;
  }
}
.tools .box-image img.people-check {
  max-width: 900px;
  margin: 60px 0;
}
.tools .box-text .framed-text h3 {
  padding-bottom: 0;
}
.single-profiles {
  padding: 100px 8% 0 8%;
}
.single-profiles .box-container .box-image img {
  max-width: 900px;
  margin-bottom: 0;
}
.single-profiles .box-container .box-text .framed-text h3 {
  padding-bottom: 0;
}
@media (max-width: 575.98px) {
  .single-profiles.single-profiles {
    padding-right: 0;
    padding-left: 0;
  }
}
.no-trade-offs {
  padding: 100px 8% 0 8%;
}
.no-trade-offs h2 {
  text-align: center;
}
.no-trade-offs .box-container .box-image img.no-trade-offs {
  max-width: 900px;
  margin: 60px 0;
}
@media (max-width: 575.98px) {
  .no-trade-offs {
    padding-right: 0;
    padding-left: 0;
  }
  .no-trade-offs h2 {
    text-align: left;
  }
}
.matching-and-results {
  margin: 60px 0;
}
.matching-and-results.transparent.two-column-container .two-column-inner .left-column .box-container,
.matching-and-results.transparent.two-column-container .two-column-inner .right-column .box-container {
  padding: 0;
  background: transparent;
}
.matching-and-results .checklist {
  padding: 20px 0 20px 34px;
}
.matching-and-results .checklist > div {
  padding-bottom: 20px;
}
.matching-and-results .checklist .icon-circle {
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  background: #00dca6;
  border-radius: 30px;
  margin: -1px 0 0 -34px;
}
.matching-and-results .checklist .icon-circle svg {
  display: block;
  color: #ffffff;
  margin: 0 auto;
}
.matching-and-results.two-column-container {
  display: flex;
}
.matching-and-results.two-column-container .two-column-inner {
  display: flex;
}
.matching-and-results.two-column-container .two-column-inner .left-column,
.matching-and-results.two-column-container .two-column-inner .right-column {
  max-width: 800px;
}
.matching-and-results.two-column-container .two-column-inner .left-column .box-container,
.matching-and-results.two-column-container .two-column-inner .right-column .box-container {
  height: 100%;
  background: #f3f5f7;
  border-radius: 20px;
}
.matching-and-results.two-column-container .two-column-inner .left-column > div,
.matching-and-results.two-column-container .two-column-inner .right-column > div {
  padding: 6% 8%;
}
.matching-and-results.two-column-container .two-column-inner .left-column img,
.matching-and-results.two-column-container .two-column-inner .right-column img {
  width: 100%;
  max-height: 630px;
}
.matching-and-results.two-column-container .two-column-inner:first-child > div {
  padding-right: 4%;
}
.matching-and-results.two-column-container .two-column-inner:last-child > div {
  padding-left: 4%;
}
@media (max-width: 575.98px) {
  .matching-and-results.two-column-container {
    display: block;
  }
  .matching-and-results.two-column-container .two-column-inner .left-column .box-container,
  .matching-and-results.two-column-container .two-column-inner .right-column .box-container {
    height: 100%;
  }
  .matching-and-results.two-column-container .two-column-inner .left-column > div,
  .matching-and-results.two-column-container .two-column-inner .right-column > div {
    padding: 20px;
  }
  .matching-and-results.two-column-container .two-column-inner:first-child > div,
  .matching-and-results.two-column-container .two-column-inner:last-child > div {
    padding: 10px 20px;
  }
}
.use-cases .one-column-container {
  padding-bottom: 0;
}
.use-cases .two-column-container {
  padding-bottom: 60px;
}
.use-cases .two-column-container .two-column-inner .left-column > div {
  text-align: right;
  padding-right: 0;
}
.use-cases .two-column-container .two-column-inner .left-column img {
  max-width: 450px;
  height: auto;
}
.use-cases .two-column-container .two-column-inner .right-column > div {
  padding-left: 0;
}
.use-cases .block-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.use-cases .block-container {
  display: block;
  width: 300px;
  padding: 10px;
}
.use-cases .block-container .block-col {
  height: 100%;
  padding: 20px 25px;
  border: 1px solid transparent;
  border-radius: 10px;
}
.use-cases .block-container .block-col h4 {
  padding: 6px 0 10px 0;
}
.use-cases .react-tabs-alt-choice {
  margin-bottom: 40px;
}
.use-cases .react-tabs-alt-choice .volume-hiring:hover,
.use-cases .react-tabs-alt-choice .volume-hiring.react-tabs__tab--selected {
  background: #e8eeff;
  border-color: #3d4ede;
}
.use-cases .react-tabs-alt-choice .tenant-checks:hover,
.use-cases .react-tabs-alt-choice .tenant-checks.react-tabs__tab--selected {
  background: #daf4f4;
  border-color: #7acbcb;
}
.use-cases .react-tabs-alt-choice .insurance-and-lending:hover,
.use-cases .react-tabs-alt-choice .insurance-and-lending.react-tabs__tab--selected {
  background: #f2e7ff;
  border-color: #c1a0e6;
}
.use-cases .react-tabs-alt-choice .screening-for-education-programs:hover,
.use-cases .react-tabs-alt-choice .screening-for-education-programs.react-tabs__tab--selected {
  background: #ffe1ea;
  border-color: #e387a1;
}
@media (max-width: 575.98px) {
  .use-cases {
    padding: 0 20px;
  }
  .use-cases .one-column-container .box-text {
    padding: 0;
  }
  .use-cases .one-column-container .box-text .framed-text h1 {
    text-align: left;
  }
  .use-cases .two-column-container .two-column-inner .left-column > div {
    text-align: center;
    padding: 0;
  }
  .use-cases .two-column-container .two-column-inner .left-column > div img {
    max-width: 100%;
  }
  .use-cases .two-column-container .two-column-inner .right-column > div {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  .use-cases .two-column-container {
    padding-bottom: 0;
  }
}
.app-ui.bottom-benefits {
  padding-bottom: 30px;
}
.app-ui .box-image {
  line-height: 0;
}
.app-ui .box-image .screens-container {
  position: relative;
  background: #e7ebef;
  border-radius: 20px;
}
.app-ui .box-image .background-container {
  z-index: 1;
  display: flex;
  position: absolute;
}
.app-ui .box-image .background-container.top {
  top: 0;
}
.app-ui .box-image .background-container.bottom {
  bottom: 0;
}
.app-ui .box-image .background-container.left {
  top: 0;
  left: 0;
}
.app-ui .box-image .background-container.left img {
  width: 100%;
  max-width: 750px;
  height: auto;
}
.app-ui .box-image .background-container img.background {
  width: 100%;
  height: auto;
  margin: 0;
}
.app-ui .box-image .center-container img.screenshot {
  z-index: 2;
  max-width: 992px;
  height: auto;
  margin: 80px 0;
  border-radius: 20px;
}
.app-ui .box-image .center-container img.screenshot.multi-dimensional-flow {
  max-height: 607px;
}
.app-ui .box-image .center-container.right img.screenshot {
  max-width: 992px;
  height: auto;
  right: 0;
  margin: 80px 0;
  border-radius: 20px 0 0 20px;
}
.app-ui .box-image img.custom-assessment-templates,
.app-ui .box-image img.conversational-reference-checking {
  width: 100%;
  height: auto;
  margin: 0;
}
.app-ui .box-image img.custom-assessment-templates {
  max-width: 1235px;
}
.app-ui .box-image img.conversational-reference-checking {
  max-width: 570px;
  margin-top: 160px !important;
}
.app-ui .box-image img.automated-candidate-ranking {
  max-width: 988px;
  margin: 0;
  margin-top: 160px !important;
}
@media (max-width: 575.98px) {
  .app-ui .box-image .screens-container .inner-container {
    left: 0;
  }
  .app-ui .box-image .screens-container.right {
    padding-right: 0;
  }
  .app-ui .box-image .background-container {
    overflow: hidden;
  }
  .app-ui .box-image .center-container img.screenshot {
    margin: 40px 0;
    border-radius: 4px;
  }
  .app-ui .box-image .center-container.right img.screenshot {
    margin: 40px 0;
    border-radius: 4px 0 0 4px;
  }
  .app-ui .box-image img.conversational-reference-checking,
  .app-ui .box-image img.automated-candidate-ranking {
    margin-top: 40px !important;
  }
}
.pre-checked-candidates .box-image {
  line-height: 0;
}
.pre-checked-candidates .box-image .screens-container.center {
  background: #f3f5f7;
  border-radius: 20px;
}
.pre-checked-candidates .box-image .screens-container.center img {
  max-width: 992px;
  height: auto;
  margin: 80px 0;
  border-radius: 10px;
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
}
@media (max-width: 575.98px) {
  .pre-checked-candidates .box-image .screens-container.center {
    background: transparent;
  }
  .pre-checked-candidates .box-image .screens-container.center img {
    max-width: 100%;
    height: auto;
    margin: 0;
  }
}
.special-features img {
  width: 100%;
}
#whats-new-banner {
  z-index: 1020;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 1rem;
}
#whats-new-banner .whats-new-banner-container {
  position: relative;
  left: -50%;
  text-align: center;
  padding: 10px 20px;
  background: #f3f5f7;
  border-radius: 30px;
}
#whats-new-banner .whats-new-banner-container .whats-new-banner-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
}
#whats-new-banner .whats-new-banner-container .whats-new-banner-description {
  font-size: 0.9rem;
  color: #424d60;
}
#whats-new-banner .whats-new-banner-container a {
  color: #1b1f36;
  margin-left: 5px;
  text-decoration: underline;
  transition: all 100ms ease-in-out;
}
#whats-new-banner .whats-new-banner-container a:hover {
  color: #0c5bfa;
}
#whats-new-banner .whats-new-banner-container a:active {
  color: #3fdaed;
}
#whats-new-banner .whats-new-banner-container a:focus {
  outline: none;
}
#whats-new-banner .whats-new-banner-container a .icon {
  margin-left: 2px;
}
@media (max-width: 575.98px) {
  #whats-new-banner {
    z-index: 0;
    top: 60px;
    left: 0;
    margin: 0;
  }
  #whats-new-banner .whats-new-banner-container {
    left: 0;
    border-radius: 0;
  }
}
.screen #splash {
  background: #ffffff;
  padding: 160px 8% 50px 8%;
}
.screen #splash.home-screen {
  padding: 160px 8% 0 8%;
}
.screen #splash .inner {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.screen #splash h1 {
  font-size: 2.75rem;
}
.screen #splash h2 {
  padding: 15px 0;
}
.screen #splash .tryit .btn.tryit-button {
  display: inline-block;
  font-size: 1.25rem;
  padding: 15px 53px 15px 25px;
  line-height: 25px;
  margin-top: 12px;
}
.screen #splash .tryit .btn.tryit-button span.icon {
  position: absolute;
  margin-left: 3px;
  transition: all 0.1s ease-in;
}
.screen #splash .tryit .btn.tryit-button:hover span.icon {
  margin-left: 6px;
}
.screen #splash .tryit .description {
  color: #697386;
}
@media (max-width: 575.98px) {
  .screen #splash {
    padding: 100px 20px;
  }
  .screen #splash.home-screen {
    padding: 100px 20px;
  }
  .screen #splash .inner {
    text-align: left;
  }
  .screen #splash h1 {
    font-size: 2rem;
  }
  .screen #splash .tryit {
    display: block;
    text-align: center;
  }
}
@media (max-width: 319.98px) {
  .screen #splash .tryit .btn.tryit-button {
    font-size: 1.15rem;
    padding: 10px 48px 10px 20px;
  }
}
.screen #splash-container {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  text-align: center;
  background: #ffffff url("/main/splash/splash-background.png") bottom left / auto 200px repeat-x;
}
.screen #splash-container .splash-inner {
  width: 0px;
  position: relative;
  margin: 0 auto;
  margin-top: 2rem;
}
.screen #splash-container .square-block,
.screen #splash-container .high-block,
.screen #splash-container .wide-block {
  border-radius: 10px;
}
.screen #splash-container .square-block {
  position: absolute;
  width: 200px;
  height: 200px;
}
.screen #splash-container .square-block.block1 {
  margin-top: 60px;
  margin-left: -550px;
}
.screen #splash-container .square-block.block2 {
  margin-top: 60px;
  margin-left: -250px;
}
.screen #splash-container .square-block.block3 {
  margin-top: 60px;
  margin-left: 50px;
}
.screen #splash-container .square-block.block4 {
  margin-top: 60px;
  margin-left: 350px;
}
.screen #splash-container .high-block {
  position: absolute;
  width: 100px;
  height: 200px;
}
.screen #splash-container .high-block.block1 {
  margin-top: 160px;
  margin-left: -350px;
}
.screen #splash-container .high-block.block2 {
  margin-top: 0;
  margin-left: -50px;
}
.screen #splash-container .high-block.block3 {
  margin-top: 0;
  margin-left: 250px;
}
.screen #splash-container .wide-block {
  position: absolute;
  width: 200px;
  height: 100px;
}
.screen #splash-container .wide-block.block1 {
  margin-top: 0;
  margin-left: -350px;
}
.screen #splash-container .wide-block.block2 {
  margin-top: 260px;
  margin-left: -50px;
}
@media (max-width: 575.98px) {
  .screen #splash-container {
    overflow: hidden;
  }
}
.screen #perfect-from-start .one-column-container {
  padding-bottom: 0;
}
.screen #perfect-from-start .box-container {
  padding: 60px 15px 0 15px;
}
.screen #perfect-from-start .box-container .box-inner h1 {
  color: #1b1f36;
  text-align: center;
  padding-bottom: 10px;
}
.screen #perfect-from-start .block-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.screen #perfect-from-start .block-container {
  display: block;
  width: 300px;
  margin: 10px;
}
.screen #perfect-from-start .block-container .block-col {
  height: 100%;
  padding: 20px 25px;
  border: 1px solid transparent;
  border-radius: 10px;
}
.screen #perfect-from-start .block-container .block-col h4 {
  padding-top: 6px;
  padding-bottom: 10px;
}
@media (max-width: 575.98px) {
  .screen #perfect-from-start .block-list {
    padding: 0 20px;
  }
  .screen #perfect-from-start .box-container {
    padding: 0 20px;
  }
  .screen #perfect-from-start .box-container .box-inner h1 {
    text-align: left;
  }
  .screen #perfect-from-start .block-container {
    width: 100%;
    margin: 0;
  }
  .screen #perfect-from-start .block-container .block-col {
    padding: 20px 0 0 0;
  }
}
.screen #more-features {
  color: #1b1f36;
  background: #ffffff;
}
.screen #more-features .box-container {
  padding: 60px 8%;
}
.screen #more-features .box-container .box-inner h1 {
  text-align: center;
  padding-bottom: 30px;
}
.screen #more-features .box-container .box-inner h3 {
  padding-bottom: 10px;
  line-height: 24px;
}
.screen #more-features .box-container .box-inner .block-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.screen #more-features .box-container .box-inner .block-list h3 {
  padding-top: 6px;
}
.screen #more-features .box-container .box-inner .block-container {
  display: block;
  width: 300px;
  min-height: 200px;
  margin: 20px;
}
.screen #more-features .box-container .box-inner .block-container .block-col {
  display: block;
  width: 100%;
  min-height: 180px;
  height: 100%;
  color: #1b1f36;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #dde3e9;
}
.screen #more-features .box-container .box-inner .block-container .block-col:hover {
  background: #f3f5f7;
  border-color: #dde3e9;
}
.screen #more-features .box-container .box-inner .block-container p {
  margin-bottom: 10px;
}
.screen #more-features .box-container .box-inner .block-container img.automated-scoring,
.screen #more-features .box-container .box-inner .block-container img.fraud-protection {
  position: relative;
  width: 40px;
  height: auto;
  margin-bottom: 10px;
}
@media (max-width: 575.98px) {
  .screen #more-features .box-container {
    padding: 0 20px;
  }
  .screen #more-features .box-container .box-inner h1 {
    text-align: left;
  }
  .screen #more-features .box-container .box-inner .block-container {
    width: 100%;
    margin: 10px 0;
  }
}
.screen .pricing-features .block-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.screen .pricing-features .block-container {
  display: block;
  width: 300px;
  margin: 20px;
}
.screen .pricing-features .block-container .block-col {
  padding-left: 40px;
}
.screen .pricing-features .block-container p {
  margin-bottom: 10px;
}
.screen .pricing-features .block-container ul li {
  margin: 0 0 10px 20px;
  line-height: 1.5;
  list-style: disc;
}
.screen .pricing-features .block-container ul li b {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.screen .pricing-features .icon {
  position: absolute;
  color: #3fdaed;
  margin: -4px 0 0 -40px;
}
@media (max-width: 575.98px) {
  .screen .block-container {
    width: auto;
  }
  .screen .block-container .block-col {
    padding-left: 0;
  }
}
#feature-companies .box-container .box-text {
  padding: 60px 8% 0 8%;
}
#feature-companies .box-container .box-text .framed-text {
  max-width: 900px;
  margin: 0 auto;
}
#feature-companies .box-container .box-text .framed-text h2 {
  text-align: center;
  padding-bottom: 30px;
}
#feature-companies .box-container .box-text .framed-text h3 {
  text-align: center;
}
#feature-companies .box-container .box-image {
  padding: 0 8% 60px 8%;
}
#feature-companies .box-container .box-image .screens-container {
  margin: 0 auto;
  padding-top: 30px;
}
#feature-companies .box-container .box-image .screens-container.center {
  height: auto;
  text-align: center;
}
#feature-companies .box-container .box-image .screens-container .logo-image {
  display: inline-block;
  margin: 0 20px;
}
#feature-companies .box-container .box-image .screens-container .logo-image img {
  position: relative;
  width: auto;
  height: 50px;
}
@media (max-width: 575.98px) {
  #feature-companies .box-container .box-text {
    padding: 60px 20px 0 20px;
  }
  #feature-companies .box-container .box-text .framed-text h3 {
    text-align: left;
  }
  #feature-companies .box-container .box-image {
    padding: 0 20px 60px 20px;
  }
  #feature-companies .box-container .box-image .screens-container .logo-image {
    margin: 10px;
  }
}
#security-and-privacy {
  background: #f3f5f7;
}
#security-and-privacy .box-container {
  padding: 100px 8% 90px 8%;
  border-bottom: 3px solid #ffffff;
}
#security-and-privacy .box-container .box-inner h1 {
  text-align: center;
}
#security-and-privacy .box-container .box-inner h2 {
  color: #424d60;
  text-align: center;
}
#security-and-privacy .box-container .box-inner h3 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-bottom: 10px;
  line-height: 24px;
}
#security-and-privacy .box-container .box-inner.security-backtext {
  background: url("/security/security.svg") left no-repeat;
}
#security-and-privacy .box-container .box-inner.privacy-backtext {
  background: url("/security/privacy.svg") left no-repeat;
}
#security-and-privacy .box-container .block-list-container {
  z-index: 100;
  max-width: 600px;
  padding-top: 20px;
  margin: 0 auto;
}
#security-and-privacy .box-container .block-list-container .block-list-item {
  padding: 20px 25px 20px 60px;
  margin: 10px;
  background: #f9fafb;
  border-radius: 10px;
  transition: all 0.1s ease-in-out;
}
#security-and-privacy .box-container .block-list-container .block-list-item .icon-circle {
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  background: #00dca6;
  border-radius: 30px;
  float: initial;
  margin-left: -34px;
}
#security-and-privacy .box-container .block-list-container .block-list-item .icon-circle svg {
  display: block;
  color: #ffffff;
}
#security-and-privacy .box-container .block-list-container .block-list-item:hover {
  background: #ffffff;
  transform: scale(1.02);
}
@media (max-width: 575.98px) {
  #security-and-privacy .box-container {
    padding-right: 20px;
    padding-left: 20px;
  }
  #security-and-privacy .box-container .block-list-container .block-list-item {
    margin: 10px 0;
  }
}
#pricing {
  background: #f3f5f7;
}
#pricing .plan-columns-container-wrapper {
  display: flex;
  justify-content: center;
}
#pricing .plan-columns-container {
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 1% 80px 1%;
}
#pricing .plan-columns-container .plan-columns-wrapper {
  display: flex;
  flex-grow: 1;
  margin: 0 1%;
  flex-direction: column;
}
#pricing .plan-columns-container .plan-columns-wrapper .plan-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-grow: 1;
}
#pricing .plan-columns-container .plan-columns-wrapper .plan-columns .pricing-tier-card {
  background-color: #ffffff;
  display: flex;
  flex-grow: 1;
  width: 100px;
  flex-direction: column;
  border-radius: 8px;
}
#pricing .plan-columns-container .plan-columns-wrapper .plan-columns .pricing-tier-card .pricing-tier-card-section {
  width: 100%;
}
#pricing .plan-columns-container .plan-columns-wrapper .plan-columns .pricing-tier-card.top-plan {
  box-shadow: 0 0 0 2px #3fdaed;
}
#pricing .plan-columns-container .plan-columns-wrapper.one-column {
  width: 23%;
}
@media (max-width: 575.98px) {
  #pricing .plan-columns-container .plan-columns-wrapper.one-column.flow {
    order: 1;
  }
  #pricing .plan-columns-container .plan-columns-wrapper.one-column.focusedProducts {
    order: 2;
  }
  #pricing .plan-columns-container .plan-columns-wrapper.one-column.enterprise {
    order: 3;
  }
}
#pricing .plan-columns-container .plan-columns-wrapper.two-column {
  width: 46%;
}
#pricing .plan-columns-container .plan-columns-wrapper.two-column .plan-columns .pricing-tier-card:first-child {
  border-radius: 4px 0 0 4px;
}
#pricing .plan-columns-container .plan-header {
  min-height: 200px;
}
#pricing .plan-columns-container .plan-header .plan-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: block;
  font-size: 1.75rem;
  padding: 20px 20px 10px 20px;
}
#pricing .plan-columns-container .plan-header .plan-name em {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
#pricing .plan-columns-container .plan-header .plan-description {
  min-height: 60px;
  font-size: 0.9rem;
  color: #3c4257;
  padding: 0 20px;
  line-height: 1.35;
}
#pricing .plan-columns-container .plan-price {
  min-height: 37px;
  font-size: 1.25rem;
  padding: 10px 20px 0 20px;
}
#pricing .plan-columns-container .plan-price em {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
}
#pricing .plan-columns-container .plan-price .blocks {
  display: block;
  font-size: 0.9rem;
  color: #3c4257;
  padding-bottom: 2px;
}
#pricing .plan-columns-container .plan-price .blocks a {
  color: #424d60;
  border-bottom: 1px dotted #424d60;
}
#pricing .plan-columns-container .plan-price .blocks a:hover {
  color: #3c4257;
  border-bottom-color: #3c4257;
}
#pricing .plan-columns-container .plan-price .blocks.billing-setup {
  padding-bottom: 10px;
}
#pricing .plan-columns-container .plan-button {
  padding: 20px 20px 20px 20px;
}
#pricing .plan-columns-container .plan-button .btn.signup-button {
  display: inline-block;
  width: 100%;
  text-align: center;
  border-radius: 8px;
}
#pricing .plan-columns-container .plan-modules {
  padding: 20px 20px 0 20px;
}
#pricing .plan-columns-container .plan-modules .plan-module {
  margin-bottom: 10px;
  border: 1px solid #dde3e9;
  border-radius: 8px;
}
#pricing .plan-columns-container .plan-modules .plan-module .plan-module-name {
  display: block;
  font-size: 1.25rem;
  padding: 20px 20px 5px 20px;
}
#pricing .plan-columns-container .plan-modules .plan-module .plan-module-description {
  font-size: 0.9rem;
  color: #3c4257;
  padding: 0 20px 0 20px;
  line-height: 1.35;
}
#pricing .plan-columns-container .plan-modules .plan-module .plan-price {
  min-height: auto;
  padding: 10px 20px 0 20px;
}
#pricing .plan-columns-container .plan-modules .plan-module .plan-button {
  padding: 15px 20px 20px 20px;
}
#pricing .plan-columns-container .plan-features {
  padding: 0 20px 20px 20px;
}
#pricing .plan-columns-container .plan-features ul li {
  padding: 5px 0;
  line-height: 1.35;
}
#pricing .plan-columns-container .plan-features ul li b {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
#pricing .plan-columns-container .plan-features ul li span {
  display: block;
  font-size: 0.9rem;
  color: #3c4257;
  padding-bottom: 1px;
}
#pricing .plan-columns-container .plan-features ul li span a {
  color: #424d60;
  border-bottom: 1px dotted #424d60;
}
#pricing .plan-columns-container .plan-features ul li span a:hover {
  color: #3c4257;
  border-bottom-color: #3c4257;
}
#pricing .plan-columns-container .plan-features ul li.top-separator {
  font-size: 0.9rem;
  color: #424d60;
  text-transform: uppercase;
  padding-bottom: 0;
  border-top: 1px solid #e7ebef;
}
#pricing .plan-columns-container .plan-features ul li.bottom-separator {
  border-bottom: 1px solid #e7ebef;
}
#pricing .custom-solution-container {
  text-align: center;
}
#pricing .custom-solution-container .custom-solution-inner {
  display: inline-block;
  max-width: 800px;
  padding: 0 20px;
}
#pricing .custom-solution-container .custom-solution-inner .btn {
  display: inline-block;
  margin-top: 20px;
}
#pricing .pricing-matrix {
  padding: 80px 2% 80px 2%;
}
#pricing .pricing-matrix .plan-name {
  display: block;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
}
#pricing .pricing-matrix .plan-price {
  font-size: 1.25rem;
}
#pricing .pricing-matrix .plan-price em {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
}
#pricing .pricing-matrix .plan-button {
  display: block;
  width: 100%;
}
#pricing .pricing-matrix .plan-button .btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  border-radius: 8px;
}
#pricing .pricing-matrix.pricing-matrix-lg table,
#pricing .pricing-matrix.pricing-matrix-xs table {
  border-collapse: collapse;
  border-spacing: 0;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 10px 0 rgba(27, 31, 54, 0.1);
  overflow: hidden;
}
#pricing .pricing-matrix.pricing-matrix-lg table th,
#pricing .pricing-matrix.pricing-matrix-xs table th,
#pricing .pricing-matrix.pricing-matrix-lg table td,
#pricing .pricing-matrix.pricing-matrix-xs table td {
  width: 20%;
  height: 55px;
}
#pricing .pricing-matrix.pricing-matrix-lg table th,
#pricing .pricing-matrix.pricing-matrix-xs table th {
  vertical-align: top;
  text-align: left;
  padding: 20px;
  border-right: 1px solid #e7ebef;
}
#pricing .pricing-matrix.pricing-matrix-lg table td,
#pricing .pricing-matrix.pricing-matrix-xs table td {
  text-align: center;
  padding: 10px;
  border: 1px solid #e7ebef;
  border-left: 0;
}
#pricing .pricing-matrix.pricing-matrix-lg table td p,
#pricing .pricing-matrix.pricing-matrix-xs table td p {
  line-height: 1.35;
}
#pricing .pricing-matrix.pricing-matrix-lg table td.pricing-label,
#pricing .pricing-matrix.pricing-matrix-xs table td.pricing-label {
  text-align: left;
}
#pricing .pricing-matrix.pricing-matrix-lg table td .icon.info,
#pricing .pricing-matrix.pricing-matrix-xs table td .icon.info {
  position: absolute;
  color: #1b1f36;
  padding: 2px 0 0 5px;
}
#pricing .pricing-matrix.pricing-matrix-lg table td .icon-circle,
#pricing .pricing-matrix.pricing-matrix-xs table td .icon-circle {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  background: #00dca6;
  border-radius: 30px;
  float: initial;
  margin: 0 auto;
}
#pricing .pricing-matrix.pricing-matrix-lg table td .icon-circle svg,
#pricing .pricing-matrix.pricing-matrix-xs table td .icon-circle svg {
  display: block;
  color: #ffffff;
}
#pricing .pricing-matrix .pricing-group td {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  background: #f3f5f7;
}
@media (max-width: 575.98px) {
  #pricing .pricing-matrix.pricing-matrix-xs {
    padding: 30px 3% 60px 3%;
  }
  #pricing .pricing-matrix.pricing-matrix-xs .react-tabs__tab-list {
    margin-bottom: 30px;
  }
  #pricing .pricing-matrix.pricing-matrix-lg {
    display: none;
  }
}
@media (min-width: 576px) {
  #pricing .pricing-matrix.pricing-matrix-xs {
    display: none;
  }
}
@media (max-width: 575.98px) {
  #pricing .plan-columns-container {
    padding: 30px 1% 30px 1%;
  }
  #pricing .plan-columns-container .plan-columns-wrapper .plan-columns .pricing-tier-card {
    margin-bottom: 30px;
  }
  #pricing .plan-columns-container .plan-columns-wrapper.one-column,
  #pricing .plan-columns-container .plan-columns-wrapper.two-column {
    width: 100% !important;
  }
  #pricing .plan-columns-container .plan-columns-wrapper.two-column .plan-columns .pricing-tier-card {
    width: 100% !important;
  }
  #pricing .plan-columns-container .plan-header,
  #pricing .plan-columns-container .plan-description {
    min-height: initial !important;
  }
}
#all-features {
  color: #1b1f36;
  background: #ffffff;
  border-top: 1px solid #e7ebef;
}
#all-features .box-container {
  padding: 60px 8%;
}
#all-features .box-container .box-inner {
  margin-bottom: 60px;
}
#all-features .box-container .box-inner:last-child {
  margin-bottom: 0;
}
#all-features .box-container .box-inner h1 {
  text-align: center;
  padding-bottom: 30px;
}
#all-features .box-container .box-inner h3 {
  padding-bottom: 10px;
  line-height: 24px;
}
#all-features .box-container .box-inner .block-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
#all-features .box-container .box-inner .block-container {
  display: block;
  width: 300px;
  margin: 20px;
}
#all-features .box-container .box-inner .block-container .block-col {
  padding-left: 40px;
}
#all-features .box-container .box-inner .block-container p {
  margin-bottom: 10px;
}
#all-features .box-container .box-inner .block-container ul li {
  margin: 0 0 10px 20px;
  line-height: 1.5;
  list-style: disc;
}
#all-features .box-container .box-inner .block-container ul li b {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
#all-features .box-container .box-inner .icon {
  position: absolute;
  color: #3fdaed;
  margin: -4px 0 0 -40px;
}
#all-features .box-container .box-inner img.linkedin-logo {
  position: relative;
  display: inline-block;
  height: 25px;
}
@media (max-width: 575.98px) {
  #all-features .box-container {
    padding: 80px 20px;
  }
  #all-features .box-container .box-inner h1 {
    text-align: left;
  }
  #all-features .box-container .box-inner .block-container {
    width: 100%;
    margin-left: 0;
  }
  #all-features .box-container .box-inner .block-container .block-col {
    padding-left: 0;
  }
  #all-features .box-container .box-inner .icon {
    position: absolute;
    color: #3fdaed;
    margin: -4px 0 0 -40px;
  }
}
#scorebot {
  background: #ffffff;
  border-top: 1px solid #f3f5f7;
}
#scorebot .box-container {
  padding: 100px 8% 60px 8%;
}
#scorebot .box-container .box-inner h1 {
  text-align: center;
  padding-bottom: 30px;
}
#scorebot .box-container .box-inner .framed-text {
  max-width: 900px;
  margin: 0 auto;
}
#scorebot .box-container .box-inner .framed-text h2 {
  color: #424d60;
  padding-bottom: 30px;
}
#scorebot .box-container .box-inner .framed-text h3 {
  padding-bottom: 30px;
}
#scorebot .box-container .screens-container {
  margin: 0 auto;
}
#scorebot .box-container .screens-container.center {
  text-align: center;
}
#scorebot .box-container .screens-container img {
  margin-top: 30px;
}
#scorebot .box-container .screens-container img.automated_reference_checking {
  width: 195px;
}
#scorebot .box-container .screens-container img.reference_checking_flow {
  width: 558px;
}
@media (max-width: 575.98px) {
  #scorebot .box-container {
    padding: 100px 20px 60px 20px;
  }
  #scorebot .box-container .box-inner h1 {
    text-align: left;
  }
  #scorebot .box-container .screens-container img.reference_checking_flow {
    display: block;
    width: 100% !important;
  }
}
#free-reference-checks {
  background: #ffffff;
  border-top: 1px solid #f3f5f7;
}
#free-reference-checks .box-container {
  padding: 100px 8% 70px 8%;
}
#free-reference-checks .box-container .box-inner .framed-text {
  max-width: 900px;
  margin: 0 auto;
}
#free-reference-checks .box-container .box-inner .framed-text h1 {
  text-align: center;
  padding-bottom: 30px;
}
#free-reference-checks .box-container .box-inner .framed-text h2 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #3c4257;
  text-align: center;
  padding-bottom: 30px;
}
#free-reference-checks .segment {
  padding: 0 8% 80px 8%;
}
#free-reference-checks .segment h2 {
  color: #424d60;
}
#free-reference-checks .segment h2,
#free-reference-checks .segment h3 {
  padding-bottom: 30px;
}
#free-reference-checks .segment .program-description {
  padding-bottom: 30px;
}
#free-reference-checks .segment .big-numbers {
  padding-bottom: 30px;
}
#free-reference-checks .segment .big-numbers em {
  font-size: 0.9rem;
  color: #424d60;
}
#free-reference-checks .segment .big-numbers span {
  display: block;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 4rem;
}
#free-reference-checks .segment .big-numbers span s {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media (max-width: 575.98px) {
  #free-reference-checks .box-container {
    padding: 100px 20px 50px 20px;
  }
  #free-reference-checks .box-container .box-inner .framed-text h1,
  #free-reference-checks .box-container .box-inner .framed-text h2 {
    text-align: left;
  }
  #free-reference-checks .segment {
    padding: 0;
  }
  #free-reference-checks .segment h3 {
    min-height: auto;
  }
  #free-reference-checks .segment .big-numbers span {
    font-size: 2.75rem;
  }
}
#fraud-protection {
  background: #ffffff;
  border-top: 1px solid #f3f5f7;
}
#fraud-protection .box-container {
  padding: 100px 8% 60px 8%;
}
#fraud-protection .box-container .box-inner h1 {
  text-align: center;
  padding-bottom: 30px;
}
#fraud-protection .box-container .box-inner .framed-text {
  max-width: 900px;
  margin: 0 auto;
}
#fraud-protection .box-container .box-inner .framed-text h2 {
  color: #3c4257;
  text-align: center;
  padding-bottom: 30px;
}
#fraud-protection .one-column-container .box-image .screens-container img {
  width: 100%;
  max-width: 463px;
  height: auto;
}
#fraud-protection .two-column-container .two-column-inner .fake-references-screen {
  width: 100%;
  display: inline-block;
  padding: 120px 0;
  background: url("/fraud-protection/background.png") right no-repeat;
  background-size: auto 100%;
}
#fraud-protection .two-column-container .two-column-inner .fake-references-screen .left-column {
  padding: 120px 0;
}
#fraud-protection .two-column-container .two-column-inner .fake-references-screen .right-column {
  padding: 70px 0;
}
#fraud-protection .two-column-container .two-column-inner .fake-references-screen > div {
  padding: 0 8%;
  text-align: right;
}
#fraud-protection .two-column-container .two-column-inner .fake-references-screen > div img {
  width: 100%;
  max-width: 422px;
  height: auto;
}
#fraud-protection .two-column-container .two-column-inner .description {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-bottom: 20px;
}
@media (max-width: 575.98px) {
  #fraud-protection .box-container {
    padding: 100px 20px 60px 20px;
  }
  #fraud-protection .box-container .box-inner h1 {
    text-align: left;
  }
  #fraud-protection .box-container .box-inner .framed-text h2 {
    text-align: left;
  }
  #fraud-protection .two-column-container .two-column-inner .fake-references-screen {
    padding: 0;
  }
  #fraud-protection .two-column-container .two-column-inner .fake-references-description > div {
    padding: 0 20px;
  }
}
#security-questions {
  color: #ffffff;
  background: linear-gradient(45deg, #a1abb7, #6b77d9);
}
#security-questions .box-container {
  padding: 100px 8%;
}
#security-questions .box-container .box-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 30px;
  border-radius: 20px;
}
#security-questions .box-container .box-inner h2 {
  text-align: center;
  padding-bottom: 20px;
}
#security-questions .box-container .box-inner p {
  padding-bottom: 10px;
}
#security-questions .box-container .box-inner a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
#security-questions .box-container .box-inner a:hover {
  opacity: 0.7;
}
#start-now {
  display: flex;
  justify-content: center;
  min-height: 460px;
  margin-top: 60px;
  background-color: #0c5bfa;
}
#start-now .box-container {
  display: flex;
  padding: 0 8%;
}
#start-now .box-container .box-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
#start-now .box-container .box-inner .background {
  z-index: 1;
  position: absolute;
  width: 100%;
  max-height: 460px;
  line-height: 0;
  text-align: center;
  overflow: hidden;
}
#start-now .box-container .box-inner .background img {
  width: auto;
  max-height: 460px;
}
#start-now .box-container .box-inner .start-now-container {
  z-index: 2;
  display: flex;
  flex-direction: column;
}
#start-now .box-container .box-inner .start-now-container .start-now-header {
  color: #ffffff;
  padding-bottom: 20px;
}
#start-now .box-container .box-inner .start-now-container .start-now-header h2 {
  color: #ffffff;
}
#start-now .box-container .box-inner .start-now-container .start-now-signup {
  display: flex;
  flex-direction: column;
}
#start-now .box-container .box-inner .start-now-container .start-now-signup .form-inlineblock input {
  width: 350px;
  height: 46px;
  font-size: 20px;
  padding-left: 16px;
  border: 0;
}
#start-now .box-container .box-inner .start-now-container .start-now-signup .form-inlineblock button {
  font-size: 20px;
  padding: 11px 20px;
  background: transparent;
  border-radius: 10px;
  border: 2px solid #ffffff;
}
#start-now .box-container .box-inner .start-now-container .start-now-signup .form-inlineblock button:hover {
  background: #00dca6;
}
#start-now .box-container .box-inner .start-now-container .start-now-signup .form-note {
  font-size: 0.9rem;
  color: #ffffff;
  padding-top: 4px;
}
#start-now .box-container .box-inner .start-now-container .start-now-signup .form-note span {
  display: inline-block;
}
#start-now .box-container .box-inner .start-now-container .start-now-signup .form-note span em {
  margin: 0 10px;
}
@media (max-width: 575.98px) {
  #start-now .box-container {
    padding: 20px;
  }
  #start-now .box-container .box-inner {
    text-align: center;
  }
  #start-now .box-container .box-inner .start-now-header {
    padding: 0 0 30px 0;
  }
  #start-now .box-container .box-inner .start-now-header img.flash-in-box {
    position: relative;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  #start-now .box-container .box-inner .start-now-signup {
    text-align: left;
  }
  #start-now .box-container .box-inner .start-now-signup .form-inlineblock .form-block input {
    width: 100%;
  }
  #start-now .box-container .box-inner .start-now-signup .form-inlineblock button {
    width: 100%;
  }
  #start-now .box-container .box-inner .start-now-signup .form-note span {
    display: block;
    margin: 0;
  }
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
section#filters {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding-bottom: 62px;
}
section#filters .section-list {
  margin-top: 23px;
}
section#filters .section-list .inline-message {
  padding-top: 16px;
}
section#filters .section-list .filter-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  margin-top: 6px;
  padding: 6px 16px 12px 16px;
}
section#filters .section-list .filter-title .filter-title-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: -3px;
  background: #3c4257;
  border-radius: 4px;
}
section#filters .section-list .filter-title .filter-title-icon i {
  position: absolute;
  color: #ffffff;
  margin: 4px 0 0 4px;
}
section#filters .section-list .filter-title .filter-title-name {
  padding-left: 28px;
}
section#filters .section-list ul li.section-list-form-select {
  padding: 0 16px 6px 16px;
}
@media (max-width: 575.98px) {
  section#filters .section-list ul li.section-list-form-select {
    font-size: 20px;
    padding: 0 6px 6px 6px;
  }
}
@media (max-width: 575.98px) {
  section#filters {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
  }
}
.page.checks .combo-link-container .combo-link-header,
.page.flows .combo-link-container .combo-link-header,
.page.companies-list-page .combo-link-container .combo-link-header {
  display: flex;
  align-items: center;
}
.page.checks .combo-link-container .combo-link-header .general-column,
.page.flows .combo-link-container .combo-link-header .general-column,
.page.companies-list-page .combo-link-container .combo-link-header .general-column {
  width: 30%;
}
.page.checks .combo-link-container .combo-link-header .score-column,
.page.flows .combo-link-container .combo-link-header .score-column,
.page.companies-list-page .combo-link-container .combo-link-header .score-column,
.page.checks .combo-link-container .combo-link-header .flow-column,
.page.flows .combo-link-container .combo-link-header .flow-column,
.page.companies-list-page .combo-link-container .combo-link-header .flow-column,
.page.checks .combo-link-container .combo-link-header .contacts-column,
.page.flows .combo-link-container .combo-link-header .contacts-column,
.page.companies-list-page .combo-link-container .combo-link-header .contacts-column,
.page.checks .combo-link-container .combo-link-header .status-column,
.page.flows .combo-link-container .combo-link-header .status-column,
.page.companies-list-page .combo-link-container .combo-link-header .status-column,
.page.checks .combo-link-container .combo-link-header .checks-column,
.page.flows .combo-link-container .combo-link-header .checks-column,
.page.companies-list-page .combo-link-container .combo-link-header .checks-column,
.page.checks .combo-link-container .combo-link-header .company-column,
.page.flows .combo-link-container .combo-link-header .company-column,
.page.companies-list-page .combo-link-container .combo-link-header .company-column,
.page.checks .combo-link-container .combo-link-header .tags-column,
.page.flows .combo-link-container .combo-link-header .tags-column,
.page.companies-list-page .combo-link-container .combo-link-header .tags-column {
  padding: 0 12px;
}
.page.checks .combo-link-container .combo-link-header .score-column,
.page.flows .combo-link-container .combo-link-header .score-column,
.page.companies-list-page .combo-link-container .combo-link-header .score-column,
.page.checks .combo-link-container .combo-link-header .flow-column,
.page.flows .combo-link-container .combo-link-header .flow-column,
.page.companies-list-page .combo-link-container .combo-link-header .flow-column,
.page.checks .combo-link-container .combo-link-header .contacts-column,
.page.flows .combo-link-container .combo-link-header .contacts-column,
.page.companies-list-page .combo-link-container .combo-link-header .contacts-column,
.page.checks .combo-link-container .combo-link-header .status-column,
.page.flows .combo-link-container .combo-link-header .status-column,
.page.companies-list-page .combo-link-container .combo-link-header .status-column {
  width: 18%;
}
.page.checks .combo-link-container .combo-link-header .company-column,
.page.flows .combo-link-container .combo-link-header .company-column,
.page.companies-list-page .combo-link-container .combo-link-header .company-column {
  width: 18%;
}
.page.checks .combo-link-container .combo-link-header .tags-column,
.page.flows .combo-link-container .combo-link-header .tags-column,
.page.companies-list-page .combo-link-container .combo-link-header .tags-column {
  width: 18%;
}
.page.checks .combo-link-container .combo-link-header .checks-column,
.page.flows .combo-link-container .combo-link-header .checks-column,
.page.companies-list-page .combo-link-container .combo-link-header .checks-column {
  width: 16%;
}
.page.checks .combo-link,
.page.flows .combo-link,
.page.companies-list-page .combo-link {
  cursor: pointer;
}
.page.checks .combo-link .combo-link-info .two-row-column,
.page.flows .combo-link .combo-link-info .two-row-column,
.page.companies-list-page .combo-link .combo-link-info .two-row-column {
  width: 30%;
}
.page.checks .combo-link .combo-link-info .score-column,
.page.flows .combo-link .combo-link-info .score-column,
.page.companies-list-page .combo-link .combo-link-info .score-column,
.page.checks .combo-link .combo-link-info .flow-column,
.page.flows .combo-link .combo-link-info .flow-column,
.page.companies-list-page .combo-link .combo-link-info .flow-column,
.page.checks .combo-link .combo-link-info .status-column,
.page.flows .combo-link .combo-link-info .status-column,
.page.companies-list-page .combo-link .combo-link-info .status-column,
.page.checks .combo-link .combo-link-info .contacts-column,
.page.flows .combo-link .combo-link-info .contacts-column,
.page.companies-list-page .combo-link .combo-link-info .contacts-column,
.page.checks .combo-link .combo-link-info .checks-column,
.page.flows .combo-link .combo-link-info .checks-column,
.page.companies-list-page .combo-link .combo-link-info .checks-column,
.page.checks .combo-link .combo-link-info .company-column,
.page.flows .combo-link .combo-link-info .company-column,
.page.companies-list-page .combo-link .combo-link-info .company-column,
.page.checks .combo-link .combo-link-info .tags-column,
.page.flows .combo-link .combo-link-info .tags-column,
.page.companies-list-page .combo-link .combo-link-info .tags-column {
  height: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid #e7ebef;
}
.page.checks .combo-link .combo-link-info .score-column > div,
.page.flows .combo-link .combo-link-info .score-column > div,
.page.companies-list-page .combo-link .combo-link-info .score-column > div,
.page.checks .combo-link .combo-link-info .flow-column > div,
.page.flows .combo-link .combo-link-info .flow-column > div,
.page.companies-list-page .combo-link .combo-link-info .flow-column > div,
.page.checks .combo-link .combo-link-info .status-column > div,
.page.flows .combo-link .combo-link-info .status-column > div,
.page.companies-list-page .combo-link .combo-link-info .status-column > div,
.page.checks .combo-link .combo-link-info .contacts-column > div,
.page.flows .combo-link .combo-link-info .contacts-column > div,
.page.companies-list-page .combo-link .combo-link-info .contacts-column > div,
.page.checks .combo-link .combo-link-info .checks-column > div,
.page.flows .combo-link .combo-link-info .checks-column > div,
.page.companies-list-page .combo-link .combo-link-info .checks-column > div,
.page.checks .combo-link .combo-link-info .company-column > div,
.page.flows .combo-link .combo-link-info .company-column > div,
.page.companies-list-page .combo-link .combo-link-info .company-column > div,
.page.checks .combo-link .combo-link-info .tags-column > div,
.page.flows .combo-link .combo-link-info .tags-column > div,
.page.companies-list-page .combo-link .combo-link-info .tags-column > div {
  font-size: 0.9rem;
  padding: 0 12px;
}
.page.checks .combo-link .combo-link-info .flow-column,
.page.flows .combo-link .combo-link-info .flow-column,
.page.companies-list-page .combo-link .combo-link-info .flow-column,
.page.checks .combo-link .combo-link-info .company-column,
.page.flows .combo-link .combo-link-info .company-column,
.page.companies-list-page .combo-link .combo-link-info .company-column,
.page.checks .combo-link .combo-link-info .tags-column,
.page.flows .combo-link .combo-link-info .tags-column,
.page.companies-list-page .combo-link .combo-link-info .tags-column {
  width: 18%;
}
.page.checks .combo-link .combo-link-info .contacts-column,
.page.flows .combo-link .combo-link-info .contacts-column,
.page.companies-list-page .combo-link .combo-link-info .contacts-column,
.page.checks .combo-link .combo-link-info .checks-column,
.page.flows .combo-link .combo-link-info .checks-column,
.page.companies-list-page .combo-link .combo-link-info .checks-column {
  width: 16%;
}
.page.checks .combo-link .combo-link-info .score-column,
.page.flows .combo-link .combo-link-info .score-column,
.page.companies-list-page .combo-link .combo-link-info .score-column {
  width: 18%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.page.checks .combo-link .combo-link-info .score-column .score-column-inner,
.page.flows .combo-link .combo-link-info .score-column .score-column-inner,
.page.companies-list-page .combo-link .combo-link-info .score-column .score-column-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 12px 2px 12px;
}
.page.checks .combo-link .combo-link-info .score-column .score-column-inner .cross-check-icons,
.page.flows .combo-link .combo-link-info .score-column .score-column-inner .cross-check-icons,
.page.companies-list-page .combo-link .combo-link-info .score-column .score-column-inner .cross-check-icons {
  margin-right: 8px;
}
.page.checks .combo-link .combo-link-info .score-column .combo-link-info-progress-completed,
.page.flows .combo-link .combo-link-info .score-column .combo-link-info-progress-completed,
.page.companies-list-page .combo-link .combo-link-info .score-column .combo-link-info-progress-completed {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  color: #00b78c;
}
.page.checks .combo-link .combo-link-info .score-column .combo-link-info-progress-no-value,
.page.flows .combo-link .combo-link-info .score-column .combo-link-info-progress-no-value,
.page.companies-list-page .combo-link .combo-link-info .score-column .combo-link-info-progress-no-value {
  font-size: 0.9rem;
  color: #b3bcc9;
  line-height: 1;
}
.page.checks .combo-link .combo-link-info .score-column .combo-link-info-score,
.page.flows .combo-link .combo-link-info .score-column .combo-link-info-score,
.page.companies-list-page .combo-link .combo-link-info .score-column .combo-link-info-score {
  min-width: 45px;
}
.page.checks .combo-link .combo-link-info .score-column .combo-link-info-score span,
.page.flows .combo-link .combo-link-info .score-column .combo-link-info-score span,
.page.companies-list-page .combo-link .combo-link-info .score-column .combo-link-info-score span {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #1b1f36;
}
.page.checks .combo-link .combo-link-info .score-column .combo-link-info-score span.high,
.page.flows .combo-link .combo-link-info .score-column .combo-link-info-score span.high,
.page.companies-list-page .combo-link .combo-link-info .score-column .combo-link-info-score span.high {
  color: #00b78c;
}
.page.checks .combo-link .combo-link-info .score-column .combo-link-info-score span.medium,
.page.flows .combo-link .combo-link-info .score-column .combo-link-info-score span.medium,
.page.companies-list-page .combo-link .combo-link-info .score-column .combo-link-info-score span.medium {
  color: #625fff;
}
.page.checks .combo-link .combo-link-info .score-column .combo-link-info-score span.low,
.page.flows .combo-link .combo-link-info .score-column .combo-link-info-score span.low,
.page.companies-list-page .combo-link .combo-link-info .score-column .combo-link-info-score span.low {
  color: #bb6dec;
}
.page.checks .combo-link .combo-link-info .score-column .combo-link-info-progress,
.page.flows .combo-link .combo-link-info .score-column .combo-link-info-progress,
.page.companies-list-page .combo-link .combo-link-info .score-column .combo-link-info-progress {
  line-height: 0;
}
.page.checks .combo-link .combo-link-info .status-column,
.page.flows .combo-link .combo-link-info .status-column,
.page.companies-list-page .combo-link .combo-link-info .status-column {
  width: 18%;
}
.page.checks .combo-link .combo-link-info .status-column .talent-status .icon,
.page.flows .combo-link .combo-link-info .status-column .talent-status .icon,
.page.companies-list-page .combo-link .combo-link-info .status-column .talent-status .icon {
  padding-top: 2px;
}
.page.checks .combo-link .combo-link-info .profile-report-user-data .profile-report-user-data-name,
.page.flows .combo-link .combo-link-info .profile-report-user-data .profile-report-user-data-name,
.page.companies-list-page .combo-link .combo-link-info .profile-report-user-data .profile-report-user-data-name {
  font-size: 1.15rem;
}
.page.checks .combo-link .combo-link-info .date,
.page.flows .combo-link .combo-link-info .date,
.page.companies-list-page .combo-link .combo-link-info .date {
  font-size: 0.9rem;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #424d60;
}
.page.checks .combo-link .flow-status-container .flow-status-draft,
.page.flows .combo-link .flow-status-container .flow-status-draft,
.page.companies-list-page .combo-link .flow-status-container .flow-status-draft {
  display: inline-block;
  font-size: 0.7rem;
  text-transform: uppercase;
  color: #ffffff;
  padding: 2px 4px;
  background: #ff7ba7;
  border-radius: 4px;
}
.page.checks .combo-link.archived .combo-link-info,
.page.flows .combo-link.archived .combo-link-info,
.page.companies-list-page .combo-link.archived .combo-link-info {
  color: #b3bcc9;
}
.page.checks .combo-link.archived .combo-link-info .two-row-column .two-row-column-inner .first-row,
.page.flows .combo-link.archived .combo-link-info .two-row-column .two-row-column-inner .first-row,
.page.companies-list-page .combo-link.archived .combo-link-info .two-row-column .two-row-column-inner .first-row {
  color: #1b1f36;
  opacity: 0.6;
}
.page.checks .combo-link.archived .combo-link-info .two-row-column .two-row-column-inner .second-row,
.page.flows .combo-link.archived .combo-link-info .two-row-column .two-row-column-inner .second-row,
.page.companies-list-page .combo-link.archived .combo-link-info .two-row-column .two-row-column-inner .second-row {
  color: #b3bcc9;
}
.page.checks .combo-link.archived .fade,
.page.flows .combo-link.archived .fade,
.page.companies-list-page .combo-link.archived .fade {
  color: #b3bcc9;
}
.page.checks .combo-link:hover .tags-column .tag-item,
.page.flows .combo-link:hover .tags-column .tag-item,
.page.companies-list-page .combo-link:hover .tags-column .tag-item {
  background-color: #e7ebef;
}
.talent-status {
  display: inline-block;
  font-size: 0.9rem;
  color: #697386;
  padding: 6px 28px 6px 12px;
  border: 1px solid #dde3e9;
  border-radius: 30px;
  cursor: pointer;
}
.talent-status.rejected {
  color: #d592ff;
  border-color: #d592ff;
}
.talent-status.shortlisted {
  color: #625fff;
  border-color: #625fff;
}
.talent-status.selected {
  color: #00b78c;
  border-color: #00b78c;
}
.talent-status .icon {
  position: absolute;
  padding-top: 2px;
  padding-left: 2px;
}
.profile-report-user {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.profile-report-user .avatar .UserAvatar--inner {
  background-color: transparent !important;
}
.profile-report-user .avatar.no-avatar .UserAvatar--inner {
  overflow: hidden;
  box-shadow: 0 0 0 1px #b3bcc9;
}
.profile-report-user .avatar.no-avatar .UserAvatar--inner .UserAvatar--img {
  display: none !important;
}
.profile-report-user .avatar.no-avatar .UserAvatar--inner:before {
  display: block;
  width: 40px;
  height: 40px;
  content: " ";
  background-image: url("/icons/empty-avatar.svg");
  background-position: 6px 4px;
  background-size: 28px 28px;
  background-repeat: no-repeat;
}
.profile-report-user .profile-report-user-data {
  width: 100%;
  padding-left: 12px;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-current-location {
  margin-bottom: 6px;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-email,
.profile-report-user .profile-report-user-data .profile-report-user-data-social {
  padding-left: 24px;
  width: 100%;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-email a,
.profile-report-user .profile-report-user-data .profile-report-user-data-social a {
  color: #424d60;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-email a .icon,
.profile-report-user .profile-report-user-data .profile-report-user-data-social a .icon {
  position: absolute;
  margin: 4px 0 0 -23px;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-email a:hover,
.profile-report-user .profile-report-user-data .profile-report-user-data-social a:hover {
  color: #3c4257;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-email .tooltip-text-container,
.profile-report-user .profile-report-user-data .profile-report-user-data-social .tooltip-text-container {
  width: 100%;
  display: inline-flex;
  line-height: 1.35;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-email .tooltip-text-container .tooltip-text-highlighted,
.profile-report-user .profile-report-user-data .profile-report-user-data-social .tooltip-text-container .tooltip-text-highlighted {
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-current-location {
  color: #424d60;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-phone {
  padding-left: 24px;
  color: #424d60;
  margin-top: 3px;
  line-height: 1.2;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-phone .icon {
  position: absolute;
  margin: 0 0 0 -23px;
}
.profile-report-user .profile-report-user-data .profile-report-user-data-position {
  color: #424d60;
}
@media (max-width: 575.98px) {
  .profile-report-user .profile-report-user-data .profile-report-user-data-name {
    font-size: 1rem;
  }
}
.profile-report-user.small .avatar.no-avatar .UserAvatar--inner:before {
  width: 40px;
  height: 40px;
  content: " ";
  background-image: url("/icons/empty-avatar.svg");
  background-position: 6px 4px;
  background-size: 28px 28px;
  background-repeat: no-repeat;
}
.profile-report-user.small .profile-report-user-data .profile-report-user-data-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  margin: 2px 0 4px 0;
}
.profile-report-user.small .profile-report-user-data .respondent-current-location {
  margin-bottom: 4px;
}
.profile-report-user.small .profile-report-user-data .profile-report-user-data-email,
.profile-report-user.small .profile-report-user-data .profile-report-user-data-phone {
  font-size: 0.9rem;
  margin-bottom: 4px;
}
.profile-report-user.small .profile-report-user-data .profile-report-user-data-email .send-email,
.profile-report-user.small .profile-report-user-data .profile-report-user-data-phone .send-email {
  color: #424d60;
  transition: all 100ms ease-in-out;
}
.profile-report-user.small .profile-report-user-data .profile-report-user-data-email .send-email .icon,
.profile-report-user.small .profile-report-user-data .profile-report-user-data-phone .send-email .icon {
  position: absolute;
  margin: 0 0 0 -23px;
}
.profile-report-user.small .profile-report-user-data .profile-report-user-data-email .send-email:hover,
.profile-report-user.small .profile-report-user-data .profile-report-user-data-phone .send-email:hover {
  color: #3c4257;
}
.profile-report .no-answer {
  color: #697386;
}
.profile-report .assessment > td {
  vertical-align: top;
  border-bottom: 4px solid #ccd2d9;
  padding: 10px 16px;
}
.profile-report .assessment .assessment-item-facet-interpretation {
  line-height: 1.5;
}
.profile-report .assessment .assessment-item-facet-interpretation .assessment-item-facet-interpretation-header {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.profile-report .assessment:last-child > td {
  border: 0;
}
.profile-report .assessment-item-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
}
.profile-report .profile-report-timeline-element dt {
  padding-bottom: 10px;
}
.profile-report .profile-report-timeline-element dt .profile-report-timeline-header-event-title {
  display: inline-block;
  width: 50%;
}
.profile-report .profile-report-timeline-element dt .profile-report-timeline-header-time-from-previous,
.profile-report .profile-report-timeline-element dt .profile-report-timeline-header-time-from-start {
  display: inline-block;
  width: 25%;
  font-size: 16px;
  color: #697386;
  text-align: center;
}
.profile-report .profile-report-timeline-element dd {
  border-left: 1px dashed #b3bcc9;
  padding: 0 0 20px 20px;
  margin-left: 10px;
  position: relative;
}
.profile-report .profile-report-timeline-element dd::before {
  position: absolute;
  left: -11px;
  top: 0;
  content: " ";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #b3bcc9;
}
.profile-report .profile-report-timeline-element dd:last-child {
  border-left: 0;
  padding-bottom: 0;
}
.profile-report .profile-report-timeline-element dd .icon {
  position: absolute;
  left: -10px;
}
.profile-report .profile-report-timeline-element dd.completed::before {
  border: 0;
}
.profile-report .profile-report-timeline-element dd.completed .icon {
  color: #00dca6;
}
.profile-report .profile-report-timeline-element dd.verified::before {
  border: 0;
}
.profile-report .profile-report-timeline-element dd.verified .icon {
  color: #00dca6;
}
.profile-report .profile-report-timeline-element dd .profile-report-timeline-event {
  position: relative;
  padding-bottom: 4px;
}
.profile-report .profile-report-timeline-element dd .profile-report-timeline-event .profile-report-timeline-event-title {
  display: inline-block;
  width: 50%;
}
.profile-report .profile-report-timeline-element dd .profile-report-timeline-event .profile-report-time-from-previous,
.profile-report .profile-report-timeline-element dd .profile-report-timeline-event .profile-report-time-from-start {
  display: inline-block;
  width: 25%;
  text-align: center;
}
.profile-report .profile-report-timeline-element dd .profile-report-timeline-timestamp {
  font-size: 16px;
  color: #697386;
  position: relative;
}
.page.insights .datetime-controls {
  float: right;
  padding-bottom: 16px;
}
.page.insights .insights-metrics {
  display: block;
}
.page.insights .insights-metrics .insights-metrics-row {
  display: flex;
}
.page.insights .insights-metrics .insights-metrics-container {
  display: flex;
  flex: 1 1 0px;
  padding: 0 16px 16px 0;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 16px;
  background: #ffffff;
  border-radius: 8px;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .insights-metrics-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-bottom: 10px;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .number-metrics-container {
  padding: 16px 0;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .number-metrics-container .number-metrics-inner {
  padding: 16px 0;
  border-bottom: 1px solid #edf0f3;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .number-metrics-container .number-metrics-inner:first-child {
  padding: 0 0 16px 0;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .number-metrics-container .number-metrics-inner .number-metrics-title {
  font-size: 0.9rem;
  color: #424d60;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .number-metrics-container .number-metrics-inner .number-metrics-values {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .number-metrics-container .number-metrics-inner .number-metrics-value {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  flex-grow: 1;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .number-metrics-container .number-metrics-inner .number-metrics-subvalue {
  flex-grow: 1;
  font-size: 0.9rem;
  color: #424d60;
  text-align: right;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .number-metrics-container .number-metrics-inner .number-metrics-subvalue span {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart {
  display: inline-block;
  width: 100%;
  height: 150px;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart.line {
  height: 50px;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart.pie {
  position: relative;
  height: 250px;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart.pie .pie-chart-average-index-container {
  position: absolute;
  width: 100%;
  height: 250px;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart.pie .pie-chart-average-index-container .pie-chart-average-index {
  width: 100%;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  text-align: center;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart .line-chart-tooltip {
  font-size: 0.9rem;
  padding: 10px 15px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 5px 20px 0 rgba(27, 31, 54, 0.08);
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart .line-chart-tooltip .line-chart-tooltip-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart .line-chart-tooltip ul li {
  line-height: 125%;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart .line-chart-tooltip ul li span {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend {
  font-size: 0.9rem;
  padding-top: 10px;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend .chart-legend-label {
  padding: 2px 0;
  border-bottom: 1px solid #edf0f3;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend .chart-legend-label .chart-legend-title {
  float: left;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend .chart-legend-label .chart-legend-title .chart-legend-color {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  border-radius: 50%;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend .chart-legend-label .chart-legend-title .chart-legend-color.chart-legend-color-1 {
  background-color: #b3bcc9;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend .chart-legend-label .chart-legend-title .chart-legend-color.chart-legend-color-2 {
  background-color: #d592ff;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend .chart-legend-label .chart-legend-title .chart-legend-color.chart-legend-color-3 {
  background-color: #625fff;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend .chart-legend-label .chart-legend-value {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  float: right;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend-horizontal {
  display: flex;
  font-size: 0.9rem;
  padding-top: 10px;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend-horizontal .chart-legend-label {
  display: flex;
  flex-grow: 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 0 10px 10px 0;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend-horizontal .chart-legend-label .chart-legend-title .chart-legend-color {
  display: inline-block;
  width: 14px;
  height: 6px;
  margin: 0 6px 2px 0;
  border-radius: 8px;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-inner .chart-legend-horizontal .chart-legend-label .chart-legend-value {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: block;
  padding-left: 20px;
}
.page.insights .insights-metrics .insights-metrics-container .insights-metrics-note {
  float: right;
}
.page.insights .insights-metrics .insights-metrics-container .no-data {
  padding-top: 16px;
}
.page.insights .insights-metrics .insights-metrics-container .number-metrics-platform-average {
  font-size: 0.8rem;
  color: #625fff;
  padding-top: 16px;
}
.page.insights .insights-metrics .insights-metrics-container .number-metrics-platform-average .number-metrics-platform-average-center {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.page.insights .insights-metrics .insights-metrics-container .number-metrics-platform-average .better-performance {
  float: left;
  margin-right: 4px;
  line-height: 0;
}
.page.insights .insights-metrics .insights-metrics-container .number-metrics-platform-average .better-performance img {
  width: 16px;
  height: 16px;
}
.page.insights .insights-metrics .insights-metrics-container .number-metrics-platform-average .value {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.screen.auth {
  width: 100%;
  height: 100vh;
}
.screen.auth .screen-container {
  min-height: 100vh;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.screen.auth .screen-container .wrapper-auth {
  width: 320px;
}
.screen.auth .screen-container .wrapper-auth .wrapper-title {
  margin-bottom: 1rem;
}
.screen.auth .screen-container .wrapper-auth .wrapper-title .title-auth {
  font-size: 2.75rem;
  text-align: center;
}
.screen.auth .screen-container .wrapper-auth .wrapper-title .title-auth.small {
  font-size: 1.25rem;
  text-align: left;
  padding: 0 0.4rem;
}
.screen.auth .screen-container .wrapper-auth .wrapper-title .subtitle-auth {
  font-size: 0.9rem;
  color: #697386;
  margin-top: 1rem;
  padding: 0 0.4rem;
  text-align: left;
}
.screen.auth .screen-container .wrapper-auth .wrapper-title .subtitle-auth.dark {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
}
.screen.auth .screen-container .wrapper-auth .wrapper-title .notes-auth {
  font-size: 0.9rem;
  color: #697386;
  margin-top: 1rem;
  padding: 0 0.4rem;
  text-align: left;
}
.screen.auth .screen-container .wrapper-auth .wrapper-title .title-link {
  display: block;
  font-size: 0.9rem;
  margin: 0.5rem 0 1rem 0;
  text-align: center;
  color: #697386;
}
.screen.auth .screen-container .wrapper-auth .wrapper-title .title-link span {
  margin-right: 5px;
}
.screen.auth .screen-container .wrapper-auth .wrapper-title .title-link a {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.screen.auth .screen-container .wrapper-auth .form-container .form-submit button {
  width: 100%;
}
.screen.auth .screen-container .wrapper-auth .form-container .form-block.custom-checkbox a {
  color: #697386;
}
.screen.auth .screen-container .wrapper-auth .form-container .form-block.custom-checkbox a:hover {
  color: #1b1f36;
}
@media (max-width: 373.98px) {
  .screen.auth .screen-container .wrapper-auth {
    width: 100%;
  }
}
.oauth-authorize-app {
  width: 100%;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background: #f9fafb;
}
.oauth-authorize-app .oauth-authorize-app-wrapper {
  max-width: 600px;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-header {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-header .oauth-logo {
  display: flex;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-header .oauth-user-avatar-block {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-header .oauth-user-avatar-block span {
  padding-left: 5px;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app {
  padding: 20px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app h2 {
  padding-bottom: 20px;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app .app-info-header {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  line-height: 0;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app .app-info-header .app-header-logo img {
  width: 80px;
  height: 80px;
  background: #3fdaed;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app .app-info-header .app-header-info {
  padding-left: 10px;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app .app-info-header .app-header-info ul li {
  padding-top: 5px;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app .app-info ul {
  font-size: 0.8rem;
  color: #697386;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app .app-info ul li {
  padding-top: 10px;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app .oauth-actions {
  padding: 30px 0;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app .oauth-app-permissions ul {
  list-style: disc;
  padding: 0 20px;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app .oauth-app-permissions ul li {
  padding-top: 10px;
}
.oauth-authorize-app .oauth-authorize-app-wrapper .oauth-footer {
  font-size: 0.8rem;
  color: #697386;
  line-height: 40px;
  padding: 20px;
}
@media (max-width: 575.98px) {
  .oauth-authorize-app .oauth-authorize-app-wrapper .oauth-app {
    border-radius: 0;
  }
  .oauth-authorize-app .oauth-authorize-app-wrapper .oauth-actions {
    text-align: center;
  }
}
section#filters {
  width: 270px;
  margin-left: 100px;
  overflow: auto;
}
section#filters .filter-select-all {
  padding: 0 16px 6px 16px;
}
section#filters .filter-select-all button {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  width: 100%;
  color: #3c4257;
  padding: 8px 10px;
  border: 1px solid #e7ebef;
  background: #edf0f3;
  border-radius: 8px;
}
section#filters .filter-select-all button.fade {
  background: transparent;
}
section#filters .filter-select-all button.fade:hover {
  background: #edf0f3;
}
section#filters .filter-select-all button:hover {
  background: #e7ebef;
}
section#filters .filter-select-all button .count {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #3c4257;
}
section#filters .filter-list {
  padding: 0 16px;
}
section#filters .filter-list .section-list-item {
  color: #1b1f36;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
section#filters .filter-list .section-list-item,
section#filters .filter-list .section-list-form-select {
  padding-bottom: 6px;
}
section#filters .filter-list .editable-section .section-list-item {
  padding-top: 5px;
}
section#filters .empty-filter-link .no-data-block .no-data-block-inner {
  border: 1px solid #f3f5f7;
}
section#filters .empty-filter-link .no-data-block .no-data-block-inner:hover {
  border-color: #b3bcc9;
}
@media (max-width: 575.98px) {
  section#filters .filter-select-all {
    padding: 0 6px 6px 6px;
  }
}
.user-experience-feedback {
  background: #f9fafb;
  border-radius: 20px;
}
.user-experience-feedback .header {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  padding: 20px 30px;
}
.user-experience-feedback .subheader {
  padding: 0 30px 30px 30px;
}
.user-experience-feedback .rating {
  margin: 0 30px;
  margin-bottom: 25px;
}
.user-experience-feedback .rating label {
  display: inline-block;
  position: relative;
  width: 20%;
  text-align: center;
  cursor: pointer;
}
.user-experience-feedback .rating label .icon {
  display: inline-block;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
.user-experience-feedback .rating label .icon img {
  position: relative;
  width: 33px;
  height: 33px;
}
.user-experience-feedback .rating label .label-text-container {
  position: relative;
  width: 100%;
}
.user-experience-feedback .rating label .label-text-container .label-text {
  width: 100%;
  position: absolute;
  font-size: 0.8rem;
  color: #424d60;
  padding-top: 8px;
}
.user-experience-feedback .rating label.hover .icon {
  transform: scale(1.3);
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.user-experience-feedback .rating label input:checked + .icon {
  transform: scale(1.3);
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.user-experience-feedback .rating.selected label .icon {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.user-experience-feedback .resizable-textarea {
  display: block;
  padding: 10px 30px 0 30px;
}
.user-experience-feedback .resizable-textarea textarea {
  font-size: 1.25rem;
}
.user-experience-feedback button.submit-feedback {
  font-size: 1.25rem;
  padding: 13px 20px;
  margin: 30px 0;
  border-radius: 30px;
}
@media (max-width: 575.98px) {
  .user-experience-feedback .header {
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
  }
  .user-experience-feedback .resizable-textarea textarea {
    font-size: 1rem;
    line-height: 24px;
    padding: 9px 15px;
  }
  .user-experience-feedback button.submit-feedback {
    font-size: 1rem;
    padding: 10px 20px;
  }
}
.static-view .user-experience-feedback {
  display: inline-block;
  margin: 0 auto;
  margin-top: 40px;
}
.builder-layout .sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 270px;
  height: 100vh;
  margin-left: 100px;
  overflow: auto;
  background: #f9fafb;
}
.builder-layout .sidebar .sidebar-nav {
  display: flex;
  width: 100%;
  padding: 0 16px;
}
.builder-layout .sidebar .sidebar-nav > div {
  width: 100%;
  padding: 8px 0;
}
.builder-layout .sidebar .tabs {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.builder-layout .sidebar .content-items .add-content {
  margin-bottom: 10px;
}
.builder-layout .sidebar .content-items .add-content .secondary-button {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.builder-layout .sidebar .content-items .question-block-container {
  padding-bottom: 2px;
}
.builder-layout .sidebar .content-items .question-block {
  font-size: 0.9rem;
  padding: 0 8px;
  border-radius: 10px;
}
.builder-layout .sidebar .content-items .question-block .question-content {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 4px 0;
}
.builder-layout .sidebar .content-items .question-block .question-content .question-text {
  padding: 4px 8px;
  line-height: 1.2;
}
.builder-layout .sidebar .content-items .question-block .question-content .question-facet {
  color: #697386;
}
.builder-layout .sidebar .content-items .question-block .question-content .delete-item {
  display: none;
  position: absolute;
  right: 0;
}
.builder-layout .sidebar .content-items .question-block:hover {
  background: #edf0f3;
}
.builder-layout .sidebar .content-items .question-block:hover .delete-item {
  display: initial;
  background: #dde3e9;
}
.builder-layout .sidebar .content-items .question-block:hover .delete-item:hover {
  background: #d592ff;
}
.builder-layout .sidebar .content-items .question-block.active {
  background: #edf0f3;
}
.builder-layout .sidebar .design-items .design-items-group {
  padding-bottom: 32px;
}
.builder-layout .sidebar .design-items .design-items-group .design-item-group {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.builder-layout .sidebar .design-items .design-item {
  margin-bottom: 10px;
}
.builder-layout .sidebar .design-items .design-item .bp3-popover-wrapper .bp3-popover-target {
  display: block;
  width: 100%;
}
.builder-layout .sidebar .design-items .design-item.conversation-icon {
  display: flex;
  justify-content: center;
}
.builder-layout .sidebar .settings-items .settings-items-group {
  padding-bottom: 32px;
}
.builder-layout .sidebar .settings-items .settings-items-group .settings-item-group {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.builder-layout .sidebar .settings-items .settings-item {
  margin-bottom: 10px;
}
.builder-layout .sidebar .settings-items .settings-item .bp3-popover-wrapper .bp3-popover-target {
  display: block;
  width: 100%;
}
.builder-layout .content {
  margin-left: 370px;
}
.react-avatar {
  display: flex;
}
.react-avatar .avatar-view {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0;
}
.react-avatar .avatar-view .photo-container {
  position: relative;
  display: flex;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}
.react-avatar .avatar-view .photo-container .photo-inner {
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  color: #697386;
}
.react-avatar .avatar-view .photo-container .photo-inner > div {
  font-size: 0.8rem;
  text-transform: uppercase;
  padding-top: 6px;
}
.react-avatar .avatar-view .photo-container .photo-inner > div svg {
  margin-top: 20px;
}
.react-avatar .avatar-view .photo-container:hover,
.react-avatar .avatar-view .photo-container:active {
  box-shadow: none;
}
.react-avatar .avatar-view .photo-container:hover .photo-inner,
.react-avatar .avatar-view .photo-container:active .photo-inner {
  display: flex !important;
  color: #ffffff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #3fdaed;
}
.react-avatar .avatar-edit .photo-inner {
  display: flex;
  flex-direction: column;
}
.react-avatar .avatar-edit .photo-editor {
  display: flex;
  justify-content: center;
}
.react-avatar .avatar-edit .photo-editor canvas {
  border-radius: 8px;
}
.react-avatar .avatar-edit .photo-zoom {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.react-avatar .avatar-edit .photo-zoom .icon {
  color: #697386;
}
.react-avatar .avatar-edit .photo-zoom .slider {
  flex-grow: 1;
  padding: 10px;
}
.react-avatar .progress-bar-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.react-avatar .progress-bar-container .progress-circle {
  position: absolute;
  display: block;
  width: auto;
  height: 100%;
}
.react-avatar .button-container {
  display: flex;
  justify-content: center;
}
.react-avatar .button-container .rounded-button-group {
  display: flex;
  margin-top: 6px;
}
.react-avatar .button-upload {
  padding: 0 20px;
  border-radius: 30px;
}
.file-input {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.file-input input[type="file"],
.file-input input[type="file"]::-webkit-file-upload-button {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.block-chart {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 1px 3px 1px 0;
  box-shadow: 0 0 0 1px inset #b3bcc9;
  border-radius: 30px;
}
.block-chart.completed {
  box-shadow: none;
  background: #00b78c;
}
.block-chart.completed.high {
  box-shadow: none;
  background: #00b78c;
}
.block-chart.completed.medium {
  box-shadow: none;
  background: #625fff;
}
.block-chart.completed.low {
  box-shadow: none;
  background: #bb6dec;
}
.editable-field input {
  color: #1b1f36;
  background: transparent;
  padding: 8px 10px;
  border: 1px solid #dde3e9;
  border-radius: 8px;
  box-sizing: content-box;
}
.editable-field input:hover {
  border-color: #b3bcc9;
}
.editable-field input:focus {
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.editable-field input.error-input {
  border-color: #d592ff;
  box-shadow: 0px 0 0 0 inset transparent;
}
.editable-field input.error-input:focus {
  border-color: #d592ff;
  box-shadow: 0px 0 0 1px inset #d592ff;
}
.editable-field span.value {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
}
.text-to-html .entity {
  display: inline-block;
  border: 1px solid #5decdf;
  background: #abfff7;
  padding: 2px;
  margin: 1px 0;
  border-radius: 4px;
}
.page.flow-item .sidebar-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 270px;
  height: 100vh;
  margin-left: 100px;
  overflow: auto;
}
.page.flow-item .sidebar-nav .section-list {
  padding: 0 16px;
}
.page.flow-item .sidebar-nav .section-list a,
.page.flow-item .sidebar-nav .section-list div {
  display: block;
  color: #3c4257;
  padding: 8px 10px 8px 16px;
  margin-bottom: 2px;
  line-height: 125%;
  border-radius: 8px;
  cursor: pointer;
}
.page.flow-item .sidebar-nav .section-list a.active,
.page.flow-item .sidebar-nav .section-list div.active {
  background: #edf0f3;
  cursor: initial;
}
.page.flow-item .sidebar-nav .section-list a.active:hover,
.page.flow-item .sidebar-nav .section-list div.active:hover {
  background: #edf0f3;
}
.page.flow-item .sidebar-nav .section-list a:hover,
.page.flow-item .sidebar-nav .section-list div:hover {
  background: #e7ebef;
}
.page.flow-item .sidebar-nav .section-list .disabled {
  color: #b3bcc9;
  cursor: initial;
}
.page.flow-item .sidebar-nav .section-list .disabled:hover {
  background: transparent;
}
.page.flow-item .sidebar-nav .section-list ul {
  padding: 24px 0;
}
.page.flow-item .sidebar-nav .section-list ul li.section-list-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding: 8px 16px;
  margin-bottom: 6px;
}
.page.flow-item .flow-setup-block {
  margin-top: 16px;
}
.page.flow-item .flow-setup-block .section-header {
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 8px 16px 0 0;
}
.page.flow-item .flow-setup-block .section-header .col-1 {
  flex-grow: 1;
}
.page.flow-item .flow-setup-block .section-header .col-2.inline-controls > div {
  display: inline-block;
  margin-left: 16px;
}
.page.flow-item .flow-setup-block .section-header .col-2.inline-controls > div:first-child {
  margin: 0;
}
.page.flow-item .step-number {
  display: inline-block;
  width: 10px;
  text-align: center;
}
.page.flow-item .step-name::before {
  margin-left: 4px;
  padding-right: 4px;
  content: "·";
}
.page.assessment-templates-page.template-viewer,
.page.assessment.template-viewer,
.page.reference-templates-page.template-viewer,
.page.flow-request.template-viewer,
.page.reference.template-viewer {
  margin-left: 100px;
  border-left: 1px solid #e7ebef;
}
.page.assessment-templates-page .static-view .text-block-container,
.page.assessment .static-view .text-block-container,
.page.reference-templates-page .static-view .text-block-container,
.page.flow-request .static-view .text-block-container,
.page.reference .static-view .text-block-container,
.page.assessment-templates-page .conversation-view .text-block-container,
.page.assessment .conversation-view .text-block-container,
.page.reference-templates-page .conversation-view .text-block-container,
.page.flow-request .conversation-view .text-block-container,
.page.reference .conversation-view .text-block-container {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.page.assessment-templates-page .static-view .text-block-container .text-block,
.page.assessment .static-view .text-block-container .text-block,
.page.reference-templates-page .static-view .text-block-container .text-block,
.page.flow-request .static-view .text-block-container .text-block,
.page.reference .static-view .text-block-container .text-block,
.page.assessment-templates-page .conversation-view .text-block-container .text-block,
.page.assessment .conversation-view .text-block-container .text-block,
.page.reference-templates-page .conversation-view .text-block-container .text-block,
.page.flow-request .conversation-view .text-block-container .text-block,
.page.reference .conversation-view .text-block-container .text-block {
  padding: 20px;
  margin: 10px 0;
  text-align: center;
  background: #ffffff;
  border-radius: 20px;
}
.page.assessment-templates-page .static-view .text-block-container .text-block h1,
.page.assessment .static-view .text-block-container .text-block h1,
.page.reference-templates-page .static-view .text-block-container .text-block h1,
.page.flow-request .static-view .text-block-container .text-block h1,
.page.reference .static-view .text-block-container .text-block h1,
.page.assessment-templates-page .conversation-view .text-block-container .text-block h1,
.page.assessment .conversation-view .text-block-container .text-block h1,
.page.reference-templates-page .conversation-view .text-block-container .text-block h1,
.page.flow-request .conversation-view .text-block-container .text-block h1,
.page.reference .conversation-view .text-block-container .text-block h1 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  padding-bottom: 30px;
}
.page.assessment-templates-page .static-view .text-block-container .text-block h2,
.page.assessment .static-view .text-block-container .text-block h2,
.page.reference-templates-page .static-view .text-block-container .text-block h2,
.page.flow-request .static-view .text-block-container .text-block h2,
.page.reference .static-view .text-block-container .text-block h2,
.page.assessment-templates-page .conversation-view .text-block-container .text-block h2,
.page.assessment .conversation-view .text-block-container .text-block h2,
.page.reference-templates-page .conversation-view .text-block-container .text-block h2,
.page.flow-request .conversation-view .text-block-container .text-block h2,
.page.reference .conversation-view .text-block-container .text-block h2 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  color: #424d60;
  padding-bottom: 30px;
}
.page.assessment-templates-page .static-view .text-block-container .text-block h3,
.page.assessment .static-view .text-block-container .text-block h3,
.page.reference-templates-page .static-view .text-block-container .text-block h3,
.page.flow-request .static-view .text-block-container .text-block h3,
.page.reference .static-view .text-block-container .text-block h3,
.page.assessment-templates-page .conversation-view .text-block-container .text-block h3,
.page.assessment .conversation-view .text-block-container .text-block h3,
.page.reference-templates-page .conversation-view .text-block-container .text-block h3,
.page.flow-request .conversation-view .text-block-container .text-block h3,
.page.reference .conversation-view .text-block-container .text-block h3 {
  font-size: 1.25rem;
  padding-bottom: 30px;
}
.page.assessment-templates-page .static-view .text-block-container .text-block strong,
.page.assessment .static-view .text-block-container .text-block strong,
.page.reference-templates-page .static-view .text-block-container .text-block strong,
.page.flow-request .static-view .text-block-container .text-block strong,
.page.reference .static-view .text-block-container .text-block strong,
.page.assessment-templates-page .conversation-view .text-block-container .text-block strong,
.page.assessment .conversation-view .text-block-container .text-block strong,
.page.reference-templates-page .conversation-view .text-block-container .text-block strong,
.page.flow-request .conversation-view .text-block-container .text-block strong,
.page.reference .conversation-view .text-block-container .text-block strong {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page.assessment-templates-page .static-view .text-block-container .text-block em,
.page.assessment .static-view .text-block-container .text-block em,
.page.reference-templates-page .static-view .text-block-container .text-block em,
.page.flow-request .static-view .text-block-container .text-block em,
.page.reference .static-view .text-block-container .text-block em,
.page.assessment-templates-page .conversation-view .text-block-container .text-block em,
.page.assessment .conversation-view .text-block-container .text-block em,
.page.reference-templates-page .conversation-view .text-block-container .text-block em,
.page.flow-request .conversation-view .text-block-container .text-block em,
.page.reference .conversation-view .text-block-container .text-block em {
  font-style: italic;
}
.page.assessment-templates-page .static-view .text-block-container .text-block .terms,
.page.assessment .static-view .text-block-container .text-block .terms,
.page.reference-templates-page .static-view .text-block-container .text-block .terms,
.page.flow-request .static-view .text-block-container .text-block .terms,
.page.reference .static-view .text-block-container .text-block .terms,
.page.assessment-templates-page .conversation-view .text-block-container .text-block .terms,
.page.assessment .conversation-view .text-block-container .text-block .terms,
.page.reference-templates-page .conversation-view .text-block-container .text-block .terms,
.page.flow-request .conversation-view .text-block-container .text-block .terms,
.page.reference .conversation-view .text-block-container .text-block .terms {
  line-height: 1.35;
  padding-bottom: 30px;
}
.page.assessment-templates-page .static-view .text-block-container .text-block .terms span,
.page.assessment .static-view .text-block-container .text-block .terms span,
.page.reference-templates-page .static-view .text-block-container .text-block .terms span,
.page.flow-request .static-view .text-block-container .text-block .terms span,
.page.reference .static-view .text-block-container .text-block .terms span,
.page.assessment-templates-page .conversation-view .text-block-container .text-block .terms span,
.page.assessment .conversation-view .text-block-container .text-block .terms span,
.page.reference-templates-page .conversation-view .text-block-container .text-block .terms span,
.page.flow-request .conversation-view .text-block-container .text-block .terms span,
.page.reference .conversation-view .text-block-container .text-block .terms span {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page.assessment-templates-page .static-view .text-block-container .text-block .terms ul,
.page.assessment .static-view .text-block-container .text-block .terms ul,
.page.reference-templates-page .static-view .text-block-container .text-block .terms ul,
.page.flow-request .static-view .text-block-container .text-block .terms ul,
.page.reference .static-view .text-block-container .text-block .terms ul,
.page.assessment-templates-page .conversation-view .text-block-container .text-block .terms ul,
.page.assessment .conversation-view .text-block-container .text-block .terms ul,
.page.reference-templates-page .conversation-view .text-block-container .text-block .terms ul,
.page.flow-request .conversation-view .text-block-container .text-block .terms ul,
.page.reference .conversation-view .text-block-container .text-block .terms ul {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
  list-style: disc;
  padding: 10px 0 10px 30px;
}
.page.assessment-templates-page .static-view .text-block-container .text-block .terms ul li,
.page.assessment .static-view .text-block-container .text-block .terms ul li,
.page.reference-templates-page .static-view .text-block-container .text-block .terms ul li,
.page.flow-request .static-view .text-block-container .text-block .terms ul li,
.page.reference .static-view .text-block-container .text-block .terms ul li,
.page.assessment-templates-page .conversation-view .text-block-container .text-block .terms ul li,
.page.assessment .conversation-view .text-block-container .text-block .terms ul li,
.page.reference-templates-page .conversation-view .text-block-container .text-block .terms ul li,
.page.flow-request .conversation-view .text-block-container .text-block .terms ul li,
.page.reference .conversation-view .text-block-container .text-block .terms ul li {
  line-height: 24px;
}
.page.assessment-templates-page .static-view button.start,
.page.assessment .static-view button.start,
.page.reference-templates-page .static-view button.start,
.page.flow-request .static-view button.start,
.page.reference .static-view button.start,
.page.assessment-templates-page .conversation-view button.start,
.page.assessment .conversation-view button.start,
.page.reference-templates-page .conversation-view button.start,
.page.flow-request .conversation-view button.start,
.page.reference .conversation-view button.start {
  font-size: 1.25rem;
  padding: 13px 20px;
}
@media (max-width: 575.98px) {
  .page.assessment-templates-page .static-view button.start,
  .page.assessment .static-view button.start,
  .page.reference-templates-page .static-view button.start,
  .page.flow-request .static-view button.start,
  .page.reference .static-view button.start,
  .page.assessment-templates-page .conversation-view button.start,
  .page.assessment .conversation-view button.start,
  .page.reference-templates-page .conversation-view button.start,
  .page.flow-request .conversation-view button.start,
  .page.reference .conversation-view button.start {
    font-size: 1rem;
    padding: 10px 20px;
  }
}
.page.assessment-templates-page .static-view .ok-answer,
.page.assessment .static-view .ok-answer,
.page.reference-templates-page .static-view .ok-answer,
.page.flow-request .static-view .ok-answer,
.page.reference .static-view .ok-answer,
.page.assessment-templates-page .conversation-view .ok-answer,
.page.assessment .conversation-view .ok-answer,
.page.reference-templates-page .conversation-view .ok-answer,
.page.flow-request .conversation-view .ok-answer,
.page.reference .conversation-view .ok-answer {
  position: relative;
}
.page.assessment-templates-page .static-view .ok-answer .ok-answer-space,
.page.assessment .static-view .ok-answer .ok-answer-space,
.page.reference-templates-page .static-view .ok-answer .ok-answer-space,
.page.flow-request .static-view .ok-answer .ok-answer-space,
.page.reference .static-view .ok-answer .ok-answer-space,
.page.assessment-templates-page .conversation-view .ok-answer .ok-answer-space,
.page.assessment .conversation-view .ok-answer .ok-answer-space,
.page.reference-templates-page .conversation-view .ok-answer .ok-answer-space,
.page.flow-request .conversation-view .ok-answer .ok-answer-space,
.page.reference .conversation-view .ok-answer .ok-answer-space {
  height: 15px;
}
.page.assessment-templates-page .static-view .ok-answer .ok-answer-action,
.page.assessment .static-view .ok-answer .ok-answer-action,
.page.reference-templates-page .static-view .ok-answer .ok-answer-action,
.page.flow-request .static-view .ok-answer .ok-answer-action,
.page.reference .static-view .ok-answer .ok-answer-action,
.page.assessment-templates-page .conversation-view .ok-answer .ok-answer-action,
.page.assessment .conversation-view .ok-answer .ok-answer-action,
.page.reference-templates-page .conversation-view .ok-answer .ok-answer-action,
.page.flow-request .conversation-view .ok-answer .ok-answer-action,
.page.reference .conversation-view .ok-answer .ok-answer-action {
  display: flex;
  align-items: center;
}
.page.assessment-templates-page .static-view .ok-answer .ok-answer-action button,
.page.assessment .static-view .ok-answer .ok-answer-action button,
.page.reference-templates-page .static-view .ok-answer .ok-answer-action button,
.page.flow-request .static-view .ok-answer .ok-answer-action button,
.page.reference .static-view .ok-answer .ok-answer-action button,
.page.assessment-templates-page .conversation-view .ok-answer .ok-answer-action button,
.page.assessment .conversation-view .ok-answer .ok-answer-action button,
.page.reference-templates-page .conversation-view .ok-answer .ok-answer-action button,
.page.flow-request .conversation-view .ok-answer .ok-answer-action button,
.page.reference .conversation-view .ok-answer .ok-answer-action button {
  font-size: 1.25rem;
  padding: 13px 18px 13px 38px;
}
.page.assessment-templates-page .static-view .ok-answer .ok-answer-action button .icon,
.page.assessment .static-view .ok-answer .ok-answer-action button .icon,
.page.reference-templates-page .static-view .ok-answer .ok-answer-action button .icon,
.page.flow-request .static-view .ok-answer .ok-answer-action button .icon,
.page.reference .static-view .ok-answer .ok-answer-action button .icon,
.page.assessment-templates-page .conversation-view .ok-answer .ok-answer-action button .icon,
.page.assessment .conversation-view .ok-answer .ok-answer-action button .icon,
.page.reference-templates-page .conversation-view .ok-answer .ok-answer-action button .icon,
.page.flow-request .conversation-view .ok-answer .ok-answer-action button .icon,
.page.reference .conversation-view .ok-answer .ok-answer-action button .icon {
  position: absolute;
  margin: 1px 0 0 -22px;
}
@media (max-width: 575.98px) {
  .page.assessment-templates-page .static-view .ok-answer .ok-answer-action button,
  .page.assessment .static-view .ok-answer .ok-answer-action button,
  .page.reference-templates-page .static-view .ok-answer .ok-answer-action button,
  .page.flow-request .static-view .ok-answer .ok-answer-action button,
  .page.reference .static-view .ok-answer .ok-answer-action button,
  .page.assessment-templates-page .conversation-view .ok-answer .ok-answer-action button,
  .page.assessment .conversation-view .ok-answer .ok-answer-action button,
  .page.reference-templates-page .conversation-view .ok-answer .ok-answer-action button,
  .page.flow-request .conversation-view .ok-answer .ok-answer-action button,
  .page.reference .conversation-view .ok-answer .ok-answer-action button {
    font-size: 1rem;
    padding: 10px 18px 10px 38px;
  }
}
.page.assessment-templates-page .static-view .ok-answer .ok-answer-action .shortcut,
.page.assessment .static-view .ok-answer .ok-answer-action .shortcut,
.page.reference-templates-page .static-view .ok-answer .ok-answer-action .shortcut,
.page.flow-request .static-view .ok-answer .ok-answer-action .shortcut,
.page.reference .static-view .ok-answer .ok-answer-action .shortcut,
.page.assessment-templates-page .conversation-view .ok-answer .ok-answer-action .shortcut,
.page.assessment .conversation-view .ok-answer .ok-answer-action .shortcut,
.page.reference-templates-page .conversation-view .ok-answer .ok-answer-action .shortcut,
.page.flow-request .conversation-view .ok-answer .ok-answer-action .shortcut,
.page.reference .conversation-view .ok-answer .ok-answer-action .shortcut {
  font-size: 0.8rem;
  color: #697386;
  margin-left: 10px;
}
.page.assessment-templates-page .static-view .ok-answer .ok-answer-action .shortcut .icon,
.page.assessment .static-view .ok-answer .ok-answer-action .shortcut .icon,
.page.reference-templates-page .static-view .ok-answer .ok-answer-action .shortcut .icon,
.page.flow-request .static-view .ok-answer .ok-answer-action .shortcut .icon,
.page.reference .static-view .ok-answer .ok-answer-action .shortcut .icon,
.page.assessment-templates-page .conversation-view .ok-answer .ok-answer-action .shortcut .icon,
.page.assessment .conversation-view .ok-answer .ok-answer-action .shortcut .icon,
.page.reference-templates-page .conversation-view .ok-answer .ok-answer-action .shortcut .icon,
.page.flow-request .conversation-view .ok-answer .ok-answer-action .shortcut .icon,
.page.reference .conversation-view .ok-answer .ok-answer-action .shortcut .icon {
  position: absolute;
  margin: -2px 0 0 4px;
}
.page.assessment-templates-page .static-view .verification-options,
.page.assessment .static-view .verification-options,
.page.reference-templates-page .static-view .verification-options,
.page.flow-request .static-view .verification-options,
.page.reference .static-view .verification-options,
.page.assessment-templates-page .conversation-view .verification-options,
.page.assessment .conversation-view .verification-options,
.page.reference-templates-page .conversation-view .verification-options,
.page.flow-request .conversation-view .verification-options,
.page.reference .conversation-view .verification-options {
  padding-bottom: 30px;
}
.page.assessment-templates-page .static-view .verification-options button,
.page.assessment .static-view .verification-options button,
.page.reference-templates-page .static-view .verification-options button,
.page.flow-request .static-view .verification-options button,
.page.reference .static-view .verification-options button,
.page.assessment-templates-page .conversation-view .verification-options button,
.page.assessment .conversation-view .verification-options button,
.page.reference-templates-page .conversation-view .verification-options button,
.page.flow-request .conversation-view .verification-options button,
.page.reference .conversation-view .verification-options button {
  margin: 15px;
}
.page.assessment-templates-page .static-view .verification-options button.no-account,
.page.assessment .static-view .verification-options button.no-account,
.page.reference-templates-page .static-view .verification-options button.no-account,
.page.flow-request .static-view .verification-options button.no-account,
.page.reference .static-view .verification-options button.no-account,
.page.assessment-templates-page .conversation-view .verification-options button.no-account,
.page.assessment .conversation-view .verification-options button.no-account,
.page.reference-templates-page .conversation-view .verification-options button.no-account,
.page.flow-request .conversation-view .verification-options button.no-account,
.page.reference .conversation-view .verification-options button.no-account {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  color: #424d60;
  background: transparent;
  border: 1px solid #dde3e9;
}
.page.assessment-templates-page .static-view .verification-options button.no-account:hover,
.page.assessment .static-view .verification-options button.no-account:hover,
.page.reference-templates-page .static-view .verification-options button.no-account:hover,
.page.flow-request .static-view .verification-options button.no-account:hover,
.page.reference .static-view .verification-options button.no-account:hover,
.page.assessment-templates-page .conversation-view .verification-options button.no-account:hover,
.page.assessment .conversation-view .verification-options button.no-account:hover,
.page.reference-templates-page .conversation-view .verification-options button.no-account:hover,
.page.flow-request .conversation-view .verification-options button.no-account:hover,
.page.reference .conversation-view .verification-options button.no-account:hover {
  background: #edf0f3;
}
.page.assessment-templates-page .static-view .verification-options button.social-button-linkedin,
.page.assessment .static-view .verification-options button.social-button-linkedin,
.page.reference-templates-page .static-view .verification-options button.social-button-linkedin,
.page.flow-request .static-view .verification-options button.social-button-linkedin,
.page.reference .static-view .verification-options button.social-button-linkedin,
.page.assessment-templates-page .conversation-view .verification-options button.social-button-linkedin,
.page.assessment .conversation-view .verification-options button.social-button-linkedin,
.page.reference-templates-page .conversation-view .verification-options button.social-button-linkedin,
.page.flow-request .conversation-view .verification-options button.social-button-linkedin,
.page.reference .conversation-view .verification-options button.social-button-linkedin {
  font-size: 1.25rem;
  position: relative;
  box-sizing: border-box;
  height: 40px;
  background-color: #0077b5;
  vertical-align: center;
  color: #ffffff;
  padding-left: 55px;
  overflow: hidden;
  border-radius: 8px;
}
.page.assessment-templates-page .static-view .verification-options button.social-button-linkedin:hover,
.page.assessment .static-view .verification-options button.social-button-linkedin:hover,
.page.reference-templates-page .static-view .verification-options button.social-button-linkedin:hover,
.page.flow-request .static-view .verification-options button.social-button-linkedin:hover,
.page.reference .static-view .verification-options button.social-button-linkedin:hover,
.page.assessment-templates-page .conversation-view .verification-options button.social-button-linkedin:hover,
.page.assessment .conversation-view .verification-options button.social-button-linkedin:hover,
.page.reference-templates-page .conversation-view .verification-options button.social-button-linkedin:hover,
.page.flow-request .conversation-view .verification-options button.social-button-linkedin:hover,
.page.reference .conversation-view .verification-options button.social-button-linkedin:hover {
  background-color: #0369a0;
}
.page.assessment-templates-page .static-view .verification-options button.social-button-linkedin:active,
.page.assessment .static-view .verification-options button.social-button-linkedin:active,
.page.reference-templates-page .static-view .verification-options button.social-button-linkedin:active,
.page.flow-request .static-view .verification-options button.social-button-linkedin:active,
.page.reference .static-view .verification-options button.social-button-linkedin:active,
.page.assessment-templates-page .conversation-view .verification-options button.social-button-linkedin:active,
.page.assessment .conversation-view .verification-options button.social-button-linkedin:active,
.page.reference-templates-page .conversation-view .verification-options button.social-button-linkedin:active,
.page.flow-request .conversation-view .verification-options button.social-button-linkedin:active,
.page.reference .conversation-view .verification-options button.social-button-linkedin:active {
  background-color: #066093;
}
.page.assessment-templates-page .static-view .verification-options button.social-button-linkedin .social-button-icon-wrapper,
.page.assessment .static-view .verification-options button.social-button-linkedin .social-button-icon-wrapper,
.page.reference-templates-page .static-view .verification-options button.social-button-linkedin .social-button-icon-wrapper,
.page.flow-request .static-view .verification-options button.social-button-linkedin .social-button-icon-wrapper,
.page.reference .static-view .verification-options button.social-button-linkedin .social-button-icon-wrapper,
.page.assessment-templates-page .conversation-view .verification-options button.social-button-linkedin .social-button-icon-wrapper,
.page.assessment .conversation-view .verification-options button.social-button-linkedin .social-button-icon-wrapper,
.page.reference-templates-page .conversation-view .verification-options button.social-button-linkedin .social-button-icon-wrapper,
.page.flow-request .conversation-view .verification-options button.social-button-linkedin .social-button-icon-wrapper,
.page.reference .conversation-view .verification-options button.social-button-linkedin .social-button-icon-wrapper {
  position: absolute;
  top: -2px;
  left: -6px;
  width: 48px;
  height: 44px;
  padding: 8px 0 0 5px;
  background-color: #0077b5;
  border: 1px solid #075b8c;
  border-radius: 8px;
  box-sizing: border-box;
}
.page.assessment-templates-page .static-view .verification-options button.social-button-linkedin .social-button-icon-wrapper .social-button-icon,
.page.assessment .static-view .verification-options button.social-button-linkedin .social-button-icon-wrapper .social-button-icon,
.page.reference-templates-page .static-view .verification-options button.social-button-linkedin .social-button-icon-wrapper .social-button-icon,
.page.flow-request .static-view .verification-options button.social-button-linkedin .social-button-icon-wrapper .social-button-icon,
.page.reference .static-view .verification-options button.social-button-linkedin .social-button-icon-wrapper .social-button-icon,
.page.assessment-templates-page .conversation-view .verification-options button.social-button-linkedin .social-button-icon-wrapper .social-button-icon,
.page.assessment .conversation-view .verification-options button.social-button-linkedin .social-button-icon-wrapper .social-button-icon,
.page.reference-templates-page .conversation-view .verification-options button.social-button-linkedin .social-button-icon-wrapper .social-button-icon,
.page.flow-request .conversation-view .verification-options button.social-button-linkedin .social-button-icon-wrapper .social-button-icon,
.page.reference .conversation-view .verification-options button.social-button-linkedin .social-button-icon-wrapper .social-button-icon {
  color: #ffffff;
}
.page.assessment-templates-page .static-view .note,
.page.assessment .static-view .note,
.page.reference-templates-page .static-view .note,
.page.flow-request .static-view .note,
.page.reference .static-view .note,
.page.assessment-templates-page .conversation-view .note,
.page.assessment .conversation-view .note,
.page.reference-templates-page .conversation-view .note,
.page.flow-request .conversation-view .note,
.page.reference .conversation-view .note {
  font-size: 0.9rem;
  color: #424d60;
  line-height: 1.35;
}
.page.assessment-templates-page .static-view button.send-message,
.page.assessment .static-view button.send-message,
.page.reference-templates-page .static-view button.send-message,
.page.flow-request .static-view button.send-message,
.page.reference .static-view button.send-message,
.page.assessment-templates-page .conversation-view button.send-message,
.page.assessment .conversation-view button.send-message,
.page.reference-templates-page .conversation-view button.send-message,
.page.flow-request .conversation-view button.send-message,
.page.reference .conversation-view button.send-message {
  position: absolute;
  right: 0;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  padding: 0;
  margin: -51px 5px 0 0;
}
.page.assessment-templates-page .static-view button.send-message .icon,
.page.assessment .static-view button.send-message .icon,
.page.reference-templates-page .static-view button.send-message .icon,
.page.flow-request .static-view button.send-message .icon,
.page.reference .static-view button.send-message .icon,
.page.assessment-templates-page .conversation-view button.send-message .icon,
.page.assessment .conversation-view button.send-message .icon,
.page.reference-templates-page .conversation-view button.send-message .icon,
.page.flow-request .conversation-view button.send-message .icon,
.page.reference .conversation-view button.send-message .icon {
  z-index: 1;
  position: absolute;
  line-height: 0;
  margin: -8px 0 0 13px;
}
@media (max-width: 575.98px) {
  .page.assessment-templates-page .static-view button.send-message,
  .page.assessment .static-view button.send-message,
  .page.reference-templates-page .static-view button.send-message,
  .page.flow-request .static-view button.send-message,
  .page.reference .static-view button.send-message,
  .page.assessment-templates-page .conversation-view button.send-message,
  .page.assessment .conversation-view button.send-message,
  .page.reference-templates-page .conversation-view button.send-message,
  .page.flow-request .conversation-view button.send-message,
  .page.reference .conversation-view button.send-message {
    width: 40px;
    height: 40px;
    margin: -45px 5px 0 0 !important;
  }
  .page.assessment-templates-page .static-view button.send-message .icon,
  .page.assessment .static-view button.send-message .icon,
  .page.reference-templates-page .static-view button.send-message .icon,
  .page.flow-request .static-view button.send-message .icon,
  .page.reference .static-view button.send-message .icon,
  .page.assessment-templates-page .conversation-view button.send-message .icon,
  .page.assessment .conversation-view button.send-message .icon,
  .page.reference-templates-page .conversation-view button.send-message .icon,
  .page.flow-request .conversation-view button.send-message .icon,
  .page.reference .conversation-view button.send-message .icon {
    margin: -8px 0 0 10px;
  }
}
.page.assessment-templates-page .static-view,
.page.assessment .static-view,
.page.reference-templates-page .static-view,
.page.flow-request .static-view,
.page.reference .static-view {
  min-height: 100vh;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  flex-direction: column;
}
.page.assessment-templates-page .static-view .content-container,
.page.assessment .static-view .content-container,
.page.reference-templates-page .static-view .content-container,
.page.flow-request .static-view .content-container,
.page.reference .static-view .content-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  max-width: 720px;
}
.page.assessment-templates-page .static-view .content-container .question-list,
.page.assessment .static-view .content-container .question-list,
.page.reference-templates-page .static-view .content-container .question-list,
.page.flow-request .static-view .content-container .question-list,
.page.reference .static-view .content-container .question-list {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.page.assessment-templates-page .static-view .content-container .question-list .question-container,
.page.assessment .static-view .content-container .question-list .question-container,
.page.reference-templates-page .static-view .content-container .question-list .question-container,
.page.flow-request .static-view .content-container .question-list .question-container,
.page.reference .static-view .content-container .question-list .question-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 20px;
  margin: 10px 0;
  background: #ffffff;
  border-radius: 20px;
}
.page.assessment-templates-page .static-view .content-container .question-list .question,
.page.assessment .static-view .content-container .question-list .question,
.page.reference-templates-page .static-view .content-container .question-list .question,
.page.flow-request .static-view .content-container .question-list .question,
.page.reference .static-view .content-container .question-list .question {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.page.assessment-templates-page .static-view .reference-intro-picture-block,
.page.assessment .static-view .reference-intro-picture-block,
.page.reference-templates-page .static-view .reference-intro-picture-block,
.page.flow-request .static-view .reference-intro-picture-block,
.page.reference .static-view .reference-intro-picture-block {
  margin-top: 20px;
}
.page.assessment-templates-page .static-view .reference-intro-picture-block .reference-intro-picture,
.page.assessment .static-view .reference-intro-picture-block .reference-intro-picture,
.page.reference-templates-page .static-view .reference-intro-picture-block .reference-intro-picture,
.page.flow-request .static-view .reference-intro-picture-block .reference-intro-picture,
.page.reference .static-view .reference-intro-picture-block .reference-intro-picture {
  width: 300px;
  height: 100px;
  position: relative;
  line-height: 80px;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 8px;
}
.page.assessment-templates-page .static-view .reference-intro-picture-block .reference-intro-picture img,
.page.assessment .static-view .reference-intro-picture-block .reference-intro-picture img,
.page.reference-templates-page .static-view .reference-intro-picture-block .reference-intro-picture img,
.page.flow-request .static-view .reference-intro-picture-block .reference-intro-picture img,
.page.reference .static-view .reference-intro-picture-block .reference-intro-picture img {
  width: 300px;
  height: 100px;
  border: 0;
}
.page.assessment-templates-page .static-view .single-question,
.page.assessment .static-view .single-question,
.page.reference-templates-page .static-view .single-question,
.page.flow-request .static-view .single-question,
.page.reference .static-view .single-question {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.page.assessment-templates-page .static-view .single-question.question-body-error,
.page.assessment .static-view .single-question.question-body-error,
.page.reference-templates-page .static-view .single-question.question-body-error,
.page.flow-request .static-view .single-question.question-body-error,
.page.reference .static-view .single-question.question-body-error {
  background: #f1dde4;
}
.page.assessment-templates-page .static-view .single-question .question-body,
.page.assessment .static-view .single-question .question-body,
.page.reference-templates-page .static-view .single-question .question-body,
.page.flow-request .static-view .single-question .question-body,
.page.reference .static-view .single-question .question-body {
  width: 100%;
}
.page.assessment-templates-page .static-view .single-question .question-body .question-content,
.page.assessment .static-view .single-question .question-body .question-content,
.page.reference-templates-page .static-view .single-question .question-body .question-content,
.page.flow-request .static-view .single-question .question-body .question-content,
.page.reference .static-view .single-question .question-body .question-content {
  padding: 0 20px;
}
.page.assessment-templates-page .static-view .single-question .question-body .question-content .question-number,
.page.assessment .static-view .single-question .question-body .question-content .question-number,
.page.reference-templates-page .static-view .single-question .question-body .question-content .question-number,
.page.flow-request .static-view .single-question .question-body .question-content .question-number,
.page.reference .static-view .single-question .question-body .question-content .question-number {
  position: absolute;
  font-size: 0.7rem;
  color: #697386;
  margin: 7px 0 0 -20px;
}
.page.assessment-templates-page .static-view .single-question .question-body .question-content .question-type,
.page.assessment .static-view .single-question .question-body .question-content .question-type,
.page.reference-templates-page .static-view .single-question .question-body .question-content .question-type,
.page.flow-request .static-view .single-question .question-body .question-content .question-type,
.page.reference .static-view .single-question .question-body .question-content .question-type {
  width: 250px;
  margin-bottom: 15px;
}
.page.assessment-templates-page .static-view .single-question .question-body .question-content .question-block,
.page.assessment .static-view .single-question .question-body .question-content .question-block,
.page.reference-templates-page .static-view .single-question .question-body .question-content .question-block,
.page.flow-request .static-view .single-question .question-body .question-content .question-block,
.page.reference .static-view .single-question .question-body .question-content .question-block {
  font-size: 1.25rem;
  padding-bottom: 15px;
  line-height: 1.35;
}
.page.assessment-templates-page .static-view .multi-question.question-block-error,
.page.assessment .static-view .multi-question.question-block-error,
.page.reference-templates-page .static-view .multi-question.question-block-error,
.page.flow-request .static-view .multi-question.question-block-error,
.page.reference .static-view .multi-question.question-block-error {
  background: #f1dde4;
}
.page.assessment-templates-page .static-view .multi-question .question-body,
.page.assessment .static-view .multi-question .question-body,
.page.reference-templates-page .static-view .multi-question .question-body,
.page.flow-request .static-view .multi-question .question-body,
.page.reference .static-view .multi-question .question-body {
  width: 100%;
}
.page.assessment-templates-page .static-view .multi-question .question-body .question-content,
.page.assessment .static-view .multi-question .question-body .question-content,
.page.reference-templates-page .static-view .multi-question .question-body .question-content,
.page.flow-request .static-view .multi-question .question-body .question-content,
.page.reference .static-view .multi-question .question-body .question-content {
  padding: 20px;
}
.page.assessment-templates-page .static-view .multi-question .question-body .question-content .question-number,
.page.assessment .static-view .multi-question .question-body .question-content .question-number,
.page.reference-templates-page .static-view .multi-question .question-body .question-content .question-number,
.page.flow-request .static-view .multi-question .question-body .question-content .question-number,
.page.reference .static-view .multi-question .question-body .question-content .question-number {
  position: absolute;
  font-size: 0.7rem;
  color: #697386;
  margin: 5px 0 0 -20px;
}
.page.assessment-templates-page .static-view .multi-question .question-body .question-content .question-type,
.page.assessment .static-view .multi-question .question-body .question-content .question-type,
.page.reference-templates-page .static-view .multi-question .question-body .question-content .question-type,
.page.flow-request .static-view .multi-question .question-body .question-content .question-type,
.page.reference .static-view .multi-question .question-body .question-content .question-type {
  width: 250px;
  margin-bottom: 15px;
}
.page.assessment-templates-page .static-view .multi-question .question-body .question-content .question-group-row,
.page.assessment .static-view .multi-question .question-body .question-content .question-group-row,
.page.reference-templates-page .static-view .multi-question .question-body .question-content .question-group-row,
.page.flow-request .static-view .multi-question .question-body .question-content .question-group-row,
.page.reference .static-view .multi-question .question-body .question-content .question-group-row {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.page.assessment-templates-page .static-view .multi-question .question-body .question-content .question-block,
.page.assessment .static-view .multi-question .question-body .question-content .question-block,
.page.reference-templates-page .static-view .multi-question .question-body .question-content .question-block,
.page.flow-request .static-view .multi-question .question-body .question-content .question-block,
.page.reference .static-view .multi-question .question-body .question-content .question-block {
  float: left;
  width: 55%;
  font-size: 1.15rem;
  line-height: 1.35;
  padding-right: 30px;
}
.page.assessment-templates-page .static-view .multi-question .question-body .question-content .answer-block,
.page.assessment .static-view .multi-question .question-body .question-content .answer-block,
.page.reference-templates-page .static-view .multi-question .question-body .question-content .answer-block,
.page.flow-request .static-view .multi-question .question-body .question-content .answer-block,
.page.reference .static-view .multi-question .question-body .question-content .answer-block {
  float: left;
  width: 45%;
}
.page.assessment-templates-page .static-view .multi-question .ok-answer,
.page.assessment .static-view .multi-question .ok-answer,
.page.reference-templates-page .static-view .multi-question .ok-answer,
.page.flow-request .static-view .multi-question .ok-answer,
.page.reference .static-view .multi-question .ok-answer {
  position: relative;
}
.page.assessment-templates-page .static-view .multi-question .ok-answer:after,
.page.assessment .static-view .multi-question .ok-answer:after,
.page.reference-templates-page .static-view .multi-question .ok-answer:after,
.page.flow-request .static-view .multi-question .ok-answer:after,
.page.reference .static-view .multi-question .ok-answer:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 575.98px) {
  .page.assessment-templates-page .static-view .text-block-container .text-block h1,
  .page.assessment .static-view .text-block-container .text-block h1,
  .page.reference-templates-page .static-view .text-block-container .text-block h1,
  .page.flow-request .static-view .text-block-container .text-block h1,
  .page.reference .static-view .text-block-container .text-block h1 {
    font-size: 1.75rem;
  }
  .page.assessment-templates-page .static-view .text-block-container .text-block h2,
  .page.assessment .static-view .text-block-container .text-block h2,
  .page.reference-templates-page .static-view .text-block-container .text-block h2,
  .page.flow-request .static-view .text-block-container .text-block h2,
  .page.reference .static-view .text-block-container .text-block h2 {
    font-size: 1.25rem;
  }
  .page.assessment-templates-page .static-view .text-block-container .text-block h3,
  .page.assessment .static-view .text-block-container .text-block h3,
  .page.reference-templates-page .static-view .text-block-container .text-block h3,
  .page.flow-request .static-view .text-block-container .text-block h3,
  .page.reference .static-view .text-block-container .text-block h3 {
    font-size: 1rem;
    line-height: 1.35;
  }
  .page.assessment-templates-page .static-view .content-container,
  .page.assessment .static-view .content-container,
  .page.reference-templates-page .static-view .content-container,
  .page.flow-request .static-view .content-container,
  .page.reference .static-view .content-container {
    padding: 10px;
  }
  .page.assessment-templates-page .static-view .single-question .question-body .question-content .question-number,
  .page.assessment .static-view .single-question .question-body .question-content .question-number,
  .page.reference-templates-page .static-view .single-question .question-body .question-content .question-number,
  .page.flow-request .static-view .single-question .question-body .question-content .question-number,
  .page.reference .static-view .single-question .question-body .question-content .question-number {
    margin: 4px 0 0 -20px;
  }
  .page.assessment-templates-page .static-view .single-question .question-body .question-content .question-block,
  .page.assessment .static-view .single-question .question-body .question-content .question-block,
  .page.reference-templates-page .static-view .single-question .question-body .question-content .question-block,
  .page.flow-request .static-view .single-question .question-body .question-content .question-block,
  .page.reference .static-view .single-question .question-body .question-content .question-block {
    font-size: 1rem;
    line-height: 1.5;
  }
  .page.assessment-templates-page .static-view .multi-question .question-body .question-content .question-number,
  .page.assessment .static-view .multi-question .question-body .question-content .question-number,
  .page.reference-templates-page .static-view .multi-question .question-body .question-content .question-number,
  .page.flow-request .static-view .multi-question .question-body .question-content .question-number,
  .page.reference .static-view .multi-question .question-body .question-content .question-number {
    margin: 4px 0 0 -20px;
  }
  .page.assessment-templates-page .static-view .multi-question .question-body .question-content .question-group-row,
  .page.assessment .static-view .multi-question .question-body .question-content .question-group-row,
  .page.reference-templates-page .static-view .multi-question .question-body .question-content .question-group-row,
  .page.flow-request .static-view .multi-question .question-body .question-content .question-group-row,
  .page.reference .static-view .multi-question .question-body .question-content .question-group-row {
    display: block;
  }
  .page.assessment-templates-page .static-view .multi-question .question-body .question-content .question-block,
  .page.assessment .static-view .multi-question .question-body .question-content .question-block,
  .page.reference-templates-page .static-view .multi-question .question-body .question-content .question-block,
  .page.flow-request .static-view .multi-question .question-body .question-content .question-block,
  .page.reference .static-view .multi-question .question-body .question-content .question-block {
    width: 100%;
    display: block;
    float: none;
    font-size: 1rem;
    line-height: 1.35;
    padding-right: 0;
    padding-bottom: 15px;
  }
  .page.assessment-templates-page .static-view .multi-question .question-body .question-content .answer-block,
  .page.assessment .static-view .multi-question .question-body .question-content .answer-block,
  .page.reference-templates-page .static-view .multi-question .question-body .question-content .answer-block,
  .page.flow-request .static-view .multi-question .question-body .question-content .answer-block,
  .page.reference .static-view .multi-question .question-body .question-content .answer-block {
    width: 100%;
    display: block;
    float: none;
  }
}
.page.assessment-templates-page .conversation-view,
.page.assessment .conversation-view,
.page.reference-templates-page .conversation-view,
.page.flow-request .conversation-view,
.page.reference .conversation-view {
  min-height: 100vh;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-direction: column;
}
.page.assessment-templates-page .conversation-view .content-container,
.page.assessment .conversation-view .content-container,
.page.reference-templates-page .conversation-view .content-container,
.page.flow-request .conversation-view .content-container,
.page.reference .conversation-view .content-container {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  min-height: 100vh;
  max-width: 720px;
  -moz-justify-content: end;
  -webkit-justify-content: end;
  -ms-justify-content: end;
  justify-content: end;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body,
.page.assessment .conversation-view .content-container .conversation .conversation-body,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body,
.page.flow-request .conversation-view .content-container .conversation .conversation-body,
.page.reference .conversation-view .content-container .conversation .conversation-body {
  width: 100%;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .conversation-content,
.page.assessment .conversation-view .content-container .conversation .conversation-body .conversation-content,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .conversation-content,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .conversation-content,
.page.reference .conversation-view .content-container .conversation .conversation-body .conversation-content {
  padding: 10px 10px 10px 52px;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container {
  width: 100%;
  display: flex;
  -moz-align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding-bottom: 15px;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message {
  display: inline-block;
  font-size: 1.25rem;
  text-align: left;
  line-height: 1.25;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h1,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h1,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h1,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h1,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h1,
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h2,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h2,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h2,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h2,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h2,
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h3,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h3,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h3,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h3,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h3 {
  font-size: 1.25rem;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h1,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h1,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h1,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h1,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h1 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h2,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h2,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h2,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h2,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h2,
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h3,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h3,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h3,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h3,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message h3 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message strong,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message strong,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message strong,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message strong,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message strong {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message em,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message em,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message em,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message em,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message em {
  font-style: italic;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms {
  line-height: 1.35;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms span,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms span,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms span,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms span,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms span {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms ul,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms ul,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms ul,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms ul,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms ul {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
  list-style: disc;
  padding: 10px 0 10px 30px;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms ul li,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms ul li,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms ul li,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms ul li,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message .terms ul li {
  line-height: 24px;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message-typing,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message-typing,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message-typing,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message-typing,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message-typing {
  display: inline-block;
  width: 70px;
  padding: 13px 15px 5px 15px;
  background: #edf0f3;
  border-radius: 30px;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message-typing > div,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message-typing > div,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message-typing > div,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message-typing > div,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .message-typing > div {
  margin: 0 auto;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block {
  position: absolute;
  margin-left: -45px;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block .avatar .UserAvatar--inner,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block .avatar .UserAvatar--inner,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block .avatar .UserAvatar--inner,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block .avatar .UserAvatar--inner,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block .avatar .UserAvatar--inner {
  color: #ffffff;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block .avatar.no-avatar .UserAvatar--inner,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block .avatar.no-avatar .UserAvatar--inner,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block .avatar.no-avatar .UserAvatar--inner,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block .avatar.no-avatar .UserAvatar--inner,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container .avatar-block .avatar.no-avatar .UserAvatar--inner {
  background: linear-gradient(135deg, #0c5bfa 30%, #9268ff 90%) !important;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.incoming .message,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container.incoming .message,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.incoming .message,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container.incoming .message,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container.incoming .message,
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.highlighted .message,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container.highlighted .message,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.highlighted .message,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container.highlighted .message,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container.highlighted .message {
  padding: 10px 20px;
  background: #edf0f3;
  border-radius: 30px;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.incoming .message.last-in-group,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container.incoming .message.last-in-group,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.incoming .message.last-in-group,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container.incoming .message.last-in-group,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container.incoming .message.last-in-group,
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.highlighted .message.last-in-group,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container.highlighted .message.last-in-group,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.highlighted .message.last-in-group,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container.highlighted .message.last-in-group,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container.highlighted .message.last-in-group {
  border-radius: 30px 30px 30px 10px;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.outgoing,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container.outgoing,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.outgoing,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container.outgoing,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container.outgoing {
  flex-direction: row-reverse;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.outgoing .message,
.page.assessment .conversation-view .content-container .conversation .conversation-body .message-block .message-container.outgoing .message,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .message-block .message-container.outgoing .message,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .message-block .message-container.outgoing .message,
.page.reference .conversation-view .content-container .conversation .conversation-body .message-block .message-container.outgoing .message {
  min-width: 80%;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .action-block,
.page.assessment .conversation-view .content-container .conversation .conversation-body .action-block,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .action-block,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .action-block,
.page.reference .conversation-view .content-container .conversation .conversation-body .action-block {
  display: block;
  text-align: center;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message,
.page.assessment .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message,
.page.reference .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message {
  background: #ffffff;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message .icon,
.page.assessment .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message .icon,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message .icon,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message .icon,
.page.reference .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message .icon {
  color: #0c5bfa;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message:hover,
.page.assessment .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message:hover,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message:hover,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message:hover,
.page.reference .conversation-view .content-container .conversation .conversation-body .outgoing button.send-message:hover {
  background: rgba(255, 255, 255, 0.9);
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .ok-answer,
.page.assessment .conversation-view .content-container .conversation .conversation-body .ok-answer,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .ok-answer,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .ok-answer,
.page.reference .conversation-view .content-container .conversation .conversation-body .ok-answer {
  position: relative;
}
.page.assessment-templates-page .conversation-view .content-container .conversation .conversation-body .ok-answer:after,
.page.assessment .conversation-view .content-container .conversation .conversation-body .ok-answer:after,
.page.reference-templates-page .conversation-view .content-container .conversation .conversation-body .ok-answer:after,
.page.flow-request .conversation-view .content-container .conversation .conversation-body .ok-answer:after,
.page.reference .conversation-view .content-container .conversation .conversation-body .ok-answer:after {
  content: "";
  display: table;
  clear: both;
}
.page.assessment-templates-page .conversation-view .content-container.screen-with-bar .conversation,
.page.assessment .conversation-view .content-container.screen-with-bar .conversation,
.page.reference-templates-page .conversation-view .content-container.screen-with-bar .conversation,
.page.flow-request .conversation-view .content-container.screen-with-bar .conversation,
.page.reference .conversation-view .content-container.screen-with-bar .conversation {
  min-height: calc(100vh - 48px);
}
.page.assessment-templates-page .conversation-view .progress-bar,
.page.assessment .conversation-view .progress-bar,
.page.reference-templates-page .conversation-view .progress-bar,
.page.flow-request .conversation-view .progress-bar,
.page.reference .conversation-view .progress-bar {
  z-index: 1020;
  top: 0;
  bottom: initial;
  padding: 15px 0;
  flex-grow: 1;
}
.page.assessment-templates-page .conversation-view .progress-bar-line,
.page.assessment .conversation-view .progress-bar-line,
.page.reference-templates-page .conversation-view .progress-bar-line,
.page.flow-request .conversation-view .progress-bar-line,
.page.reference .conversation-view .progress-bar-line {
  position: fixed;
  top: 0;
  bottom: initial;
}
@media (max-width: 575.98px) {
  .page.assessment-templates-page .conversation-view .conversation,
  .page.assessment .conversation-view .conversation,
  .page.reference-templates-page .conversation-view .conversation,
  .page.flow-request .conversation-view .conversation,
  .page.reference .conversation-view .conversation {
    padding: 0;
  }
  .page.assessment-templates-page .conversation-view .conversation .conversation-body .conversation-content,
  .page.assessment .conversation-view .conversation .conversation-body .conversation-content,
  .page.reference-templates-page .conversation-view .conversation .conversation-body .conversation-content,
  .page.flow-request .conversation-view .conversation .conversation-body .conversation-content,
  .page.reference .conversation-view .conversation .conversation-body .conversation-content {
    padding: 10px 0;
  }
  .page.assessment-templates-page .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message,
  .page.assessment .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message,
  .page.reference-templates-page .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message,
  .page.flow-request .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message,
  .page.reference .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message {
    font-size: 1rem;
    line-height: 1.35;
  }
  .page.assessment-templates-page .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h1,
  .page.assessment .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h1,
  .page.reference-templates-page .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h1,
  .page.flow-request .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h1,
  .page.reference .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h1,
  .page.assessment-templates-page .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h2,
  .page.assessment .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h2,
  .page.reference-templates-page .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h2,
  .page.flow-request .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h2,
  .page.reference .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h2,
  .page.assessment-templates-page .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h3,
  .page.assessment .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h3,
  .page.reference-templates-page .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h3,
  .page.flow-request .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h3,
  .page.reference .conversation-view .conversation .conversation-body .conversation-content .message-block .message-container .message h3 {
    font-size: 1rem;
    line-height: 1.35;
  }
}
.page.assessment-templates-page .progress-bar,
.page.assessment .progress-bar,
.page.reference-templates-page .progress-bar,
.page.flow-request .progress-bar,
.page.reference .progress-bar {
  width: 100%;
  position: sticky;
  bottom: 0;
  text-align: center;
  padding: 5px 0 15px 0;
}
.page.assessment-templates-page .progress-bar .progress-bar-container,
.page.assessment .progress-bar .progress-bar-container,
.page.reference-templates-page .progress-bar .progress-bar-container,
.page.flow-request .progress-bar .progress-bar-container,
.page.reference .progress-bar .progress-bar-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page.assessment-templates-page .progress-bar .progress-bar-container .progress-bar-text,
.page.assessment .progress-bar .progress-bar-container .progress-bar-text,
.page.reference-templates-page .progress-bar .progress-bar-container .progress-bar-text,
.page.flow-request .progress-bar .progress-bar-container .progress-bar-text,
.page.reference .progress-bar .progress-bar-container .progress-bar-text {
  display: inline-block;
  padding: 11px 15px;
  margin: 0 2px;
  border-radius: 10px;
  -webkit-backdrop-filter: saturate(180%) blur(4px);
  backdrop-filter: saturate(180%) blur(4px);
  background-color: rgba(255, 255, 255, 0.8);
  line-height: 0;
}
.page.assessment-templates-page .progress-bar .progress-bar-container .progress-bar-text span,
.page.assessment .progress-bar .progress-bar-container .progress-bar-text span,
.page.reference-templates-page .progress-bar .progress-bar-container .progress-bar-text span,
.page.flow-request .progress-bar .progress-bar-container .progress-bar-text span,
.page.reference .progress-bar .progress-bar-container .progress-bar-text span {
  font-size: 0.9rem;
  color: #424d60;
}
.page.assessment-templates-page .progress-bar .progress-bar-container .progress-bar-text span em,
.page.assessment .progress-bar .progress-bar-container .progress-bar-text span em,
.page.reference-templates-page .progress-bar .progress-bar-container .progress-bar-text span em,
.page.flow-request .progress-bar .progress-bar-container .progress-bar-text span em,
.page.reference .progress-bar .progress-bar-container .progress-bar-text span em {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #1b1f36;
}
.page.assessment-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls,
.page.assessment .progress-bar .progress-bar-container .progress-bar-question-controls,
.page.reference-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls,
.page.flow-request .progress-bar .progress-bar-container .progress-bar-question-controls,
.page.reference .progress-bar .progress-bar-container .progress-bar-question-controls {
  display: inline-block;
  margin: 0 2px;
  line-height: 0;
}
.page.assessment-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control,
.page.assessment .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control,
.page.reference-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control,
.page.flow-request .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control,
.page.reference .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control {
  display: inline-block;
  padding: 12px 15px;
  -webkit-backdrop-filter: saturate(180%) blur(4px);
  backdrop-filter: saturate(180%) blur(4px);
  background-color: rgba(255, 255, 255, 0.8);
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
.page.assessment-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:first-child,
.page.assessment .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:first-child,
.page.reference-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:first-child,
.page.flow-request .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:first-child,
.page.reference .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:first-child {
  border-radius: 10px 0 0 10px;
}
.page.assessment-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:last-child,
.page.assessment .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:last-child,
.page.reference-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:last-child,
.page.flow-request .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:last-child,
.page.reference .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:last-child {
  border-radius: 0 10px 10px 0;
}
.page.assessment-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:hover,
.page.assessment .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:hover,
.page.reference-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:hover,
.page.flow-request .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:hover,
.page.reference .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.page.assessment-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control.disabled,
.page.assessment .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control.disabled,
.page.reference-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control.disabled,
.page.flow-request .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control.disabled,
.page.reference .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control.disabled {
  background-color: rgba(255, 255, 255, 0.65);
}
.page.assessment-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control.disabled svg,
.page.assessment .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control.disabled svg,
.page.reference-templates-page .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control.disabled svg,
.page.flow-request .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control.disabled svg,
.page.reference .progress-bar .progress-bar-container .progress-bar-question-controls .progress-bar-question-control.disabled svg {
  opacity: 0.4;
}
.page.assessment-templates-page .progress-bar-line,
.page.assessment .progress-bar-line,
.page.reference-templates-page .progress-bar-line,
.page.flow-request .progress-bar-line,
.page.reference .progress-bar-line {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  line-height: 0;
}
@media (max-width: 575.98px) {
  .page.assessment-templates-page.template-viewer,
  .page.assessment.template-viewer,
  .page.reference-templates-page.template-viewer,
  .page.flow-request.template-viewer,
  .page.reference.template-viewer {
    width: 100% !important;
    margin-left: 0;
    border-left: 0;
  }
}
.page.assessment-templates-page,
.page.assessment,
.page.reference-templates-page,
.page.reference {
  position: absolute;
  width: 100%;
  background: transparent;
}
.page.assessment-templates-page.template-editor,
.page.assessment.template-editor,
.page.reference-templates-page.template-editor,
.page.reference.template-editor {
  width: auto;
}
.page.assessment-templates-page.template-viewer,
.page.assessment.template-viewer,
.page.reference-templates-page.template-viewer,
.page.reference.template-viewer {
  width: calc(100% - 100px);
}
.template-background {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom center;
}
.page.assessment-templates-page,
.page.reference-templates-page {
  position: relative;
}
.page.assessment-templates-page .template-editor-header,
.page.reference-templates-page .template-editor-header {
  z-index: 1030;
  position: fixed;
  width: calc(100% - 370px);
  background: #f9fafb;
}
.page.assessment-templates-page .template-editor-header .editable-title,
.page.reference-templates-page .template-editor-header .editable-title {
  font-size: 1rem !important;
  padding: 10px 0;
}
.page.assessment-templates-page .template-editor-container,
.page.reference-templates-page .template-editor-container {
  padding-top: 60px;
}
.page.assessment-templates-page .template-editor-container .template-background,
.page.reference-templates-page .template-editor-container .template-background {
  width: calc(100% - 370px);
  border-radius: 8px;
}
.page.assessment-templates-page .screen-editor-container,
.page.reference-templates-page .screen-editor-container {
  padding: 20px;
}
.page.assessment-templates-page .screen-editor-container .screen-editor-aligner,
.page.reference-templates-page .screen-editor-container .screen-editor-aligner {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: #f9fafb;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom center;
}
.page.assessment-templates-page .screen-editor-container .screen-editor-row,
.page.reference-templates-page .screen-editor-container .screen-editor-row {
  width: 100%;
  max-width: 720px;
}
.page.assessment-templates-page .screen-editor-container .screen-editor-info,
.page.reference-templates-page .screen-editor-container .screen-editor-info {
  z-index: 1020;
  position: absolute;
  right: 0;
  margin: 10px 10px 0 0;
}
.page.assessment-templates-page .screen-editor-container .screen-editor-info .icon.info,
.page.reference-templates-page .screen-editor-container .screen-editor-info .icon.info {
  position: absolute;
  color: #1b1f36;
  padding: 2px 0 0 5px;
}
.page.assessment-templates-page .screen-editor-container .screen-editor-info .icon.check,
.page.reference-templates-page .screen-editor-container .screen-editor-info .icon.check {
  color: #3fdaed;
}
.page.assessment-templates-page .screen-editor-container .screen-editor-inner,
.page.reference-templates-page .screen-editor-container .screen-editor-inner {
  width: 100%;
  max-width: 720px;
}
.page.assessment-templates-page .screen-editor-container .reference-intro-picture-block,
.page.reference-templates-page .screen-editor-container .reference-intro-picture-block {
  position: relative;
  margin-bottom: 20px;
}
.page.assessment-templates-page .screen-editor-container .reference-intro-picture-block .reference-intro-picture,
.page.reference-templates-page .screen-editor-container .reference-intro-picture-block .reference-intro-picture {
  width: 300px;
  height: 100px;
  position: relative;
  line-height: 80px;
  text-align: center;
  margin: 0 auto;
  background: #abfff7;
  overflow: hidden;
  border-radius: 8px;
}
.page.assessment-templates-page .screen-editor-container .reference-intro-picture-block .reference-intro-picture.reference-intro-picture-existed,
.page.reference-templates-page .screen-editor-container .reference-intro-picture-block .reference-intro-picture.reference-intro-picture-existed {
  background: transparent;
}
.page.assessment-templates-page .screen-editor-container .reference-intro-picture-block .reference-intro-picture img,
.page.reference-templates-page .screen-editor-container .reference-intro-picture-block .reference-intro-picture img {
  width: 300px;
  height: 100px;
  border: 0;
}
.page.assessment-templates-page .screen-editor-container .reference-intro-picture-block .reference-intro-picture.editable:hover:before,
.page.reference-templates-page .screen-editor-container .reference-intro-picture-block .reference-intro-picture.editable:hover:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #1b1f36;
  opacity: 0.1;
}
.page.assessment-templates-page .screen-editor-container .screen-editor,
.page.reference-templates-page .screen-editor-container .screen-editor {
  position: relative;
  width: 100%;
}
.page.assessment-templates-page .screen-editor-container .screen-editor .screen-editor-mention,
.page.reference-templates-page .screen-editor-container .screen-editor .screen-editor-mention {
  background: #abfff7;
}
@media (max-width: 575.98px) {
  .page.assessment-templates-page .screen-editor-container .screen-editor,
  .page.reference-templates-page .screen-editor-container .screen-editor {
    padding: 20px;
  }
}
.page.assessment-templates-page .screen-editor-container h1,
.page.reference-templates-page .screen-editor-container h1 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-bottom: 30px;
}
.page.assessment-templates-page .screen-editor-container h2,
.page.reference-templates-page .screen-editor-container h2 {
  color: #424d60;
  padding-bottom: 30px;
}
.page.assessment-templates-page .screen-editor-container h3,
.page.reference-templates-page .screen-editor-container h3 {
  line-height: 32px;
  padding-bottom: 30px;
}
.page.assessment-templates-page .screen-editor-container strong,
.page.reference-templates-page .screen-editor-container strong {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page.assessment-templates-page .screen-editor-container em,
.page.reference-templates-page .screen-editor-container em {
  font-style: italic;
}
.page.assessment-templates-page .question-editor-container .question-editor,
.page.reference-templates-page .question-editor-container .question-editor {
  display: block;
}
.page.assessment-templates-page .question-editor-container .question-editor .question-controls,
.page.reference-templates-page .question-editor-container .question-editor .question-controls {
  z-index: 1060;
  display: none;
  position: absolute;
  right: 0;
}
.page.assessment-templates-page .question-editor-container .question-editor .question-controls button,
.page.reference-templates-page .question-editor-container .question-editor .question-controls button,
.page.assessment-templates-page .question-editor-container .question-editor .question-controls .move,
.page.reference-templates-page .question-editor-container .question-editor .question-controls .move {
  padding: 6px 12px 6px 32px;
  margin-right: 15px;
  background: transparent;
  border-radius: 30px;
}
.page.assessment-templates-page .question-editor-container .question-editor .question-controls button .icon,
.page.reference-templates-page .question-editor-container .question-editor .question-controls button .icon,
.page.assessment-templates-page .question-editor-container .question-editor .question-controls .move .icon,
.page.reference-templates-page .question-editor-container .question-editor .question-controls .move .icon {
  position: absolute;
  margin-left: -22px;
}
.page.assessment-templates-page .question-editor-container .question-editor .question-controls .move,
.page.reference-templates-page .question-editor-container .question-editor .question-controls .move {
  display: inline-block;
  color: #424d60;
  margin-left: -20px;
}
.page.assessment-templates-page .question-editor-container .question-editor .question-controls .move:hover,
.page.reference-templates-page .question-editor-container .question-editor .question-controls .move:hover {
  background: #e7ebef;
}
.page.assessment-templates-page .question-editor-container .question-editor .question-controls button.delete,
.page.reference-templates-page .question-editor-container .question-editor .question-controls button.delete {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #d592ff;
}
.page.assessment-templates-page .question-editor-container .question-editor .question-controls button.delete:hover,
.page.reference-templates-page .question-editor-container .question-editor .question-controls button.delete:hover {
  color: #ffffff;
  background: #cf8afb;
}
.page.assessment-templates-page .question-editor-container .question-editor .question-draggable,
.page.reference-templates-page .question-editor-container .question-editor .question-draggable {
  background: #f3f5f7;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
  transition-property: all;
}
.page.assessment-templates-page .question-editor-container .question-editor .question-delete,
.page.reference-templates-page .question-editor-container .question-editor .question-delete {
  background: #f1dde4;
  background: linear-gradient(to left, #f1dde4, #f9fafb 30%);
}
.page.assessment-templates-page .question-editor-container .question-editor .question-container,
.page.reference-templates-page .question-editor-container .question-editor .question-container {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
  transition-property: all;
  background-color: #f9fafb;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom center;
}
.page.assessment-templates-page .question-editor-container .question-editor .single-question,
.page.reference-templates-page .question-editor-container .question-editor .single-question {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
  box-sizing: content-box;
  border-radius: 8px;
}
.page.assessment-templates-page .question-editor-container .question-editor .single-question .question-body,
.page.reference-templates-page .question-editor-container .question-editor .single-question .question-body {
  width: 100%;
  max-width: 720px;
}
.page.assessment-templates-page .question-editor-container .question-editor .single-question .question-body .question-number,
.page.reference-templates-page .question-editor-container .question-editor .single-question .question-body .question-number {
  position: absolute;
  font-size: 0.7rem;
  color: #697386;
  margin: 30px 0 0 10px;
  line-height: 1;
}
.page.assessment-templates-page .question-editor-container .question-editor .single-question .question-body .question-content,
.page.reference-templates-page .question-editor-container .question-editor .single-question .question-body .question-content {
  padding: 10px 10px 10px 30px;
}
.page.assessment-templates-page .question-editor-container .question-editor .single-question .question-body .question-content .question-block,
.page.reference-templates-page .question-editor-container .question-editor .single-question .question-body .question-content .question-block {
  position: relative;
  font-size: 1.25rem;
  padding-bottom: 15px;
  line-height: 1.35;
}
.page.assessment-templates-page .question-editor-container .question-editor .single-question .question-body .question-content .question-info,
.page.reference-templates-page .question-editor-container .question-editor .single-question .question-body .question-content .question-info {
  z-index: 1020;
  position: absolute;
  right: 0;
  margin: 15px 15px 0 0;
}
.page.assessment-templates-page .question-editor-container .question-editor .single-question .question-body .question-content .question-info .icon.info,
.page.reference-templates-page .question-editor-container .question-editor .single-question .question-body .question-content .question-info .icon.info {
  position: absolute;
  color: #1b1f36;
  padding: 2px 0 0 5px;
}
.page.assessment-templates-page .question-editor-container .question-editor .single-question .question-body .question-content .question-info .icon.check,
.page.reference-templates-page .question-editor-container .question-editor .single-question .question-body .question-content .question-info .icon.check {
  color: #3fdaed;
}
.page.assessment-templates-page .question-editor-container .question-editor .multi-question,
.page.reference-templates-page .question-editor-container .question-editor .multi-question {
  width: 100%;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 20px 15%;
}
.page.assessment-templates-page .question-editor-container .question-editor .multi-question .question-body,
.page.reference-templates-page .question-editor-container .question-editor .multi-question .question-body {
  width: 100%;
}
.page.assessment-templates-page .question-editor-container .question-editor .multi-question .question-body .question-number,
.page.reference-templates-page .question-editor-container .question-editor .multi-question .question-body .question-number {
  position: absolute;
  font-size: 0.7rem;
  color: #697386;
  margin: 25px 0 0 10px;
  line-height: 1;
}
.page.assessment-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content,
.page.reference-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content {
  padding: 10px 10px 10px 30px;
}
.page.assessment-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .question-group-row,
.page.reference-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .question-group-row {
  display: block;
}
.page.assessment-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .question-block,
.page.reference-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .question-block {
  position: relative;
  float: left;
  width: 55%;
  font-size: 1.15rem;
  padding-bottom: 0;
  line-height: 1.35;
}
.page.assessment-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .answer-block,
.page.reference-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .answer-block {
  float: left;
  width: 45%;
  padding-left: 30px;
}
.page.assessment-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .question-info,
.page.reference-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .question-info {
  z-index: 1020;
  position: absolute;
  right: 0;
  margin: 15px 15px 0 0;
}
.page.assessment-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .question-info .icon.info,
.page.reference-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .question-info .icon.info {
  position: absolute;
  color: #1b1f36;
  padding: 2px 0 0 5px;
}
.page.assessment-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .question-info .icon.check,
.page.reference-templates-page .question-editor-container .question-editor .multi-question .question-body .question-content .question-info .icon.check {
  color: #3fdaed;
}
@media (max-width: 575.98px) {
  .page.assessment-templates-page .question-editor-container .question-editor .single-question,
  .page.reference-templates-page .question-editor-container .question-editor .single-question {
    padding: 30px 0;
    border-bottom: 5px solid #f3f5f7;
  }
  .page.assessment-templates-page .question-editor-container .question-editor .single-question:last-child,
  .page.reference-templates-page .question-editor-container .question-editor .single-question:last-child {
    padding-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .page.assessment-templates-page .question-editor-container .question-editor .single-question,
  .page.reference-templates-page .question-editor-container .question-editor .single-question {
    padding: 50px 15%;
  }
}
.page.assessment-templates-page section#templates-page-container .templates-group-header h2,
.page.reference-templates-page section#templates-page-container .templates-group-header h2 {
  padding: 1rem 1rem 0 1rem;
}
.page.assessment-templates-page section#templates-page-container .templates-group,
.page.reference-templates-page section#templates-page-container .templates-group {
  display: block;
  padding: 0.5rem;
}
.page.assessment-templates-page section#templates-page-container .templates-group .template-group-name,
.page.reference-templates-page section#templates-page-container .templates-group .template-group-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  padding: 0.5rem 0.5rem;
}
.page.assessment-templates-page section#templates-page-container .templates-group .template-group-info,
.page.reference-templates-page section#templates-page-container .templates-group .template-group-info {
  color: #424d60;
  padding: 0.5rem;
  padding-top: 0;
}
@media (max-width: 575.98px) {
  .page.assessment-templates-page section#templates-page-container,
  .page.reference-templates-page section#templates-page-container {
    margin-left: 0;
  }
  .page.assessment-templates-page section#templates-page-container .template-block,
  .page.reference-templates-page section#templates-page-container .template-block {
    padding: 10% 0 10% 0 !important;
  }
}
.opinion-scale-block {
  z-index: 1;
  position: relative;
  display: inline-block;
}
.opinion-scale-block .opinion-scale-block-container {
  width: 100%;
  display: inline-block;
  padding: 0 20px 20px 0;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 30px;
}
.opinion-scale-block .opinion-scale .dv-star-rating {
  width: 100%;
}
.opinion-scale-block .opinion-scale .dv-star-rating label.dv-star-rating-star {
  width: 20%;
  height: auto;
  padding: 0 2px;
  text-align: center;
}
.opinion-scale-block .opinion-scale .dv-star-rating .circle {
  line-height: 0;
}
.opinion-scale-block .opinion-scale .dv-star-rating .circle .index {
  position: absolute;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  width: 20%;
  height: 100%;
  font-size: 1.25rem;
  color: #0c5bfa;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  padding-right: 4px;
}
.opinion-scale-block .opinion-scale .dv-star-rating .circle .icon {
  width: 100%;
  height: auto;
}
.opinion-scale-block .opinion-scale .dv-star-rating .circle .icon .icon-circle {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.opinion-scale-block .opinion-scale .dv-star-rating .circle .icon .icon-circle svg {
  width: 100%;
  max-width: 70px;
  height: auto;
  max-height: 70px;
  border: 2px solid #0c5bfa;
  border-radius: 50%;
}
.opinion-scale-block .opinion-scale .dv-star-rating .circle.selected .index {
  color: #ffffff;
}
.opinion-scale-block .opinion-scale .dv-star-rating .circle.selected .icon svg {
  color: #ffffff;
  border-color: #0c5bfa;
  background: #0c5bfa;
}
.opinion-scale-block .labels {
  position: relative;
  padding-top: 6px;
}
.opinion-scale-block .labels .left-label {
  float: left;
  font-size: 0.9rem;
  color: #424d60;
  padding: 0 2px;
}
.opinion-scale-block .labels .right-label {
  float: right;
  font-size: 0.9rem;
  color: #424d60;
  padding: 0 2px;
}
.opinion-scale-block .labels .right-label input {
  text-align: right;
}
.multi-question .opinion-scale-block .opinion-scale .dv-star-rating .circle .icon svg {
  max-width: 60px;
  max-height: 60px;
}
.conversation-view .highlighted .opinion-scale-block {
  width: 100%;
  padding: 15px 0;
  border-radius: 10px;
}
.conversation-view .outgoing .message .opinion-scale-block {
  width: 100% !important;
  padding: 15px 0;
  border-radius: 30px;
}
@media (max-width: 374.98px) {
  .conversation-view .labels .left-label,
  .conversation-view .labels .right-label {
    font-size: 0.8rem;
  }
}
@media (max-width: 767.98px) {
  .conversation-view .outgoing .message {
    width: 100%;
  }
  .conversation-view .outgoing .message .opinion-scale-block {
    float: right;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .conversation-view .outgoing .message .opinion-scale-block {
    width: 300px;
  }
}
.rating-block {
  z-index: 1;
  position: relative;
  display: inline-block;
}
.rating-block .rating-block-container {
  width: 100%;
  display: inline-block;
  padding: 0 20px 20px 0;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 30px;
}
.rating-block .rating-scale .dv-star-rating {
  width: 100%;
  text-align: center;
}
.rating-block .rating-scale .dv-star-rating label.dv-star-rating-star {
  width: 20%;
  height: auto;
  padding: 0 2px;
}
.rating-block .rating-scale .icon {
  width: 100%;
  height: auto;
}
.rating-block .rating-scale .icon svg {
  width: 100%;
  max-width: 60px;
  height: auto;
  max-height: 60px;
}
.rating-block .rating-scale .dv-star-rating .dv-star-rating-star.dv-star-rating-full-star .icon svg {
  color: #0c5bfa;
}
.rating-block .rating-scale .dv-star-rating .dv-star-rating-star.dv-star-rating-empty-star .icon svg {
  color: #0c5bfa;
}
.rating-block .labels {
  position: relative;
  padding-top: 6px;
}
.rating-block .labels .left-label {
  float: left;
  font-size: 0.9rem;
  color: #424d60;
  padding: 0 2px;
}
.rating-block .labels .right-label {
  float: right;
  font-size: 0.9rem;
  color: #424d60;
  padding: 0 2px;
}
.rating-block .labels .right-label input {
  text-align: right;
}
.multi-question .rating-block .rating-scale svg {
  max-width: 60px;
  max-height: 60px;
}
.conversation-view .highlighted .rating-block {
  width: 100%;
  border-radius: 10px;
}
.conversation-view .outgoing .message .rating-block {
  width: 100% !important;
  border-radius: 30px;
}
@media (max-width: 374.98px) {
  .conversation-view .labels .left-label,
  .conversation-view .labels .right-label {
    font-size: 0.8rem;
  }
}
@media (max-width: 767.98px) {
  .conversation-view .outgoing .message {
    width: 100%;
  }
  .conversation-view .outgoing .message .rating-block {
    float: right;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .conversation-view .outgoing .message .rating-block {
    width: 300px;
  }
}
.attitude-block {
  display: block;
  position: relative;
}
.attitude-block .attitude-icons {
  line-height: 0;
}
.attitude-block .attitude-icons .attitude-icon {
  display: inline-block;
  padding-right: 20px;
}
.attitude-block .attitude-icons .attitude-icon:last-child {
  padding-right: 0;
}
.attitude-block .attitude-icons .attitude-icon input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.attitude-block .attitude-icons .attitude-icon input[type="radio"]:checked + .attitude-like {
  background: #5decdf;
}
.attitude-block .attitude-icons .attitude-icon input[type="radio"]:checked + .attitude-dislike {
  background: #d592ff;
}
.attitude-block .attitude-icons .attitude-icon .icon {
  z-index: 1;
  position: absolute;
  color: #ffffff;
}
.attitude-block .attitude-icons .attitude-icon .icon svg {
  width: 34px;
  height: 34px;
}
.attitude-block .attitude-icons .attitude-icon .attitude-like,
.attitude-block .attitude-icons .attitude-icon .attitude-dislike {
  display: inline-block;
  width: 70px;
  height: 70px;
  color: #ffffff;
  background: #d7dee4;
  border-radius: 100%;
  transition: all 100ms ease-in-out;
  cursor: pointer;
  text-align: left;
}
.attitude-block .attitude-icons .attitude-icon .attitude-like .icon {
  margin: 16px 0 0 18px;
}
.attitude-block .attitude-icons .attitude-icon .attitude-like:hover {
  background: #5decdf;
}
.attitude-block .attitude-icons .attitude-icon .attitude-dislike .icon {
  margin: 20px 0 0 17px;
}
.attitude-block .attitude-icons .attitude-icon .attitude-dislike:hover {
  background: #d592ff;
}
@media (max-width: 575.98px) {
  .attitude-block .attitude-icons .attitude-icon .attitude-like,
  .attitude-block .attitude-icons .attitude-icon .attitude-dislike {
    width: 60px !important;
    height: 60px !important;
  }
  .attitude-block .attitude-icons .attitude-icon .attitude-like .icon {
    margin: 10px 0 0 13px;
  }
  .attitude-block .attitude-icons .attitude-icon .attitude-dislike .icon {
    margin: 15px 0 0 13px;
  }
}
.multi-question .attitude-block {
  display: block;
}
.multi-question .attitude-block .attitude-icons .attitude-like,
.multi-question .attitude-block .attitude-icons .attitude-dislike {
  width: 60px !important;
  height: 60px !important;
}
.multi-question .attitude-block .attitude-icons .attitude-like .icon {
  margin: 11px 0 0 13px;
}
.multi-question .attitude-block .attitude-icons .attitude-dislike .icon {
  margin: 15px 0 0 12px;
}
.conversation-view .highlighted .attitude-block {
  width: 100%;
  padding: 15px 20px;
  border-radius: 10px;
}
.conversation-view .outgoing .attitude-block {
  float: right;
  padding: 15px 20px;
  border-radius: 30px;
}
.conversation-view .outgoing .attitude-block .attitude-icons .attitude-like,
.conversation-view .outgoing .attitude-block .attitude-icons .attitude-dislike {
  width: 60px !important;
  height: 60px !important;
}
.conversation-view .outgoing .attitude-block .attitude-icons .attitude-like .icon svg,
.conversation-view .outgoing .attitude-block .attitude-icons .attitude-dislike .icon svg {
  width: 34px !important;
  height: 34px !important;
}
.conversation-view .outgoing .attitude-block .attitude-icons .attitude-icon .attitude-like .icon {
  margin: 10px 0 0 13px;
}
.conversation-view .outgoing .attitude-block .attitude-icons .attitude-icon .attitude-dislike .icon {
  margin: 15px 0 0 13px;
}
.short-text-block {
  display: block;
  position: relative;
}
.short-text-block .short-text {
  width: 100%;
  display: flex;
  -moz-align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.short-text-block .short-text input {
  position: relative;
  width: 100%;
  font-size: 1.25rem;
  line-height: 30px;
  padding: 12px 56px 12px 20px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 24px;
  transition: all 100ms ease-in-out;
}
.short-text-block .short-text input:hover {
  border-color: #b3bcc9;
}
.short-text-block .short-text input:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
@media (max-width: 575.98px) {
  .short-text-block .short-text input {
    font-size: 1rem;
    padding: 9px 51px 9px 15px;
  }
}
.multi-question .short-text-block .short-text input {
  max-width: 350px;
}
.conversation-view .short-text-block .short-text input {
  background: #ffffff;
}
.conversation-view .short-text-block .short-text input:focus {
  background: #ffffff;
}
.outgoing .short-text-block .short-text input {
  color: #ffffff;
  background: #0c5bfa;
  border-color: #0c5bfa;
}
.outgoing .short-text-block .short-text input:focus {
  color: #ffffff;
  background: #0c5bfa;
  border-color: #0c5bfa;
}
.outgoing .short-text-block .short-text input::-webkit-input-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.6;
}
.outgoing .short-text-block .short-text input::-moz-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.6;
}
.outgoing .short-text-block .short-text input:-ms-input-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.6;
}
.outgoing .short-text-block .short-text input:-moz-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.6;
}
.long-text-block {
  position: relative;
  display: block;
}
.long-text-block .long-text {
  width: 100%;
  display: flex;
  -moz-align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.long-text-block .long-text textarea {
  position: relative;
  width: 100%;
  height: auto;
  font-size: 1.25rem;
  line-height: 30px;
  padding: 12px 56px 12px 20px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 24px;
  transition: all 100ms ease-in-out;
  box-sizing: border-box;
  resize: none;
  overflow: auto;
}
.long-text-block .long-text textarea:hover {
  border-color: #b3bcc9;
}
.long-text-block .long-text textarea:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
@media (max-width: 575.98px) {
  .long-text-block .long-text textarea {
    font-size: 1rem;
    line-height: 25px;
    padding: 11px 51px 12px 15px;
  }
}
.multi-question .long-text-block .long-text textarea {
  max-width: 350px;
  font-size: 1.15rem;
  line-height: 24px;
  padding: 10px 15px;
}
.conversation-view .long-text-block .long-text textarea {
  background: #ffffff;
}
.conversation-view .long-text-block .long-text textarea:focus {
  background: #ffffff;
}
.conversation-view .outgoing .long-text-block .long-text textarea {
  color: #ffffff;
  background: #0c5bfa;
  border-color: #0c5bfa;
}
.conversation-view .outgoing .long-text-block .long-text textarea:focus {
  color: #ffffff;
  background: #0c5bfa;
  border-color: #0c5bfa;
}
.conversation-view .outgoing .long-text-block .long-text textarea::-webkit-input-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.6;
}
.conversation-view .outgoing .long-text-block .long-text textarea::-moz-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.6;
}
.conversation-view .outgoing .long-text-block .long-text textarea:-ms-input-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.6;
}
.conversation-view .outgoing .long-text-block .long-text textarea:-moz-placeholder {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.6;
}
.text-choice-block {
  display: block;
}
.text-choice-block .text-choice-limits {
  font-size: 0.9rem;
  color: #424d60;
  padding-bottom: 15px;
  text-align: left;
}
.text-choice-block .text-choice-options {
  max-width: 360px;
}
.text-choice-block .text-choice-options .text-choice-option-container {
  padding-top: 10px;
}
.text-choice-block .text-choice-options .text-choice-option-add {
  position: relative;
}
.text-choice-block .text-choice-options .text-choice-option {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.text-choice-block .text-choice-options .text-choice-option .text-choice-controls {
  z-index: 1;
  display: none;
  position: absolute;
  right: 3px;
}
.text-choice-block .text-choice-options .text-choice-option .text-choice-controls .sort-item {
  margin-right: 3px;
}
.text-choice-block .text-choice-options .text-choice-option .text-choice-answer-text {
  width: 100%;
}
.text-choice-block .text-choice-options .text-choice-option .text-choice-answer-text textarea {
  position: relative;
  width: 100%;
  height: auto;
  padding: 5px 10px;
  border-radius: 8px;
  border-color: #edf0f3;
  box-sizing: border-box;
  resize: none;
  overflow: auto;
  font-size: 1.25rem;
  line-height: 1.35;
  background: #edf0f3;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
.text-choice-block .text-choice-options .text-choice-option .text-choice-answer-text textarea:hover {
  border-color: #e7ebef;
  background: #e7ebef;
}
.text-choice-block .text-choice-options .text-choice-option:hover .text-choice-controls {
  display: flex;
}
.text-choice-block .text-choice-options .text-choice-option:hover .text-choice-controls .sort-item {
  background: #dde3e9;
}
.text-choice-block .text-choice-options .text-choice-option:hover .text-choice-controls .sort-item:hover {
  background: #d7dee4;
}
.text-choice-block .text-choice-options .text-choice-option:hover .text-choice-controls .delete-item {
  background: #dde3e9;
}
.text-choice-block .text-choice-options .text-choice-option:hover .text-choice-controls .delete-item:hover {
  background: #d592ff;
}
.text-choice-block .text-choice-options .add-item {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  width: 100%;
  display: block;
  color: #424d60;
  margin-top: 10px;
  padding: 9px 20px 9px 40px;
  background: transparent;
  border: 1px solid #dde3e9;
}
.text-choice-block .text-choice-options .add-item span.icon {
  position: absolute;
  margin-left: -26px;
}
.text-choice-block .text-choice-options .add-item:hover {
  color: #3c4257;
  border-color: #b3bcc9;
}
.text-choice-block .text-choice-options .text-choice-option-view {
  margin-top: 10px;
}
.text-choice-block .text-choice-options .text-choice-option-view input[type="checkbox"],
.text-choice-block .text-choice-options .text-choice-option-view input[type="radio"] {
  display: none;
}
.text-choice-block .text-choice-options .text-choice-option-view input[type="checkbox"]:checked + label,
.text-choice-block .text-choice-options .text-choice-option-view input[type="radio"]:checked + label {
  color: #ffffff;
  border-color: #0c5bfa;
  background: #0c5bfa;
}
.text-choice-block .text-choice-options .text-choice-option-view .static-text-choice-option,
.text-choice-block .text-choice-options .text-choice-option-view label {
  display: block;
  font-size: 1.25rem;
  line-height: 1.3;
  padding: 10px 20px;
  border-radius: 8px;
  background: #edf0f3;
  cursor: pointer;
}
.text-choice-block .text-choice-options .text-choice-option-view .static-text-choice-option:hover,
.text-choice-block .text-choice-options .text-choice-option-view label:hover {
  background: #e7ebef;
}
.text-choice-block .text-choice-options .text-choice-option-view input[type="checkbox"]:disabled + label {
  color: #b3bcc9;
}
.text-choice-block .text-choice-options .text-choice-option-view input[type="checkbox"]:disabled + label:hover {
  background: #edf0f3;
}
.text-choice-block .text-choice-options .text-choice-option-view:first-child {
  margin-top: 0;
}
.text-choice-block.inline-options-display .text-choice-options {
  max-width: 100%;
  text-align: left;
}
.text-choice-block.inline-options-display .text-choice-options .text-choice-option-view {
  display: inline-block;
  margin: 0 8px 8px 0;
}
.text-choice-block.inline-options-display .text-choice-options .text-choice-option-view .static-text-choice-option,
.text-choice-block.inline-options-display .text-choice-options .text-choice-option-view label {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 30px;
}
.text-choice-block .long-text-block {
  position: relative;
  margin-top: 10px;
}
@media (max-width: 575.98px) {
  .text-choice-block .text-choice-options .text-choice-option-view .static-text-choice-option,
  .text-choice-block .text-choice-options .text-choice-option-view label {
    font-size: 1rem;
  }
}
.multi-question .text-choice-options .text-choice-option-view label {
  max-width: 350px;
  font-size: 1rem;
  padding: 5px 10px;
}
.conversation-view .message .text-choice-block .text-choice-options {
  overflow: hidden;
  border-radius: 10px;
}
.conversation-view .message .text-choice-block .text-choice-options .text-choice-option-view label {
  background: #edf0f3;
}
.conversation-view .message .text-choice-block .text-choice-options .text-choice-option-view label:hover {
  background: #e7ebef;
}
.conversation-view .message .text-choice-block .text-choice-options input[type="checkbox"]:checked + label,
.conversation-view .message .text-choice-block .text-choice-options input[type="radio"]:checked + label {
  color: #ffffff;
  border-color: #0c5bfa;
  background: #0c5bfa;
}
.conversation-view .outgoing .message .text-choice-block .text-choice-options .text-choice-options-block.multiple-options {
  padding-right: 60px;
}
.conversation-view .outgoing .message .text-choice-block .text-choice-options .text-choice-options-block .text-choice-option-view .static-text-choice-option,
.conversation-view .outgoing .message .text-choice-block .text-choice-options .text-choice-options-block .text-choice-option-view label {
  font-size: 1.15rem;
  padding: 10px 20px;
}
.conversation-view .outgoing .message .text-choice-block .text-choice-options textarea {
  width: 100%;
}
@media (max-width: 575.98px) {
  .conversation-view .outgoing .message .text-choice-block .text-choice-options .text-choice-options-block .text-choice-option-view .static-text-choice-option,
  .conversation-view .outgoing .message .text-choice-block .text-choice-options .text-choice-options-block .text-choice-option-view label {
    font-size: 1rem;
  }
}
.employment-check-block {
  display: block;
  text-align: left;
}
.employment-check-block .question-type-description {
  position: relative;
  font-size: 0.9rem;
  padding: 8px 10px 8px 34px;
  margin-bottom: 15px;
  background: #f6e8ff;
  border-radius: 8px;
}
.employment-check-block .question-type-description .icon {
  position: absolute;
  margin: 3px 0 0 -24px;
}
.employment-check-block .input-block {
  position: relative;
}
.employment-check-block .input-block.bottom-space {
  padding-bottom: 15px;
}
.employment-check-block .input-block > div {
  padding-bottom: 4px;
}
.employment-check-block .input-block > div:last-child {
  padding: 0;
}
.employment-check-block .input-block .input-description {
  font-size: 0.9rem;
  color: #424d60;
  padding-bottom: 8px;
  text-align: left;
}
.employment-check-block .short-text {
  width: 100%;
  display: flex;
  -moz-align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.employment-check-block .short-text input {
  position: relative;
  width: 100%;
  font-size: 1.25rem;
  line-height: 30px;
  padding: 12px 56px 12px 20px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 30px;
  transition: all 100ms ease-in-out;
}
.employment-check-block .short-text input:hover {
  border-color: #b3bcc9;
}
.employment-check-block .short-text input:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.employment-check-block .form-multiple-inline-block .short-text {
  width: 100%;
  font-size: 1.25rem;
  line-height: 30px;
  padding: 12px 20px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 30px;
}
.employment-check-block .form-multiple-inline-block .combo-input.date-MM-YYYY input {
  font-size: 1.25rem;
  line-height: 30px;
  padding: 12px 20px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 30px;
}
.employment-check-block .form-multiple-inline-block .combo-input.date-MM-YYYY input:hover {
  border-color: #b3bcc9;
}
.employment-check-block .form-multiple-inline-block .combo-input.date-MM-YYYY input:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.employment-check-block .form-multiple-inline-block .combo-input.date-MM-YYYY input:first-child {
  width: 80px;
}
.employment-check-block .form-multiple-inline-block .combo-input.date-MM-YYYY input:last-child {
  width: 100px;
}
.employment-check-block .long-text {
  width: 100%;
  display: flex;
  -moz-align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.employment-check-block .long-text textarea {
  position: relative;
  width: 100%;
  height: auto;
  font-size: 1.25rem;
  line-height: 30px;
  padding: 12px 56px 12px 20px;
  background: transparent;
  border: 1px solid #dde3e9;
  border-radius: 30px;
  transition: all 100ms ease-in-out;
  box-sizing: border-box;
  resize: none;
  overflow: auto;
}
.employment-check-block .long-text textarea:hover {
  border-color: #b3bcc9;
}
.employment-check-block .long-text textarea:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
@media (max-width: 575.98px) {
  .employment-check-block .form-block-select .react-select-rect__control .react-select-rect__value-container {
    padding: 2px 9px;
  }
  .employment-check-block .form-block-select .react-select-rect__control.react-select-big-rounded {
    font-size: 1rem;
  }
  .employment-check-block .form-block .form-multiple-inline-block.equal-columns .combo-input input {
    font-size: 1rem;
    padding: 8px 15px;
  }
  .employment-check-block .form-block .form-multiple-inline-block.equal-columns .combo-input .react-select-rect__control.react-select-big-rounded {
    padding: 4px 10px;
  }
  .employment-check-block .form-block .form-multiple-inline-block.equal-columns .combo-input .react-select-big-rounded.react-select-rect__control {
    font-size: 1rem;
  }
  .employment-check-block .text-choice-options .text-choice-option-view .static-text-choice-option,
  .employment-check-block .text-choice-options .text-choice-option-view label {
    font-size: 1rem;
  }
  .employment-check-block .form-multiple-inline-block .combo-input.date-MM-YYYY input {
    font-size: 1rem;
    padding: 9px 10px;
  }
  .employment-check-block .form-multiple-inline-block .combo-input.date-MM-YYYY input:first-child {
    width: 55px;
  }
  .employment-check-block .form-multiple-inline-block .combo-input.date-MM-YYYY input:last-child {
    width: 70px;
  }
  .employment-check-block .short-text input {
    font-size: 1rem;
    padding: 9px 51px 9px 15px;
  }
  .employment-check-block .long-text textarea {
    font-size: 1rem;
    line-height: 1.5;
    padding: 12px 51px 12px 15px;
  }
}
.multi-question .long-text-block .short-text input {
  max-width: 350px;
}
.multi-question .long-text-block .long-text textarea {
  max-width: 350px;
  line-height: 24px;
  padding: 10px 15px;
}
.conversation-view .form-block-select .react-select-big-rounded.react-select-rect__control {
  background: #ffffff !important;
}
.conversation-view .form-block .form-multiple-inline-block.equal-columns .combo-input input {
  background: #ffffff;
}
.conversation-view .form-block .form-multiple-inline-block.equal-columns .combo-input .react-select-big-rounded.react-select-rect__control {
  background: #ffffff !important;
}
.conversation-view .text-choice-options .text-choice-option-view .static-text-choice-option,
.conversation-view .text-choice-options .text-choice-option-view label {
  background: #ffffff;
}
.conversation-view .form-multiple-inline-block .combo-input.date-MM-YYYY input {
  background: #ffffff;
}
.conversation-view .form-multiple-inline-block .combo-input.date-MM-YYYY input:focus {
  background: #ffffff;
}
.conversation-view .short-text input,
.conversation-view .long-text input,
.conversation-view .short-text textarea,
.conversation-view .long-text textarea {
  background: #ffffff;
}
.conversation-view .short-text input:focus,
.conversation-view .long-text input:focus,
.conversation-view .short-text textarea:focus,
.conversation-view .long-text textarea:focus {
  background: #ffffff;
}
.page.flow-request {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.page.flow-request .flow-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page.flow-request .flow-content.center {
  flex: 1;
}
.page.flow-request .flow-content .static-view {
  min-height: auto;
}
.page.flow-request .flow-content .flow-request-container {
  width: 100%;
  max-width: 720px;
}
.page.flow-request .flow-content .flow-request-container .autopilot-header {
  padding-top: 16px;
}
.page.flow-request .flow-content .flow-request-container .autopilot-header .company-logo {
  line-height: 0;
}
.page.flow-request .flow-content .flow-request-container .autopilot-header .company-logo img {
  width: auto;
  height: 35px;
}
.page.flow-request .flow-content .flow-request-container .flow-request-header {
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.page.flow-request .flow-content .flow-request-container .flow-request-header .col-1 {
  flex-grow: 1;
}
.page.flow-request .flow-content .flow-request-container .flow-form .flow-setup-block.list .flow-block-header,
.page.flow-request .flow-content .flow-request-container .reference-form .flow-setup-block.list .flow-block-header {
  margin-bottom: 0;
}
.page.flow-request .flow-content .flow-request-container .flow-form.space,
.page.flow-request .flow-content .flow-request-container .reference-form.space {
  padding: 16px 0;
}
.page.flow-request .flow-content .flow-request-container .reference-form .form-submit {
  padding: 0;
}
.page.flow-request .flow-content .flow-request-container .text-container.top-space {
  padding-top: 48px;
}
.page.flow-request .flow-content .flow-request-container .text-container h2,
.page.flow-request .flow-content .flow-request-container .text-container h3 {
  margin-bottom: 20px;
}
.page.flow-request .flow-content .flow-request-container .text-container h2 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
}
.page.flow-request .flow-content .flow-request-container .next-step-container {
  text-align: center;
  padding-bottom: 8px;
}
.page.flow-request .flow-content .flow-request-container .next-step-container .btn {
  display: inline-block;
  position: relative;
}
@media (max-width: 575.98px) {
  .page.flow-request .flow-request-container {
    width: 100%;
    max-width: 720px;
    padding: 0 10px;
  }
}
.blog {
  background: #ffffff;
}
.blog .tag-title {
  padding: 100px 8% 0 8%;
}
.blog .tag-title .tag-title-inner {
  max-width: 800px;
  margin: 0 auto;
}
.blog .tag-title h1 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 2.75rem;
}
@media (max-width: 575.98px) {
  .blog .tag-title {
    padding: 100px 20px 0 20px;
  }
}
.blog .article-tags {
  margin-bottom: 16px;
}
.blog .article-tags a {
  display: inline-block;
  font-size: 0.8rem !important;
  color: #697386 !important;
  padding: 5px 10px;
  margin: 1px 4px 1px 0;
  border-radius: 8px;
  background: #edf0f3;
}
.blog .article-tags a:hover {
  color: #424d60 !important;
  background: #e7ebef;
}
.blog .headline-post {
  padding: 100px 8% 40px 8%;
  border-bottom: 1px solid #dde3e9;
}
.blog .headline-post .article-tags a {
  font-size: 0.9rem;
}
.blog .headline-post .headline-post-inner {
  max-width: 800px;
  margin: 0 auto;
}
.blog .headline-post .headline-post-inner a {
  color: #1b1f36;
}
.blog .headline-post .headline-post-inner a h1 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  padding-bottom: 10px;
}
.blog .headline-post .headline-post-inner a h2 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  color: #424d60;
}
.blog .headline-post .headline-post-inner a:hover {
  color: #1048f3;
}
.blog .headline-post .headline-post-inner .article-image-container {
  margin-top: 20px;
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
}
.blog .headline-post .headline-post-inner .article-image-container .article-image {
  width: 100%;
  height: 300px;
  background-position: center !important;
  background-size: auto 300px !important;
  background-repeat: no-repeat !important;
}
@media (max-width: 575.98px) {
  .blog .headline-post {
    padding: 100px 20px 40px 20px;
  }
  .blog .headline-post .headline-post-inner .article-image-container .article-image {
    background-size: auto 300px !important;
  }
}
.blog .headline-post.with-tag {
  padding-top: 50px;
}
.blog .more-posts {
  padding: 40px 8% 20px 8%;
}
.blog .more-posts .more-posts-inner {
  max-width: 800px;
  margin: 0 auto;
}
.blog .more-posts .more-posts-inner .more-posts-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.blog .more-posts .more-posts-inner .more-posts-list .post-item {
  width: 320px;
  margin: 0 80px 80px 0;
}
.blog .more-posts .more-posts-inner .more-posts-list .post-item a {
  color: #1b1f36;
}
.blog .more-posts .more-posts-inner .more-posts-list .post-item a h1 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  padding-bottom: 10px;
}
.blog .more-posts .more-posts-inner .more-posts-list .post-item a h2 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  color: #424d60;
}
.blog .more-posts .more-posts-inner .more-posts-list .post-item a:hover {
  color: #1048f3;
}
.blog .more-posts .more-posts-inner .more-posts-list .article-image-container {
  margin-top: 20px;
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
}
.blog .more-posts .more-posts-inner .more-posts-list .article-image-container .article-image {
  width: 100%;
  height: 200px;
  background-position: center !important;
  background-size: auto 200px !important;
  background-repeat: no-repeat !important;
}
@media (max-width: 575.98px) {
  .blog .more-posts {
    padding: 40px 20px 20px 20px;
  }
  .blog .more-posts .more-posts-inner .more-posts-list {
    display: block;
  }
  .blog .more-posts .more-posts-inner .more-posts-list .post-item {
    width: 100%;
    margin: 0 0 40px 0;
  }
}
.blog .published {
  display: block;
  font-size: 0.9rem;
  color: #697386;
  padding-top: 10px;
}
.blog-post .post-container {
  padding: 100px 8% 60px 8%;
}
.blog-post .post-container .post-inner {
  max-width: 800px;
  margin: 0 auto;
}
.blog-post .post-container .post-inner h1 {
  padding-bottom: 30px;
}
.blog-post .post-container .post-inner h2,
.blog-post .post-container .post-inner h3,
.blog-post .post-container .post-inner h4 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  padding-bottom: 30px;
}
.blog-post .post-container .post-inner h4 {
  line-height: 28px;
}
.blog-post .post-container .post-inner .published {
  color: #697386;
  padding-top: 10px;
}
.blog-post .post-container .post-inner p {
  line-height: 1.6;
  padding-bottom: 30px;
}
.blog-post .post-container .post-inner strong {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.blog-post .post-container .post-inner ul {
  list-style: disc;
  padding: 10px 0 10px 30px;
}
.blog-post .post-container .post-inner ul li {
  line-height: 24px;
}
.blog-post .post-container .post-inner ol {
  list-style: decimal;
  padding: 10px 0 10px 30px;
}
.blog-post .post-container .post-inner ol li {
  line-height: 24px;
}
.blog-post .post-container .post-inner hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #dde3e9;
  margin: 30px 0;
  padding: 0;
}
@media (max-width: 575.98px) {
  .blog-post .post-container {
    padding: 100px 20px 60px 20px;
  }
}
.page.settings .settings-nav,
.page.companies-list-page .settings-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 270px;
  height: 100vh;
  margin-left: 100px;
  overflow: auto;
}
.page.settings .settings-nav .section-list,
.page.companies-list-page .settings-nav .section-list {
  padding: 0 16px;
}
.page.settings .settings-nav .section-list a,
.page.companies-list-page .settings-nav .section-list a {
  display: block;
  color: #3c4257;
  padding: 8px 16px;
  margin-bottom: 2px;
  line-height: 125%;
  border-radius: 8px;
}
.page.settings .settings-nav .section-list a.active,
.page.companies-list-page .settings-nav .section-list a.active {
  background: #edf0f3;
}
.page.settings .settings-nav .section-list a:hover,
.page.companies-list-page .settings-nav .section-list a:hover {
  background: #e7ebef;
}
.page.settings .settings-nav .section-list ul,
.page.companies-list-page .settings-nav .section-list ul {
  padding: 24px 0;
}
.page.settings .settings-nav .section-list ul li.section-list-name,
.page.companies-list-page .settings-nav .section-list ul li.section-list-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding: 8px 16px;
  margin-bottom: 6px;
}
.page.settings section#settings .settings-group,
.page.companies-list-page section#settings .settings-group,
.page.settings section#companies .settings-group,
.page.companies-list-page section#companies .settings-group,
.page.settings section#company .settings-group,
.page.companies-list-page section#company .settings-group {
  display: block;
}
.page.settings section#settings .settings-group .settings-group-description,
.page.companies-list-page section#settings .settings-group .settings-group-description,
.page.settings section#companies .settings-group .settings-group-description,
.page.companies-list-page section#companies .settings-group .settings-group-description,
.page.settings section#company .settings-group .settings-group-description,
.page.companies-list-page section#company .settings-group .settings-group-description {
  color: #424d60;
  padding-right: 16px;
  margin-bottom: 8px;
}
.page.settings section#settings .settings-group .settings-group-fields,
.page.companies-list-page section#settings .settings-group .settings-group-fields,
.page.settings section#companies .settings-group .settings-group-fields,
.page.companies-list-page section#companies .settings-group .settings-group-fields,
.page.settings section#company .settings-group .settings-group-fields,
.page.companies-list-page section#company .settings-group .settings-group-fields {
  padding: 14px 16px 16px 0;
}
.page.settings section#settings .settings-group .settings-group-fields .settings-group-fields-name,
.page.companies-list-page section#settings .settings-group .settings-group-fields .settings-group-fields-name,
.page.settings section#companies .settings-group .settings-group-fields .settings-group-fields-name,
.page.companies-list-page section#companies .settings-group .settings-group-fields .settings-group-fields-name,
.page.settings section#company .settings-group .settings-group-fields .settings-group-fields-name,
.page.companies-list-page section#company .settings-group .settings-group-fields .settings-group-fields-name {
  padding-bottom: 8px;
}
.page.settings section#settings .settings-group .settings-group-fields .settings-group-field,
.page.companies-list-page section#settings .settings-group .settings-group-fields .settings-group-field,
.page.settings section#companies .settings-group .settings-group-fields .settings-group-field,
.page.companies-list-page section#companies .settings-group .settings-group-fields .settings-group-field,
.page.settings section#company .settings-group .settings-group-fields .settings-group-field,
.page.companies-list-page section#company .settings-group .settings-group-fields .settings-group-field {
  padding: 8px 0;
  border-bottom: 1px solid #edf0f3;
}
.page.settings section#settings .settings-group .settings-group-fields .settings-group-field .settings-group-field-container,
.page.companies-list-page section#settings .settings-group .settings-group-fields .settings-group-field .settings-group-field-container,
.page.settings section#companies .settings-group .settings-group-fields .settings-group-field .settings-group-field-container,
.page.companies-list-page section#companies .settings-group .settings-group-fields .settings-group-field .settings-group-field-container,
.page.settings section#company .settings-group .settings-group-fields .settings-group-field .settings-group-field-container,
.page.companies-list-page section#company .settings-group .settings-group-fields .settings-group-field .settings-group-field-container {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.page.settings section#settings .settings-group .settings-group-fields .settings-group-field .read-only-field,
.page.companies-list-page section#settings .settings-group .settings-group-fields .settings-group-field .read-only-field,
.page.settings section#companies .settings-group .settings-group-fields .settings-group-field .read-only-field,
.page.companies-list-page section#companies .settings-group .settings-group-fields .settings-group-field .read-only-field,
.page.settings section#company .settings-group .settings-group-fields .settings-group-field .read-only-field,
.page.companies-list-page section#company .settings-group .settings-group-fields .settings-group-field .read-only-field {
  flex: 0 0 50%;
  color: #424d60;
}
.page.settings section#settings .settings-group .settings-group-fields .settings-group-field .block-field,
.page.companies-list-page section#settings .settings-group .settings-group-fields .settings-group-field .block-field,
.page.settings section#companies .settings-group .settings-group-fields .settings-group-field .block-field,
.page.companies-list-page section#companies .settings-group .settings-group-fields .settings-group-field .block-field,
.page.settings section#company .settings-group .settings-group-fields .settings-group-field .block-field,
.page.companies-list-page section#company .settings-group .settings-group-fields .settings-group-field .block-field {
  flex: 0 0 50%;
}
.page.settings section#settings .settings-group .settings-group-fields .settings-group-field .block-field .block-inline,
.page.companies-list-page section#settings .settings-group .settings-group-fields .settings-group-field .block-field .block-inline,
.page.settings section#companies .settings-group .settings-group-fields .settings-group-field .block-field .block-inline,
.page.companies-list-page section#companies .settings-group .settings-group-fields .settings-group-field .block-field .block-inline,
.page.settings section#company .settings-group .settings-group-fields .settings-group-field .block-field .block-inline,
.page.companies-list-page section#company .settings-group .settings-group-fields .settings-group-field .block-field .block-inline {
  display: inline-block;
  width: 50%;
}
.page.settings section#settings .settings-group .settings-group-fields .settings-group-field .visibility-block,
.page.companies-list-page section#settings .settings-group .settings-group-fields .settings-group-field .visibility-block,
.page.settings section#companies .settings-group .settings-group-fields .settings-group-field .visibility-block,
.page.companies-list-page section#companies .settings-group .settings-group-fields .settings-group-field .visibility-block,
.page.settings section#company .settings-group .settings-group-fields .settings-group-field .visibility-block,
.page.companies-list-page section#company .settings-group .settings-group-fields .settings-group-field .visibility-block {
  font-size: 0.9rem;
  color: #424d60;
  padding-left: 26px;
  line-height: 1.35;
}
.page.settings section#settings .settings-group .settings-group-fields .settings-group-field .visibility-block .icon,
.page.companies-list-page section#settings .settings-group .settings-group-fields .settings-group-field .visibility-block .icon,
.page.settings section#companies .settings-group .settings-group-fields .settings-group-field .visibility-block .icon,
.page.companies-list-page section#companies .settings-group .settings-group-fields .settings-group-field .visibility-block .icon,
.page.settings section#company .settings-group .settings-group-fields .settings-group-field .visibility-block .icon,
.page.companies-list-page section#company .settings-group .settings-group-fields .settings-group-field .visibility-block .icon {
  position: absolute;
  margin: 0 0 0 -26px;
}
.page.settings section#settings .settings-group .profile-picture,
.page.companies-list-page section#settings .settings-group .profile-picture,
.page.settings section#companies .settings-group .profile-picture,
.page.companies-list-page section#companies .settings-group .profile-picture,
.page.settings section#company .settings-group .profile-picture,
.page.companies-list-page section#company .settings-group .profile-picture {
  width: 80px;
  height: 80px;
  position: relative;
  line-height: 80px;
  text-align: center;
  background: #abfff7;
  overflow: hidden;
  border-radius: 8px;
}
.page.settings section#settings .settings-group .profile-picture.profile-picture-existed,
.page.companies-list-page section#settings .settings-group .profile-picture.profile-picture-existed,
.page.settings section#companies .settings-group .profile-picture.profile-picture-existed,
.page.companies-list-page section#companies .settings-group .profile-picture.profile-picture-existed,
.page.settings section#company .settings-group .profile-picture.profile-picture-existed,
.page.companies-list-page section#company .settings-group .profile-picture.profile-picture-existed {
  background: transparent;
}
.page.settings section#settings .settings-group .profile-picture img,
.page.companies-list-page section#settings .settings-group .profile-picture img,
.page.settings section#companies .settings-group .profile-picture img,
.page.companies-list-page section#companies .settings-group .profile-picture img,
.page.settings section#company .settings-group .profile-picture img,
.page.companies-list-page section#company .settings-group .profile-picture img {
  width: 80px;
  height: 80px;
  border: 0;
}
.page.settings section#settings .settings-group .profile-picture.editable:hover:before,
.page.companies-list-page section#settings .settings-group .profile-picture.editable:hover:before,
.page.settings section#companies .settings-group .profile-picture.editable:hover:before,
.page.companies-list-page section#companies .settings-group .profile-picture.editable:hover:before,
.page.settings section#company .settings-group .profile-picture.editable:hover:before,
.page.companies-list-page section#company .settings-group .profile-picture.editable:hover:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #1b1f36;
  opacity: 0.1;
}
@media (max-width: 575.98px) {
  .page.settings .settings-nav,
  .page.companies-list-page .settings-nav {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #e7ebef;
  }
  .page.settings section#settings,
  .page.companies-list-page section#settings {
    margin: 0;
  }
  .page.settings section#settings .settings-group .settings-group-fields .settings-group-field-container,
  .page.companies-list-page section#settings .settings-group .settings-group-fields .settings-group-field-container {
    display: block !important;
  }
  .page.settings section#settings .settings-group .settings-group-fields .settings-group-field-container .block-field,
  .page.companies-list-page section#settings .settings-group .settings-group-fields .settings-group-field-container .block-field {
    display: block !important;
  }
  .page.settings section#settings .settings-group .settings-group-fields .settings-group-field-container .visibility-block,
  .page.companies-list-page section#settings .settings-group .settings-group-fields .settings-group-field-container .visibility-block {
    display: block !important;
    margin-top: 6px;
    text-align: left;
  }
}
.page.billing-page section#billing-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100vh;
  margin-left: 100px;
  overflow: auto;
}
.page.billing-page section#billing-nav .section-list {
  padding-left: 16px;
}
.page.billing-page section#billing-nav .section-list a {
  display: block;
  color: #3c4257;
  padding: 8px 16px;
  margin-bottom: 2px;
  line-height: 125%;
  border-radius: 8px;
}
.page.billing-page section#billing-nav .section-list a.active {
  background: #edf0f3;
}
.page.billing-page section#billing-nav .section-list a:hover {
  background: #e7ebef;
}
.page.billing-page section#billing-nav .section-list ul {
  padding: 24px 0;
}
.page.billing-page section#billing-nav .section-list ul li.section-list-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding: 8px 16px;
  margin-bottom: 6px;
}
.page.billing-page section#billing .billing-group {
  display: block;
}
.page.billing-page section#billing .billing-group .pricing-intro {
  padding: 8px 16px 0 0;
}
.page.billing-page section#billing .billing-group .pricing-intro h3 {
  padding-bottom: 8px;
}
.page.billing-page section#billing .billing-group .pricing-intro .settings-group-description {
  color: #424d60;
  padding-bottom: 16px;
}
.page.billing-page section#billing .billing-group .payment-method-container {
  padding: 16px 16px 16px 0;
}
.page.billing-page section#billing .billing-group .payment-method-container .payment-method-error .payment-method-inner,
.page.billing-page section#billing .billing-group .payment-method-container .payment-method-info .payment-method-inner {
  padding: 20px;
  background: #f6e8ff;
  border-radius: 10px;
}
.page.billing-page section#billing .billing-group .payment-method-container .payment-method-error .payment-method-inner .payment-description,
.page.billing-page section#billing .billing-group .payment-method-container .payment-method-info .payment-method-inner .payment-description {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: block;
}
.page.billing-page section#billing .billing-group .payment-method-container .payment-method-error .payment-method-inner .payment-action,
.page.billing-page section#billing .billing-group .payment-method-container .payment-method-info .payment-method-inner .payment-action {
  display: block;
  padding-top: 8px;
}
.page.billing-page section#billing .billing-group .payment-method-container .payment-method-error .payment-method-inner .payment-action .btn.update-payment-method-button,
.page.billing-page section#billing .billing-group .payment-method-container .payment-method-info .payment-method-inner .payment-action .btn.update-payment-method-button {
  display: inline-block;
}
.page.billing-page section#billing .billing-group .payment-method-container .payment-method-error .payment-method-inner a,
.page.billing-page section#billing .billing-group .payment-method-container .payment-method-info .payment-method-inner a {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 8px 10px 0;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-columns-wrapper {
  display: flex;
  flex-grow: 1;
  margin-right: 8px;
  flex-direction: column;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-columns-wrapper .billing-plan-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-grow: 1;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-columns-wrapper .billing-plan-columns .pricing-tier-card {
  background-color: #ffffff;
  display: flex;
  flex-grow: 1;
  width: 100px;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-columns-wrapper .billing-plan-columns .pricing-tier-card .pricing-tier-card-section {
  width: 100%;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header h3 {
  font-size: 1.15rem;
  padding: 12px 20px;
  border-bottom: 1px solid #f3f5f7;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9rem;
  color: #3c4257;
  padding: 0 4px;
  border-bottom: 1px solid #f3f5f7;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .module-limits-header {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding: 0 20px 5px 20px;
  text-align: center;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-result-container > div > div {
  padding: 0 1rem;
  margin: 1rem 0;
  border-right: 1px solid #e7ebef;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-result-container > div:last-child > div {
  border-right: 1px solid #e7ebef;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-text-result {
  float: left;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-text-result .metrics-text-result-container {
  text-align: center;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-text-result .metrics-text-result-container .value-container {
  display: table;
  width: 100%;
  height: 40px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-text-result .metrics-text-result-container .value-container .value {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: table-cell;
  max-width: 280px;
  font-size: 1.15rem;
  text-align: center;
  vertical-align: bottom;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-text-result .metrics-text-result-container .label-container {
  height: 30px;
  font-size: 0.9rem;
  color: #424d60;
  padding-top: 10px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-text-result .metrics-text-result-container .label-container .attention {
  color: #bb6dec;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-text-result.no-label .value-container {
  height: 70px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-text-result.no-label .value-container .value {
  text-align: left;
  vertical-align: middle;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-text-result.header-only .value-container .value {
  font-size: 1rem;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .metrics-percentage-result .metrics-percentage-result-container {
  float: left;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-header .module-stats .progress-bar-line {
  display: block;
  line-height: 0;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector {
  padding: 5px 20px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector input[type="radio"] {
  display: none;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector input[type="radio"]:checked + label {
  border-color: #3fdaed;
  box-shadow: 0 0 0 1px inset #3fdaed;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector input[type="radio"]:checked + label:hover {
  background: transparent;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector input[type="radio"]:checked ~ label > .checkmark {
  display: inline-block;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label {
  display: block;
  position: relative;
  line-height: 1.35;
  padding: 16px 20px;
  border-radius: 8px;
  border: 1px solid #dde3e9;
  cursor: pointer;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option .checkmark,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label .checkmark {
  display: none;
  position: absolute;
  right: 20px;
  height: 25px;
  width: 25px;
  color: #ffffff;
  background-color: #3fdaed;
  margin: 1px 0 0 -32px;
  border-radius: 50%;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option .checkmark .icon,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label .checkmark .icon {
  position: absolute;
  margin: 4px 0 0 4px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option .billing-plan-option-description,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label .billing-plan-option-description {
  font-size: 1rem;
  padding-bottom: 16px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option .billing-plan-option-description-header,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label .billing-plan-option-description-header {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding-bottom: 2px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option .billing-plan-option-price,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label .billing-plan-option-price {
  border-top: 1px solid #dde3e9;
  padding-top: 16px;
  margin-top: 2px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option .billing-plan-option-price b,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label .billing-plan-option-price b {
  font-size: 1.25rem;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option .billing-plan-option-price .volume-saving,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label .billing-plan-option-price .volume-saving {
  font-size: 0.8rem;
  color: #2cdaca;
  margin-left: 5px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option em,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label em {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option span,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label span {
  color: #697386;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option:hover,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label:hover {
  border-color: #b3bcc9;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option.active,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label.active {
  border-color: #3fdaed;
  box-shadow: 0 0 0 1px inset #3fdaed;
  cursor: initial;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option.active .checkmark,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label.active .checkmark {
  display: inline-block;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector .billing-plan-option.active:hover,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector label.active:hover {
  background: transparent;
  border-color: #3fdaed;
  box-shadow: 0 0 0 1px inset #3fdaed;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector.disabled input[type="radio"]:checked + label {
  border-color: #edf0f3;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector.disabled input[type="radio"]:checked + label:hover {
  background: #edf0f3;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector.disabled label {
  background: #edf0f3;
  border-color: #edf0f3;
  cursor: default;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector.disabled label .billing-plan-option-description-header .volume-saving,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector.disabled label .billing-plan-option-description .volume-saving,
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector.disabled label .billing-plan-option-price .volume-saving {
  color: #b3bcc9;
  margin-left: 5px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector.disabled label .checkmark {
  display: inline-block !important;
  background-color: #b3bcc9 !important;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector:first-child {
  padding-top: 0;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-option-selector:last-child {
  padding-bottom: 0;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-section-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding: 16px 20px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .billing-plan-options {
  max-width: 500px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .contact-us {
  display: block;
  font-size: 0.9rem;
  color: #3c4257;
  padding: 16px 20px;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .contact-us a {
  color: #424d60;
  border-bottom: 1px dotted #424d60;
}
.page.billing-page section#billing .billing-group .billing-plan-columns-container .contact-us a:hover {
  color: #3c4257;
  border-bottom-color: #3c4257;
}
.page.billing-page section#billing .billing-group .billing-plan-button-container {
  padding: 8px 20px 16px 20px;
}
.page.billing-page section#billing .billing-group .billing-plan-button-container .billing-plan-button .btn.signup-button {
  display: inline-block;
  border-radius: 8px;
}
@media (max-width: 575.98px) {
  .page.billing-page section#billing-nav {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #e7ebef;
  }
  .page.billing-page section#billing {
    margin: 0;
  }
  .page.billing-page section#billing .billing-plan-columns-container {
    padding: 30px 1% 30px 1%;
  }
  .page.billing-page section#billing .billing-plan-columns-container .billing-plan-columns-wrapper .billing-plan-columns .pricing-tier-card {
    margin-bottom: 30px;
  }
  .page.billing-page section#billing .billing-plan-columns-container .billing-plan-header,
  .page.billing-page section#billing .billing-plan-columns-container .billing-plan-description {
    min-height: initial !important;
  }
}
.sidebar-popup .sidebar-popup-logo {
  text-align: center;
  padding-top: 30px;
}
.sidebar-popup h2 {
  text-align: center;
}
.sidebar-popup .sidebar-popup-subtitle {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding: 30px;
  padding-bottom: 10px;
}
.sidebar-popup .sidebar-popup-contacts {
  padding: 0 30px;
}
.sidebar-popup .sidebar-popup-contacts .contact-block {
  padding: 20px 0;
  border-bottom: 1px solid #e7ebef;
}
.sidebar-popup .sidebar-popup-contacts .contact-block .dept-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 5px;
}
.sidebar-popup .sidebar-popup-notes {
  font-size: 0.7rem;
  color: #697386;
  padding: 30px;
  padding-top: 20px;
}
.sidebar-popup .sidebar-popup-notes a {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.sidebar-popup.active-autopilots {
  padding-bottom: 4px;
}
.sidebar-popup.active-autopilots h3 {
  text-align: center;
  padding: 17px 16px 16px 16px;
  border-bottom: 1px solid #e7ebef;
}
.sidebar-popup.active-autopilots .active-autopilots-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  margin-top: 6px;
  padding: 6px 16px;
}
.sidebar-popup.active-autopilots .active-autopilots-container {
  padding: 0 16px;
}
.sidebar-popup.active-autopilots .active-autopilots-container .active-autopilots-item {
  display: flex;
  border-bottom: 1px solid #e7ebef;
  align-items: center;
  padding: 10px 0;
}
.sidebar-popup.active-autopilots .active-autopilots-container .active-autopilots-item .active-autopilots-col-1 {
  flex-grow: 1;
}
.sidebar-popup.active-autopilots .active-autopilots-container .active-autopilots-item .active-autopilots-col-1 .active-autopilots-name {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.sidebar-popup.active-autopilots .active-autopilots-container .active-autopilots-item .active-autopilots-col-1 .active-autopilots-job-title,
.sidebar-popup.active-autopilots .active-autopilots-container .active-autopilots-item .active-autopilots-col-1 .active-autopilots-company {
  font-size: 0.9rem;
  color: #424d60;
}
.sidebar-popup.active-autopilots .active-autopilots-container .active-autopilots-item:last-child {
  border: 0;
}
.modal-sidebar-popup-overlay,
.modal-sidebar-autopilots-overlay {
  position: fixed;
  z-index: 1030;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modal-sidebar-popup,
.modal-sidebar-autopilots {
  width: 100%;
  max-width: 400px;
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 10px;
  background: #ffffff;
  background-position: initial initial;
  background-repeat: initial initial;
  border: 0;
  border-radius: 20px;
  margin: 0 10px;
  overflow: auto;
  outline: none;
}
.modal-sidebar-popup .title,
.modal-sidebar-autopilots .title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  padding: 22px 16px 19px 16px;
  text-align: center;
}
.modal-sidebar-autopilots {
  padding: 10px;
}
.modal-sidebar-autopilots .title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  padding: 16px 16px 12px 16px;
  text-align: center;
}
.sub-nav {
  text-align: center;
}
.sub-nav ul li {
  display: inline-block;
  margin: 0 16px;
}
.sub-nav ul li a {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  position: relative;
  display: inline-block;
  color: #697386;
  padding: 20px 0 15px 0;
  transition: all 100ms ease-in-out;
  display: inline-flex;
}
.sub-nav ul li a .text {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.sub-nav ul li a:hover {
  color: #1b1f36;
  border-color: transparent;
}
.sub-nav ul li a:active,
.sub-nav ul li a.active {
  color: #1b1f36;
  border-color: #1b1f36;
}
.sub-nav ul li a:active .text,
.sub-nav ul li a.active .text {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.sub-nav ul li a:active:after,
.sub-nav ul li a.active:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #3fdaed;
  display: inline-block;
  left: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: 0 auto;
}
.sub-nav ul li .icon-circle {
  margin: -2px 0 0 8px;
}
.sub-nav ul li .disabled {
  color: #b3bcc9;
}
.sub-nav ul li .icon-circle.attention {
  color: #ffffff;
  background: #d592ff;
}
@media (max-width: 575.98px) {
  .sub-nav ul li {
    margin: 0 8px;
  }
  .sub-nav ul li .icon-circle {
    margin: -2px 0 0 4px;
  }
}
.combo-title {
  display: flex;
  min-height: 60px;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.combo-title.template-viewer-header .editable-title {
  font-size: 1rem;
  margin-left: 16px;
}
.combo-title .editable-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  flex-grow: 1;
}
.combo-title .item-controls {
  display: flex;
  margin-right: 16px;
  align-items: center;
  justify-content: center;
}
.combo-title .item-controls .item-information-bar {
  display: inline-block;
  margin-right: 8px;
}
.combo-title .item-controls .item-information-bar .item-status {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #ffffff;
  padding: 8px 16px;
  background: #3c4257;
  border-radius: 30px;
}
.combo-title .item-controls .item-information-bar .item-status.active {
  background: #00dca6;
}
.combo-title .item-controls .item-information-bar .item-status.archived {
  background: #3c4257;
}
header#mobile-menu {
  width: 100%;
  height: 80px;
}
header#mobile-menu.floating-menu {
  height: 100%;
}
header#mobile-menu .mobile-menu-quick-access {
  width: 100%;
  display: block;
  text-align: center;
}
header#mobile-menu .mobile-menu-quick-access .candidates {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: block;
  color: #ffffff;
  padding: 10px 15px;
  background: #0c5bfa;
}
header#mobile-menu .mobile-menu-quick-access .candidates:hover {
  color: #ffffff;
  background: #004fef;
}
header#mobile-menu .mobile-menu-center {
  width: 100%;
  position: absolute;
  text-align: center;
  padding-top: 30px;
}
header#mobile-menu .mobile-menu-center .mobile-menu-center-button {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
header#mobile-menu .mobile-menu-center .mobile-menu-center-button .icon {
  position: absolute;
  padding-top: 2px;
  padding-left: 2px;
}
header#mobile-menu .mobile-menu-center .mobile-menu-center-button.bp3-active {
  color: #1b1f36;
  transition: all 100ms ease-in-out;
}
header#mobile-menu .mobile-menu-right {
  position: absolute;
  text-align: right;
  right: 0;
  margin-right: 30px;
}
header#mobile-menu .mobile-menu-right .mobile-menu-right-button {
  margin-top: 30px;
}
header#mobile-menu .mobile-menu-right .mobile-menu-right-button .sign-up {
  color: #424d60;
}
header#mobile-menu .mobile-menu-right .mobile-menu-right-button .sign-up:hover,
header#mobile-menu .mobile-menu-right .mobile-menu-right-button .sign-up:active,
header#mobile-menu .mobile-menu-right .mobile-menu-right-button .sign-up.active {
  color: #0363ff;
}
header#mobile-menu .mobile-menu-right .avatar-container {
  margin-top: 22px;
}
@media (max-width: 575.98px) {
  header#mobile-menu .mobile-menu-right {
    margin-right: 20px;
  }
}
@media (min-width: 576px) {
  header#mobile-menu {
    display: none;
  }
}
.mobile-menu-popover-content .bp3-popover-content {
  padding: 10px;
}
.mobile-menu-popover-content .bp3-popover-content .home-nav a {
  display: block;
  font-size: 1.15rem;
  color: #3c4257;
  padding: 10px;
}
.mobile-menu-popover-content .bp3-popover-content .home-nav a:active,
.mobile-menu-popover-content .bp3-popover-content .home-nav a.active {
  color: #1b1f36;
}
.mobile-menu-popover-content .bp3-popover-content .home-nav .log-in {
  color: #ffffff;
  text-align: center;
  margin-top: 20px;
}
.mobile-menu-popover-content .bp3-popover-content .home-nav .log-in:hover,
.mobile-menu-popover-content .bp3-popover-content .home-nav .log-in:active,
.mobile-menu-popover-content .bp3-popover-content .home-nav .log-in.active {
  color: #ffffff;
}
.mobile-menu-popover-content .bp3-popover-content .app-nav {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-align: center;
}
.mobile-menu-popover-content .bp3-popover-content .app-nav a {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: block;
  color: #697386;
  text-align: center;
  padding: 10px 0;
}
.mobile-menu-popover-content .bp3-popover-content .app-nav a:hover,
.mobile-menu-popover-content .bp3-popover-content .app-nav a:active,
.mobile-menu-popover-content .bp3-popover-content .app-nav a.active {
  color: #1b1f36;
}
.mobile-menu-popover-content .bp3-popover-content .app-nav a .icon {
  display: block;
  text-align: center;
}
.static-page .box-container {
  padding: 100px 8% 60px 8%;
}
.static-page .box-container .box-inner {
  max-width: 800px;
  margin: 0 auto;
}
.static-page .box-container .box-inner h1 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-align: center;
  padding-bottom: 10px;
}
.static-page .box-container .box-inner h2,
.static-page .box-container .box-inner h3,
.static-page .box-container .box-inner h4 {
  padding: 30px 0;
}
.static-page .box-container .box-inner h4 {
  line-height: 28px;
}
.static-page .box-container .box-inner .effective-date {
  color: #697386;
  text-align: center;
}
.static-page .box-container .box-inner strong {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.static-page .box-container .box-inner ul {
  list-style: disc;
  padding: 10px 0 10px 30px;
}
.static-page .box-container .box-inner ul li {
  line-height: 24px;
}
.static-page .box-container .box-inner ol {
  list-style: decimal;
  padding: 10px 0 10px 30px;
}
.static-page .box-container .box-inner ol li {
  line-height: 24px;
}
.static-page .box-container .box-inner hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #dde3e9;
  margin: 30px 0;
  padding: 0;
}
.error-container {
  position: relative;
}
.error-container .error-text {
  display: inline-block;
  font-size: 0.9rem;
  color: #ffffff;
  padding: 6px 12px;
  margin-top: 3px;
  background: #d592ff;
  border-radius: 8px;
  line-height: 20px;
}
.custom-checkbox .error-text {
  margin-top: 10px;
  border-radius: 8px;
}
.form-block-numeric .error-container .error-text {
  border-radius: 8px;
}
.warning-container .warning-text {
  display: block;
  font-size: 0.9rem;
  color: #1b1f36;
  padding: 6px 12px;
  margin-top: 3px;
  background: #FEF5D7;
  border-radius: 8px;
  line-height: 20px;
}
.screen-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #e7ebef;
}
.page-loading {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.screen-blocker {
  z-index: 1030;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-backdrop-filter: saturate(180%) blur(2px);
  backdrop-filter: saturate(180%) blur(2px);
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.loading-line {
  fill: #ffffff;
}
.inline-loading {
  width: 100%;
  display: inline-block;
}
.screen-message .title-message,
.inline-message .title-message {
  font-size: 1.25rem;
  color: #3c4257;
  margin-bottom: 0.5em;
  line-height: 1.35;
}
.screen-message .subtitle-message,
.inline-message .subtitle-message {
  color: #697386;
  line-height: 1.35;
}
.screen-message {
  position: absolute;
  top: 45%;
  right: 0;
  bottom: auto;
  left: 0;
  width: auto;
  height: auto;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  padding: 1rem;
}
.inline-message {
  text-align: center;
  padding: 0 1rem;
}
.inline-message .action {
  padding-top: 6px;
}
.logo {
  z-index: 2;
  position: absolute;
  left: 0;
  line-height: 0;
  padding: 0;
  margin: 27px 30px;
  background: transparent;
}
.logo-short {
  z-index: 1030;
  position: absolute;
  left: 0;
  line-height: 0;
  padding: 0;
  margin: 27px 30px;
}
.logo-short-block {
  width: 100%;
  display: block;
  text-align: center;
  margin: 27px 0 15px 0;
}
@media (max-width: 575.98px) {
  .logo-short {
    margin: 27px 20px;
  }
}
header#home-top-menu {
  width: 100%;
  z-index: 1020;
  position: fixed;
  top: 0;
}
header#home-top-menu .home-top-menu-background {
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition-property: background-color, -webkit-backdrop-filter;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
  transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
  transition-property: background-color, -webkit-backdrop-filter;
  transition-property: background-color, backdrop-filter;
  transition-property: background-color, backdrop-filter, -webkit-backdrop-filter;
  -webkit-mask-image: linear-gradient(#000000 35%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(#000000 35%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0) 100%);
}
header#home-top-menu nav {
  z-index: 2;
  float: right;
  position: relative;
  margin: 20px 30px;
  background: transparent;
}
header#home-top-menu nav a,
header#home-top-menu nav .features-popover {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1b1f36;
  padding: 11px 15px;
  cursor: pointer;
}
header#home-top-menu nav a:hover,
header#home-top-menu nav .features-popover:hover,
header#home-top-menu nav a:active,
header#home-top-menu nav .features-popover:active,
header#home-top-menu nav a.active,
header#home-top-menu nav .features-popover.active {
  color: #0c5bfa;
}
header#home-top-menu nav .features-popover {
  padding-right: 30px;
}
header#home-top-menu nav .features-popover .icon {
  position: absolute;
  padding-top: 2px;
  padding-left: 2px;
}
header#home-top-menu nav .bp3-popover-open .features-popover {
  color: #0c5bfa;
}
header#home-top-menu nav .candidates {
  color: #ffffff;
  padding: 9px 20px;
  margin: 0 15px;
}
header#home-top-menu nav .candidates:hover {
  color: #ffffff;
}
header#home-top-menu nav .log-in {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #424d60;
  padding-right: 30px;
}
header#home-top-menu nav .sign-up {
  color: #ffffff;
  padding: 9px 20px;
}
header#home-top-menu nav .sign-up:hover,
header#home-top-menu nav .sign-up:active,
header#home-top-menu nav .sign-up.active {
  color: #ffffff;
}
header#home-top-menu nav ul {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
header#home-top-menu.auth-layout {
  background: transparent;
}
@media (max-width: 575.98px) {
  header#home-top-menu {
    display: none;
  }
}
#sidebar-notifications {
  padding: 32px 0;
  border-top: 1px solid #e7ebef;
}
#sidebar-notifications nav ul {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
#sidebar-notifications nav ul li {
  padding: 4px 0 !important;
  text-align: center;
}
#sidebar-notifications nav ul li.current-plan {
  font-size: 0.7rem;
  text-transform: uppercase;
  line-height: 1.35;
}
#sidebar-notifications nav ul li.current-plan span {
  display: inline-block;
  padding: 0 6px;
}
#sidebar-notifications nav ul li.current-plan span.attention {
  color: #bb6dec;
}
#sidebar-notifications nav ul li.upgrade-now .btn,
#sidebar-notifications nav ul li.review-error .btn {
  display: inline-block;
  font-size: 0.7rem;
  color: #0c5bfa;
  text-transform: uppercase;
  padding: 2px 8px;
  background: transparent;
  border: 1px solid #0c5bfa !important;
  border-radius: 30px;
}
#sidebar-notifications nav ul li.upgrade-now .btn:hover,
#sidebar-notifications nav ul li.review-error .btn:hover {
  color: #0c5bfa;
  background: #dde8ff;
}
#sidebar-notifications nav ul li.review-error .btn {
  color: #ffffff;
  background: #d592ff;
  border-color: #d592ff;
}
#sidebar-notifications nav ul li.review-error .btn:hover {
  color: #ffffff;
  background: #cf8afb;
  border-color: #cf8afb;
}
@media (max-width: 575.98px) {
  #sidebar-notifications {
    display: none;
  }
}
.profile-picture .avatar .UserAvatar--inner,
.user-menu .avatar .UserAvatar--inner {
  color: #ffffff;
  cursor: pointer;
}
.profile-picture .avatar.no-avatar .UserAvatar--inner,
.user-menu .avatar.no-avatar .UserAvatar--inner {
  background: linear-gradient(135deg, #0c5bfa 30%, #9268ff 90%) !important;
}
.percentage-circle {
  align-self: center;
  justify-content: center;
}
.percentage-circle .percentage-circle-container {
  text-align: center;
}
.percentage-circle .percentage-circle-container .value-container {
  width: 80px;
  height: 40px;
  margin: 0 auto;
}
.percentage-circle .percentage-circle-container .value-container .value {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  position: absolute;
  width: 80px;
  font-size: 1.15rem;
  text-align: center;
  padding-top: 20px;
}
.percentage-circle .percentage-circle-container .description-container {
  padding-top: 19px;
}
.percentage-circle .percentage-circle-container .description-container .header-container {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  color: #1b1f36;
  text-transform: uppercase;
  padding-top: 6px;
}
.percentage-circle .percentage-circle-container .description-container .label-container {
  font-size: 0.9rem;
  color: #424d60;
}
.cross-check-icons .icon-and-info {
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 2px 0;
}
.cross-check-icons .icon-and-info .icon {
  margin-right: 4px;
}
.cross-check-icons .icon-and-info b {
  margin-left: 2px;
}
.cross-check-icons .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 0.7rem;
  text-align: center;
  margin: 0 1px;
  line-height: 18px;
  color: #697386;
  border: 1px solid #dde3e9;
  border-radius: 99px;
}
.cross-check-icons.fade .icon {
  color: #697386;
}
.pie-gauge .pie-gauge-container {
  text-align: center;
}
.pie-gauge .pie-gauge-container .value-container {
  width: 150px;
  height: 75px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
}
.pie-gauge .pie-gauge-container .value-container .value {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  z-index: 1070;
  position: absolute;
  margin-top: 37px;
  font-size: 1.15rem;
  text-align: center;
}
.pie-gauge .pie-gauge-container .value-container .value .tooltip-note.small.right-icon.right-icon p .icon.info {
  margin: 3px 0 0 6px;
}
.pie-gauge .pie-gauge-container .value-container .value .tooltip-note.small.right-icon.right-icon .no-data {
  font-size: 0.9rem;
}
.pie-gauge .pie-gauge-container .value-container .value.no-data {
  margin-top: 30px;
}
.pie-gauge .pie-gauge-container .description-container .label-container {
  font-size: 0.9rem;
  color: #424d60;
}
.heatmap-chart {
  display: block;
}
.heatmap-chart .heatmap-tooltip {
  font-size: 0.9rem;
  max-width: 350px;
  padding: 10px 16px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.08);
  z-index: 1070;
}
.heatmap-chart .heatmap-tooltip .heatmap-question-number {
  position: absolute;
  font-size: 0.7rem;
  color: #697386;
  margin-top: 4px;
}
.heatmap-chart .heatmap-tooltip ul {
  padding-left: 20px;
}
.heatmap-chart .heatmap-tooltip ul li,
.heatmap-chart .heatmap-tooltip ul p {
  line-height: 125%;
}
.heatmap-chart .heatmap-tooltip ul li {
  padding: 2px 0;
}
.heatmap-chart .heatmap-tooltip ul li.answer {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.heatmap-chart .heatmap-tooltip ul li.answer .attitude-answer .icon {
  font-size: 0.9rem;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.heatmap-chart .heatmap-tooltip ul li.answer .attitude-answer .icon.positive {
  color: #5decdf;
}
.heatmap-chart .heatmap-tooltip ul li.answer .attitude-answer .icon.negative {
  color: #ff5b80;
}
.heatmap-chart .heatmap-tooltip ul li.referee {
  font-size: 0.9rem;
  color: #697386;
}
#footer {
  display: block;
  padding: 30px;
  color: #ffffff;
  background: #000000;
  border: 0;
}
#footer a {
  color: #b3bcc9;
}
#footer a:hover {
  color: #ffffff;
}
#footer .footer-columns {
  display: block;
  width: 100%;
}
#footer .footer-columns .footer-column {
  float: left;
  width: 20%;
  position: relative;
  padding-bottom: 30px;
}
#footer .footer-columns .footer-column h2 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
}
#footer .footer-columns .footer-column ul li {
  padding: 5px 15px 5px 0;
  line-height: 1.35;
}
#footer .copyright-row {
  display: block;
  width: 100%;
}
#footer .copyright-row .copyright {
  float: left;
  font-size: 0.7rem;
  padding-top: 5px;
}
#footer .copyright-row .footer-links {
  float: right;
}
#footer .copyright-row .footer-links a {
  margin-right: 25px;
}
#footer .copyright-row .footer-links .chat-button {
  float: right;
}
@media (max-width: 575.98px) {
  #footer {
    padding: 30px 20px;
  }
  #footer .footer-columns .footer-column {
    float: none !important;
    width: 100% !important;
    padding-bottom: 30px;
  }
  #footer .footer-columns .footer-column h2 {
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
  }
  #footer .footer-columns .footer-column ul li {
    line-height: 1.35;
  }
  #footer .copyright-row .copyright {
    float: none !important;
    display: block;
    padding-bottom: 6px;
  }
  #footer .copyright-row .footer-links {
    display: block;
    float: none !important;
  }
  #footer .copyright-row .footer-links a {
    margin-right: 15px !important;
  }
  #footer .copyright-row .footer-links .chat-button {
    float: none !important;
    display: inline-block;
  }
}
.email-address-update {
  display: inline-block;
  margin-left: 10px;
}
.email-address-update button {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  background: #d592ff;
  border-color: #d592ff;
  color: #ffffff;
  padding: 6px 13px 6px 36px;
  border-radius: 30px;
}
.email-address-update button:hover {
  background: #cf8afb;
  border-color: #cf8afb;
}
.email-address-update button .icon.mail {
  position: absolute;
  margin-left: -22px;
  margin-top: 2px;
}
.email-address-update button .icon.mail:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  margin: 1px 0 0 -3px;
  border-radius: 50%;
  transform: scale(1);
  background: #ffffff;
  box-shadow: 0 0 0 0 #ffffff;
  animation: pulse-white 2s infinite;
}
@media (max-width: 575.98px) {
  .email-address-update button .icon.mail {
    position: absolute;
    margin: 3px 0 0 -22px;
  }
}
.form-block-numeric-container {
  display: inline-block;
  padding: 2px;
  background: #e7ebef;
  border-radius: 30px;
}
.form-block-numeric-container .field-block-numeric {
  display: inline-block;
  position: relative;
  float: left;
  height: 40px;
  padding: 0 5px;
}
.form-block-numeric-container .field-block-numeric input {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  width: 50px;
  height: 40px;
  text-align: center;
  border-color: transparent;
}
.form-block-numeric-container .field-block-numeric input:hover {
  border-color: #b3bcc9;
}
.form-block-numeric-container .field-block-numeric input:focus {
  background: transparent;
  border-color: #0c5bfa;
  box-shadow: 0px 0 0 1px inset #0c5bfa;
}
.form-block-numeric-container .field-block-numeric input.error-input {
  border-color: #d592ff;
  border-radius: 8px;
  box-shadow: 0px 0 0 0 inset transparent;
}
.form-block-numeric-container .numeric-control {
  display: inline-block;
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  text-align: left;
  color: #b3bcc9;
  background: #ffffff;
  border-radius: 100%;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
.form-block-numeric-container .numeric-control:hover {
  background: #edf0f3;
}
.form-block-numeric-container .numeric-control .icon {
  position: absolute;
  margin: 10px 0 0 10px;
}
.cookie-banner-container {
  z-index: 1080;
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: 620px;
  transform: translateX(-50%);
  padding: 10px;
}
.cookie-banner-container .cookie-banner {
  padding: 20px;
  background: #ffffff;
  box-shadow: 0 2px 20px 0 rgba(27, 31, 54, 0.1);
  border-radius: 10px;
}
.cookie-banner-container .cookie-banner .title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 10px;
}
.cookie-banner-container .cookie-banner .description {
  font-size: 0.9rem;
  line-height: 1.35;
}
.cookie-banner-container .cookie-banner .cookie-banner-basic-choice {
  display: flex;
  flex-direction: row;
}
.cookie-banner-container .cookie-banner .cookie-banner-basic-choice .content {
  display: flex;
  flex-direction: column;
}
.cookie-banner-container .cookie-banner .cookie-banner-basic-choice .actions {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: auto;
  margin: 0 0 0 10px;
  justify-content: center;
}
.cookie-banner-container .cookie-banner .cookie-banner-basic-choice .actions button {
  margin: 4px 0;
}
.cookie-banner-container .cookie-banner .cookie-consent-manager .cookie-types {
  padding-top: 20px;
}
.cookie-banner-container .cookie-banner .cookie-consent-manager .cookie-types .cookie-type {
  padding-bottom: 20px;
}
.cookie-banner-container .cookie-banner .cookie-consent-manager .cookie-types .cookie-type .cookie-type-title {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.cookie-banner-container .cookie-banner .cookie-consent-manager .cookie-types .cookie-type .cookie-type-title .react-switch .switch-label {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  flex-grow: 1;
}
.cookie-banner-container .cookie-banner .cookie-consent-manager .cookie-types .cookie-type .cookie-type-description {
  font-size: 0.9rem;
  line-height: 1.35;
}
@media (max-width: 575.98px) {
  .cookie-banner-container .cookie-banner {
    display: block;
    width: 100%;
    left: initial;
    transform: initial;
    padding: 20px 20px 16px 20px;
  }
  .cookie-banner-container .cookie-banner .cookie-banner-basic-choice {
    flex-direction: column;
  }
  .cookie-banner-container .cookie-banner .cookie-banner-basic-choice .actions {
    margin: 10px 0 0 0;
  }
  .cookie-banner-container .cookie-banner .cookie-consent-manager .cookie-types {
    padding-top: 20px;
  }
  .cookie-banner-container .cookie-banner .cookie-consent-manager .cookie-types .cookie-type {
    padding-bottom: 20px;
  }
  .cookie-banner-container .cookie-banner .cookie-consent-manager .cookie-types .cookie-type .cookie-type-title {
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
  }
  .cookie-banner-container .cookie-banner .cookie-consent-manager .cookie-types .cookie-type .cookie-type-title .react-switch .switch-label {
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    flex-grow: 1;
  }
  .cookie-banner-container .cookie-banner .cookie-consent-manager .cookie-types .cookie-type .cookie-type-description {
    font-size: 0.9rem;
    line-height: 1.35;
  }
}