@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/prompt/Prompt-Regular.woff') format('woff'), url('../fonts/prompt/Prompt-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Prompt Bold';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/prompt/Prompt-Bold.woff') format('woff'), url('../fonts/prompt/Prompt-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Prompt Light';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/prompt/Prompt-Light.woff') format('woff'), url('../fonts/prompt/Prompt-Light.woff') format('woff');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/barlow/Barlow-Regular.woff') format('woff'), url('../fonts/barlow/Barlow-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Barlow Bold';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/barlow/Barlow-Bold.woff') format('woff'), url('../fonts/barlow/Barlow-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Barlow Lighr';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/barlow/Barlow-Light.woff') format('woff'), url('../fonts/barlow/Barlow-Light.woff') format('woff');
}
* {
  border: 0;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 0;
}
html {
  min-height: 100%;
  background-image: url('../images/backgrounds/bg-pattern.png');
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}
em {
  color: inherit;
}
body {
  min-height: 100%;
  overflow: hidden;
}
mark {
  padding: 2px 5px;
  color: #373737;
  background: #FEE528;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
mark :hover {
  cursor: pointer;
}
#tooltip {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  position: absolute;
  display: none;
  background-color: #FFF;
  border: none;
  color: #275F99;
  text-align: left;
  border-radius: 6px;
  z-index: 9999;
  width: max-content;
  font-size: 14px;
  font-family: "Prompt", sans-serif;
}
#tooltip .suggestion-item {
  font-size: 12px;
  padding: 5px;
}
#tooltip .suggestion-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#tooltip .suggestion-item:hover {
  cursor: pointer;
  background: #1084ff;
  color: #fffdfb;
}
#tooltip .ignore-suggestion {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 5px;
  background-color: #f5f3f1;
  border-top: 1px solid #c5c3c1;
  color: #666667;
  text-align: center;
}
#tooltip .ignore-suggestion:hover {
  cursor: pointer;
  border-top: 1px solid #666667;
  background: #666667;
  color: #fffdfb;
}
#tooltip::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 15px;
  transform: translateX(-50%);
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #dcdcdc transparent;
}
#tooltip::before :hover {
  cursor: pointer;
}
#tooltip::after {
  content: "";
  position: absolute;
  top: -9px;
  left: 15px;
  transform: translateX(-50%);
  border-width: 0 9px 9px 9px;
  background-color: transparent;
  border-style: solid;
  border-color: transparent transparent #f9f5ee transparent;
  cursor: pointer;
}
#tooltip::after :hover {
  cursor: pointer;
}
#wrapper {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
#wrapper header {
  width: 100%;
}
#wrapper main {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  font-family: "Prompt", sans-serif;
  margin: 0;
  padding: 0;
}
:root input:focus,
:root button:focus,
:root textarea:focus {
  outline: none;
}
.screen-posts .tiny-description ul,
.screen-posts .tiny-description ol,
.screen-posts .tiny-description p,
.screen-posts .tiny-description div {
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.5em;
}
.screen-posts .tiny-description strong,
.screen-posts .tiny-description b {
  font-family: "Prompt-Bold", sans-serif;
  font-weight: 700;
}
.screen-posts .tiny-description ul,
.screen-posts .tiny-description ol {
  /*margin-top: -@preview-margin-bottom;*/
  padding-left: 30px;
}
#password-checker p {
  text-align: left;
  font-size: 14px;
  color: #636363;
  line-height: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#password-checker p span {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid gray;
  border-radius: 50%;
  margin-right: 4px;
}
#password-checker p span.matched {
  border-color: #4f7b27;
  position: relative;
}
#password-checker p span.matched::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 6px;
  background-image: url('../images/icons/password-check.svg');
  background-size: cover;
}
#password-checker p span.missing {
  border-color: #ff2600;
}
button {
  box-sizing: border-box;
}
ul {
  padding: 0;
  margin: 0;
}
div[contenteditable=true] ul {
  padding-left: 30px;
}
.uk-modal .uk-modal-dialog {
  max-width: 700px !important;
}
strong,
b {
  font-family: "Prompt-Bold", sans-serif;
  font-weight: 700;
}
.tiny-style p {
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #373737;
  line-height: 1.5em;
}
.tiny-style strong,
.tiny-style b {
  font-family: "Prompt-Bold", sans-serif;
  font-weight: 700;
  color: #373737;
  line-height: 1.5em;
}
.tiny-style ul,
.tiny-style ol {
  font-family: "Prompt", sans-serif;
  padding-left: 30px;
  font-size: 14px;
  color: #373737;
  line-height: 1.5em;
}
.under-table #pagination {
  position: absolute;
  left: 0;
}
#pagination {
  flex-wrap: nowrap;
  position: relative;
}
.tinymce p,
.mce-content-body p,
.tinymce div,
.mce-content-body div,
.tinymce br,
.mce-content-body br {
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #373737;
  line-height: 1.5em;
}
.tinymce strong,
.mce-content-body strong,
.tinymce b,
.mce-content-body b {
  font-family: "Prompt-Bold", sans-serif;
  font-weight: 700;
  color: #373737;
  line-height: 20px;
}
.tinymce ul,
.mce-content-body ul,
.tinymce ol,
.mce-content-body ol {
  font-family: "Prompt", sans-serif;
  padding-left: 30px;
  font-size: 14px;
  color: #373737;
  line-height: 1.5em;
  list-style-position: outside;
}
.tinymce ul,
.mce-content-body ul {
  list-style-type: disc;
}
.tinymce ol,
.mce-content-body ol {
  list-style-type: decimal;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.uk-button {
  border-color: #4f6074;
  border-radius: 8px;
  color: #4f6074;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  padding: 10px 10px;
  text-transform: none;
  width: 100%;
}
.uk-button.uk-button-default {
  background-color: #e2e5ed;
  border-color: #e2e5ed;
}
.uk-button.uk-button-default:hover,
.uk-button.uk-button-default:focus {
  background-color: #c3c9d9;
  border-color: #c3c9d9;
}
.uk-button.uk-button-primary {
  background-color: #4BB2FF;
  border-color: #4BB2FF;
  color: #ffffff;
}
.uk-button.uk-button-primary:hover,
.uk-button.uk-button-primary:focus {
  background-color: #008bf5;
  border-color: #008bf5;
}
.uk-button.disabled,
.uk-button:disabled {
  background-color: #fbfbfb;
  border-color: #fbfbfb;
  color: #a2a2a2;
  cursor: default;
}
.uk-button.disabled:hover,
.uk-button:disabled:hover {
  background-color: #fbfbfb;
  border-color: #fbfbfb;
  color: #a2a2a2;
}
@media (min-width: 640px) {
  .uk-button {
    font-size: 14px;
    padding: 10px 30px;
    width: auto;
  }
}
header {
  padding: 0 15px;
}
header .uk-dropdown {
  min-width: 100px !important;
  padding: 0 15px;
}
header .search-field {
  position: relative;
}
header .search-field .uk-input {
  border-radius: 8px;
  height: 32px;
  margin-top: 12px;
  max-width: 340px;
  padding-left: 30px;
}
header .search-field .uk-input:focus {
  border-color: #4BB2FF;
  border-width: 2px;
  box-shadow: 0 2px 8px rgba(133, 133, 133, 0.5);
}
header .search-field .uk-input:focus + span {
  color: #3A71C3;
}
header .search-field .uk-input:focus + span svg circle,
header .search-field .uk-input:focus + span svg path {
  stroke-width: 2;
}
header .search-field img {
  left: 10px;
  position: absolute;
  top: calc(12px + 8px);
  height: 17px;
  width: auto;
}
header#jobs {
  border-bottom: 5px solid transparent;
}
header#jobs.active {
  border-color: #7AC6FF;
}
header#jobs .jobs-tab {
  max-width: 290px;
}
header#jobs .jobs-tab .uk-dropdown {
  padding: 0;
}
header#jobs .jobs-tab .uk-dropdown li {
  border: none !important;
  height: auto !important;
}
header#jobs .jobs-tab .uk-dropdown li a {
  display: block;
  height: auto !important;
  padding: 5px 10px !important;
}
header#jobs .jobs-tab .uk-dropdown li a:hover {
  background: #FBFBFB;
}
header#jobs .jobs-tab ul:not(.uk-dropdown-nav) {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
header#jobs .jobs-tab ul:not(.uk-dropdown-nav) li {
  height: 30px;
}
header#jobs .jobs-tab ul:not(.uk-dropdown-nav) li div:not(.uk-dropdown) {
  align-items: center;
  display: flex;
  height: 30px;
}
header#jobs .jobs-tab ul:not(.uk-dropdown-nav) li a {
  color: #262727;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  opacity: 50%;
  padding: 0 11px;
  white-space: nowrap;
}
header#jobs .jobs-tab ul:not(.uk-dropdown-nav) li.active a {
  color: #000000;
  opacity: 100%;
}
header#jobs .jobs-tab ul:not(.uk-dropdown-nav) li:first-child a {
  padding-left: 10px;
}
header#jobs .jobs-tab ul:not(.uk-dropdown-nav) li:last-child a {
  padding-right: 10px;
}
header#jobs .jobs-tab ul:not(.uk-dropdown-nav) li:not(:last-child) a {
  border-right: 1px solid #275F99;
}
header#jobs .jobs-tab ul:not(.uk-dropdown-nav) li:last-child.active {
  background: #7AC6FF;
}
header#jobs .jobs-tab ul:not(.uk-dropdown-nav) li:last-child.active a {
  color: #000000;
  opacity: 100%;
}
header#jobs .uk-navbar-nav > li > span.avatar {
  margin-top: 10px;
}
header#jobs .uk-navbar-nav > li p {
  color: #262727;
  cursor: pointer;
  min-height: 60px;
}
header#jobs .uk-navbar-nav > li p span {
  line-height: 60px;
}
header#jobs .logo {
  height: 32px;
}
header .uk-navbar-nav > li > a {
  color: #262727;
  font-family: 'Prompt', sans-serif;
  font-size: 14px;
  font-weight: 500;
  min-height: 60px;
  position: relative;
  text-transform: none;
}
header .uk-navbar-nav > li > a.active::before {
  background-color: #4BB2FF;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 8px;
  left: -10px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}
header .uk-navbar-nav > li > span {
  display: block;
}
header .uk-navbar-nav > li > span.avatar {
  color: #FFFFFF;
  background: #9D779C center center;
  background-size: cover;
  border: 2px solid #979797;
  border-radius: 100%;
  box-sizing: border-box;
  cursor: pointer;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 32px;
  height: 36px;
  text-align: center;
  width: 36px;
}
header .uk-navbar-nav > li p {
  color: #262727;
  cursor: pointer;
  min-height: 60px;
}
header .uk-navbar-nav > li p span {
  line-height: 60px;
}
header .logo {
  height: 32px;
}
.uk-offcanvas-overlay:not(.uk-open) {
  width: calc(100% - 80px);
}
.uk-offcanvas-overlay:before {
  position: fixed;
}
.uk-offcanvas-overlay .uk-offcanvas-bar {
  background-color: #FBF9F3;
  color: #262727;
  width: calc(100% - 60px);
}
.uk-offcanvas-overlay .uk-offcanvas-bar .uk-nav > li > a {
  color: #262727;
  font-family: 'Prompt', sans-serif;
  font-weight: 500;
  font-size: 14px;
}
.uk-offcanvas-overlay .uk-offcanvas-bar .uk-nav > li > a > span {
  display: block;
}
.uk-offcanvas-overlay .uk-offcanvas-bar .uk-nav > li > a > span.avatar {
  background: #9D779C center center;
  background-size: cover;
  border: 2px solid #979797;
  box-sizing: border-box;
  border-radius: 100%;
  color: #FFFFFF;
  cursor: pointer;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: normal;
  height: 34px;
  line-height: 30px;
  text-align: center;
  width: 34px;
}
@media (min-width: 640px) {
  header .uk-navbar-nav > li > a {
    min-height: 60px;
  }
  header .uk-navbar-nav > li p {
    min-height: 60px;
  }
  header .uk-navbar-nav > li p span {
    line-height: 60px;
  }
  header .logo {
    height: 34px;
    margin-top: 12px;
  }
}
@media (min-width: 960px) {
  header .logo {
    height: 42px;
    margin-top: 10px;
  }
  header .search-field .uk-input {
    width: 290px;
  }
  header#jobs .jobs-tab {
    width: 290px;
    display: flex;
    justify-content: flex-end;
  }
  header#jobs .uk-navbar-nav {
    height: 74px;
  }
  header#jobs .uk-navbar-nav .uk-navbar-left {
    height: 60px;
  }
  header#jobs .uk-navbar-nav .uk-navbar-right {
    height: 60px;
  }
  header#jobs .logo {
    height: 42px;
  }
}
.navigation-container {
  box-sizing: border-box;
  background-color: #275F99;
  font-family: 'Prompt', sans-serif;
  font-size: 12px;
  height: 36px;
  line-height: 18px;
  overflow-x: auto;
  width: 100%;
}
.navigation-container::-webkit-scrollbar {
  background-color: transparent;
  height: 0;
  width: 0;
}
.navigation-list {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation-list li {
  background-color: #FFFFFF;
  border-right: 2px #FFFFFF;
  white-space: nowrap;
}
.navigation-list li a {
  background-color: #4BB2FF;
  border-right: 2px solid #FFFFFF;
  color: #FFFFFF;
  display: block;
  padding: 9px 22px;
  text-decoration: none;
  font-size: 14px;
}
.navigation-list li.forbidden a {
  background: #4188BD;
  pointer-events: none;
}
.navigation-list li a.back {
  min-width: 181px;
  background-color: #275F99;
  border-top: 2px solid #275F99;
  color: #FFFFFF;
  padding: 7px 22px 9px 26px;
  position: relative;
  height: 100%;
}
.navigation-list li a.back img {
  position: absolute;
  top: 10.5px;
  left: 12px;
  height: 10px;
  width: auto;
}
.navigation-list li a.back span {
  display: flex;
  justify-content: center;
}
.navigation-list li a.active {
  background-color: #FFFFFF;
  border-top: 2px solid #4BB2FF;
  color: #000000;
  padding: 7px 22px 9px 22px;
  position: relative;
}
.navigation-list li a:hover {
  background-color: #275F99;
  color: #FFFFFF;
}
#zoom {
  position: absolute;
  bottom: 10px;
  right: 65px;
  display: flex;
  flex-direction: row;
}
#zoom img {
  margin-right: 10px;
  height: 15px;
  width: auto;
  cursor: pointer;
}
.welcome-wrapper {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 80px);
}
.welcome-wrapper h1 {
  color: #1f3d60;
  font-family: "Prompt", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.14px;
}
.welcome-wrapper a {
  color: blue;
  font-family: "Prompt", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.welcome-wrapper h3 {
  color: #1f3d60;
  font-family: "Prompt", sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.welcome-wrapper p {
  color: #000000;
  font-family: "Prompt", sans-serif;
  font-size: 13px;
}
.custom-padding {
  height: 100%;
  padding: 20px 15px;
}
.banner-photo .mobile-banner h1 {
  color: #1D386A;
  font-family: 'Prompt-Bold', sans-serif;
  font-weight: 700;
  font-size: 25px;
  padding-bottom: 0;
}
.banner-photo img {
  height: auto;
  width: 100%;
}
.banner-photo .text {
  position: absolute;
  top: 10%;
  padding-left: 50px;
}
.banner-photo .text h1 {
  font-family: 'Prompt-Bold', sans-serif;
  font-weight: 700;
}
.banner-photo .text p {
  font-size: 12px;
}
.banner-photo h1,
.banner-photo p {
  color: white;
  padding-bottom: 30px;
}
.banner-photo .start-button {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}
.start-button {
  padding: 20px 0;
}
.start-button a,
.start-button > span {
  background: #29a0ff;
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  color: white;
  font-family: "Prompt", sans-serif;
  font-size: 16px;
  padding: 10px 20px;
  width: auto;
  cursor: pointer;
}
.start-button a span,
.start-button > span span {
  color: #3fffa8;
}
.start-button a span svg,
.start-button > span span svg {
  height: 25px;
  width: 25px;
}
.status-dot::first-letter {
  position: relative;
  z-index: 100;
}
.status-dot::before {
  border: 1px solid white;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 7px;
  left: -1px;
  position: absolute;
  top: 0;
  width: 7px;
  z-index: 100;
}
.red::before {
  background-color: #FF4343;
}
.yellow::before {
  background-color: #E3AF17;
}
.two-line-text {
  display: -webkit-box;
  height: 36px;
  margin-left: calc(10% - 5px);
  overflow: hidden;
  padding-left: 5px;
  position: relative;
  width: 80%;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.bottom-wrapper {
  display: flex;
  flex-direction: row;
}
.bottom-wrapper h3 {
  color: #000000;
  font-weight: bold;
}
.bottom-wrapper .collaborate-wrapper {
  height: 100%;
}
.bottom-wrapper .collaborate-wrapper .collaboration-schema div:first-child {
  margin-right: 60px;
}
.bottom-wrapper .collaborate-wrapper .collaboration-schema p {
  color: #484848;
  font-size: 13px;
  margin-bottom: 15px;
}
.bottom-wrapper .collaborate-wrapper .collaboration-schema img {
  height: 42px;
  width: 42px;
}
.bottom-wrapper .counts {
  justify-content: center;
  padding-top: 10px;
}
.bottom-wrapper .counts > div {
  margin-right: 10px;
}
.bottom-wrapper .counts > div h3 {
  color: #427bfe;
  font-family: 'Prompt-SemiBold', sans-serif;
  font-size: 18px;
  font-weight: 600;
}
.bottom-wrapper .counts > div p {
  color: #949494;
  font-family: 'Prompt', sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.bottom-wrapper .updates-wrapper {
  height: 100%;
}
.bottom-wrapper .updates-wrapper table {
  border-collapse: collapse;
  width: 100%;
  color: #000000;
}
.bottom-wrapper .updates-wrapper table tr {
  height: 52px;
}
.bottom-wrapper .updates-wrapper table tr td:nth-child(1) {
  font-family: 'Prompt', sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 19px;
  width: 40%;
}
.bottom-wrapper .updates-wrapper table tr td:nth-child(2) {
  font-family: 'Prompt', sans-serif;
  font-size: 12px;
  width: 60%;
}
.bottom-wrapper .updates-wrapper table td {
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
}
.bottom-wrapper .updates-wrapper a {
  margin-top: 20px;
  color: #427bfe;
}
.bottom-wrapper .analytics-wrapper {
  height: 100%;
}
.bottom-wrapper .analytics-wrapper p {
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
}
.bottom-wrapper .analytics-wrapper table {
  border-collapse: collapse;
  width: 100%;
}
.bottom-wrapper .analytics-wrapper table tr {
  height: 34px;
}
.bottom-wrapper .analytics-wrapper table tr td {
  border-left: 1px solid #A0A0A0;
  border-right: 1px solid #A0A0A0;
  color: #000000;
  font-family: 'Prompt', sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}
.bottom-wrapper .analytics-wrapper table tr td span {
  color: #3B709A;
  float: right;
  font-family: 'Prompt', sans-serif;
  font-size: 12px;
  line-height: 21px;
}
.bottom-wrapper .analytics-wrapper table td {
  border-bottom: 1px solid #A0A0A0;
  border-top: 1px solid #A0A0A0;
}
.bottom-wrapper .analytics-wrapper a {
  margin-top: 20px;
  color: #427bfe;
}
@media (max-width: 960px) {
  .collaboration-schema {
    margin: 20px 0;
  }
  .updates-wrapper table {
    margin: 20px 0;
  }
  .analytics-wrapper p {
    font-size: 15px;
    padding: 10px 0;
  }
  .analytics-wrapper table {
    margin-bottom: 20px;
  }
}
@media (min-width: 640px) {
  .welcome-wrapper h1 {
    font-size: 24px;
  }
  .welcome-wrapper h3 {
    font-size: 13px;
  }
  .welcome-wrapper p {
    font-size: 15px;
  }
  .custom-padding {
    padding: 0 30px;
  }
  .bottom-wrapper .counts {
    justify-items: baseline;
  }
  .custom-padding {
    padding: 30px;
  }
}
@media (min-width: 780px) {
  h3 {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .banner-photo .text {
    position: absolute;
    top: 10%;
    padding-left: 50px;
  }
  .banner-photo .text p {
    font-size: 18px;
  }
  .banner-photo h1,
  .banner-photo p {
    color: white;
    padding-bottom: 30px;
  }
  .banner-photo .start-button {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
  }
  .fix-padding {
    padding-top: 0;
  }
  .welcome-wrapper h1 {
    font-size: 38px;
  }
  .welcome-wrapper h3 {
    font-size: 17px;
  }
  .welcome-wrapper p {
    font-size: 18px;
  }
  .custom-padding {
    padding: 0 30px;
  }
  .add-border {
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
  }
  .bottom-wrapper {
    flex-grow: 1;
    margin-bottom: 20px;
    margin-top: 30px;
  }
  .bottom-wrapper .collaborate-wrapper .collaboration-schema {
    margin: 20px 0;
  }
  .bottom-wrapper .collaborate-wrapper .collaboration-schema img {
    height: 60px;
    width: 60px;
  }
  .bottom-wrapper .counts {
    justify-content: flex-start;
  }
  .bottom-wrapper .updates-wrapper table {
    margin-top: 25px;
  }
  .bottom-wrapper .analytics-wrapper p {
    margin: 15px 0;
    font-size: 13px;
  }
  .bottom-wrapper .analytics-wrapper table {
    width: 90%;
  }
}
@media (min-width: 1600px) {
  .start-button {
    padding: 20px 0;
  }
  .start-button a {
    font-size: 18px;
    padding: 12px 20px;
  }
  .welcome-wrapper a {
    font-size: 14px;
  }
  .welcome-wrapper h1 {
    font-size: 42px;
  }
  .welcome-wrapper h3 {
    font-size: 24px;
  }
  .welcome-wrapper p {
    font-size: 24px;
  }
  .custom-padding {
    padding: 10px 60px;
  }
  .two-line-text {
    height: 44px;
  }
  .bottom-wrapper .collaborate-wrapper .collaboration-schema p {
    font-size: 15px;
  }
  .bottom-wrapper .counts > div h3 {
    font-size: 22px;
  }
  .bottom-wrapper .counts > div p {
    font-size: 16px;
  }
  .bottom-wrapper .updates-wrapper table {
    margin-top: 40px;
  }
  .bottom-wrapper .updates-wrapper table tr {
    height: 64px;
  }
  .bottom-wrapper .updates-wrapper table tr td:nth-child(1) {
    font-size: 16px;
  }
  .bottom-wrapper .updates-wrapper table tr td:nth-child(2) {
    font-size: 14px;
  }
  .bottom-wrapper .analytics-wrapper p {
    font-size: 18px;
    margin: 20px 0;
  }
  .bottom-wrapper .analytics-wrapper table tr {
    height: 44px;
  }
  .bottom-wrapper .analytics-wrapper table tr td {
    font-size: 16px;
  }
  .bottom-wrapper .analytics-wrapper table tr td span {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 2560px) {
  .start-button {
    padding: 25px 0;
  }
  .start-button a {
    font-size: 22px;
    padding: 14px 20px;
  }
  .welcome-wrapper a {
    font-size: 18px;
  }
  .welcome-wrapper h1 {
    font-size: 48px;
  }
  .welcome-wrapper h3 {
    font-size: 28px;
  }
  .welcome-wrapper p {
    font-size: 26px;
  }
  .custom-padding {
    padding: 10px 100px;
  }
  .two-line-text {
    height: 50px;
  }
  .bottom-wrapper .collaborate-wrapper .collaboration-schema p {
    font-size: 18px;
  }
  .bottom-wrapper .counts > div h3 {
    font-size: 28px;
  }
  .bottom-wrapper .counts > div p {
    font-size: 20px;
  }
  .bottom-wrapper .updates-wrapper table {
    margin-top: 40px;
  }
  .bottom-wrapper .updates-wrapper table tr {
    height: 98px;
  }
  .bottom-wrapper .updates-wrapper table tr td:nth-child(1) {
    font-size: 20px;
  }
  .bottom-wrapper .updates-wrapper table tr td:nth-child(2) {
    font-size: 18px;
  }
  .bottom-wrapper .analytics-wrapper p {
    margin: 26px 0;
    font-size: 26px;
  }
  .bottom-wrapper .analytics-wrapper table tr {
    height: 64px;
  }
  .bottom-wrapper .analytics-wrapper table tr td {
    font-size: 22px;
  }
  .bottom-wrapper .analytics-wrapper table tr td span {
    font-size: 20px;
    line-height: 33px;
  }
}
.uk-input {
  border: 1px solid #D0D0D0;
  border-radius: 3px;
  font-family: 'Prompt', 'sans-serif';
  font-size: 13px;
  resize: none;
  width: 100%;
}
.mb-25 {
  margin-bottom: 25px;
}
.file-input-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}
.file-input-wrapper label {
  cursor: pointer;
  color: #333333;
  font-family: 'Prompt', 'sans-serif';
  font-size: 14px;
  font-weight: 500;
}
.file-input-wrapper label :hover {
  cursor: pointer;
}
#quality-form .select2-container,
#company-form .select2-container,
#profile-form .select2-container {
  box-sizing: border-box;
  width: 100% !important;
  background-color: white;
  border-radius: 3px;
  height: 40px;
  margin-bottom: 25px;
  border: 1px solid #d6d6d6;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 500;
  font-family: 'Prompt-Medium', sans-serif;
  color: #666666;
  resize: none;
}
#quality-form .select2-container .select2-selection,
#company-form .select2-container .select2-selection,
#profile-form .select2-container .select2-selection {
  border: none;
  outline: none;
}
#quality-form .select2-container--open,
#company-form .select2-container--open,
#profile-form .select2-container--open {
  border-top: 2px solid #4BB2FF;
  border-left: 2px solid #4BB2FF;
  border-right: 2px solid #4BB2FF;
  border-bottom: white;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-sizing: border-box;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  font-family: "Prompt", sans-serif;
  color: #666666;
  font-size: 13px;
  font-weight: 500;
}
input[type="file"]::-webkit-file-upload-button {
  display: none;
}
.field-errors .uk-form-label {
  color: red;
}
.uk-form-label.error-required {
  color: red;
}
.uk-textarea {
  border: 1px solid #D0D0D0;
  border-radius: 3px;
  font-family: 'Prompt', 'sans-serif';
  font-size: 14px;
  resize: none;
  width: 100%;
}
body:not(.screen-reset_password) form .required::after {
  color: red;
  content: ' *';
  font-weight: 700;
}
input {
  color: black;
  font-family: 'Prompt', 'sans-serif';
  position: relative;
}
.uk-form-label {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  font-family: 'Prompt', 'sans-serif';
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px !important;
}
.field-error {
  color: red;
  font-size: 10px;
  margin: -23px 0 5px 0;
  position: absolute;
}
.spread-checkboxes label {
  cursor: pointer;
  display: block;
  font-size: 14px;
}
.spread-checkboxes label .uk-checkbox {
  border-radius: 3px;
  margin: 10px 5px 10px 0;
}
.spread-checkboxes label .uk-checkbox:disabled:checked {
  background-color: #e2e5ed;
  border-color: #e2e5ed;
  color: #a2a2a2;
}
.radio-label {
  cursor: pointer;
  display: block;
  font-size: 14px;
}
.flatpickr-input {
  border: 1px solid #D0D0D0;
  border-radius: 3px;
  color: gray;
  font-size: 13px;
  font-family: 'Prompt', 'sans-serif';
  height: 40px;
  margin-bottom: 25px !important;
  padding: 0 10px;
  resize: none;
  width: 100%;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #275F99 !important;
}
.flatpickr-calendar {
  border-radius: 3px !important;
}
.flatpickr-months,
.flatpickr-weekdays {
  background: #275F99 !important;
  color: #FFFFFF !important;
}
.flatpickr-months input,
.flatpickr-weekdays input,
.flatpickr-months select,
.flatpickr-weekdays select {
  color: #FFFFFF !important;
}
.flatpickr-months svg,
.flatpickr-weekdays svg {
  fill: white;
}
.flatpickr-months .arrowUp:after,
.flatpickr-weekdays .arrowUp:after {
  border-bottom-color: #FFFFFF !important;
}
.flatpickr-months .arrowDown:after,
.flatpickr-weekdays .arrowDown:after {
  border-top-color: #FFFFFF !important;
}
.flatpickr-weekday {
  color: #FFFFFF !important;
}
.reset-button {
  background: #FFFFFF;
  border-radius: 100%;
  border: 1px solid #a2a2a2;
  position: absolute;
  right: 10px;
  top: 10px;
}
.reset-button :hover {
  cursor: pointer;
}
.reset-button span {
  color: #a2a2a2;
  fill: #a2a2a2;
  height: 15px;
  padding: 2px;
  width: 15px;
}
@media (min-width: 640px) {
  .uk-button {
    padding: 10px 30px;
    width: auto;
  }
}
#help_text_form input {
  width: 100%;
}
#help_text_form input[readonly] {
  background: transparent;
  border: none;
  color: #070707;
  font-family: 'Prompt', 'sans-serif';
  font-size: 14px;
  max-width: 340px;
  resize: none;
  padding-left: 0;
}
#help_text_form .uk-form-label {
  color: #070707;
  font-size: 11px;
  resize: none;
  font-family: 'Prompt', 'sans-serif';
  margin-bottom: 0 !important;
  line-height: 40px;
}
#help_text_form .uk-checkbox {
  border-radius: 3px;
  border: 1px solid #d0d0d0;
  height: 15px;
  width: 15px;
  background-color: #ffffff;
}
#help_text_form .uk-checkbox:checked {
  background-color: #ffffff;
  border-color: #000000;
  background-image: url('../images/icons/checkmark.svg');
}
#help_text_form .tinymce {
  background: #ffffff;
  border: 2px solid #E3E3E3;
  border-radius: 3px;
  width: 100%;
  height: 160px;
  overflow-y: auto;
  padding: 16px;
}
#help_text_form .tinymce:focus {
  border-color: #0e6dcd;
  outline: none;
}
#help_text_form .tinymce:focus-visible {
  border-color: #0e6dcd;
  outline: none;
}
#help_text_form .tinymce p {
  font-size: 14px;
  color: black;
  margin-bottom: 16px;
  font-family: "Prompt", sans-serif;
}
#help_text_form .tinymce p input {
  height: 100%;
  width: 100%;
}
#help_text_form .tinymce em {
  color: inherit !important;
}
#help_text_form .tinymce strong,
#help_text_form .tinymce b {
  font-family: "Prompt Bold", sans-serif;
  font-weight: 600;
}
#help_text_form .holder {
  position: absolute;
  right: -2px;
  top: -46px;
}
.false-label {
  font-size: 12px;
  color: #878686;
}
#jobDetailsForm {
  /*
    .button-wrapper .incomplete-button::before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        background-image: url('../images/icons/green-arrow.svg');
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    .button-wrapper .completed-button::after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 16px;
        background-image: url('../images/icons/checkmark-green.svg');
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 10px;
    }
    */
}
.input-container {
  position: relative;
  width: 100%;
  height: 43px;
  margin-bottom: 7px;
  transition: width 0.3s ease;
}
.input-container.expanded {
  width: 150%;
}
.input-container.error .select2-container {
  border-color: red;
}
.input-container .select2-container {
  width: 100% !important;
}
.input-container input[type="text"],
.input-container input[type="password"],
.input-container input[type="email"],
.input-container .select2-container,
.input-container div.tinymce {
  width: 100%;
  background: white;
  border-radius: 8px;
  height: 100%;
  border: 1px solid #d6d6d6;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Prompt-Medium', sans-serif;
  color: #676767;
  resize: none;
  outline: none;
}
.input-container input[type="text"]:focus,
.input-container input[type="password"]:focus,
.input-container input[type="email"]:focus,
.input-container .select2-container:focus,
.input-container div.tinymce:focus,
.input-container input[type="text"].not-empty,
.input-container input[type="password"].not-empty,
.input-container input[type="email"].not-empty,
.input-container .select2-container.not-empty,
.input-container div.tinymce.not-empty {
  padding-top: 20px;
}
.input-container input[type="text"]:focus + label,
.input-container input[type="password"]:focus + label,
.input-container input[type="email"]:focus + label,
.input-container .select2-container:focus + label,
.input-container div.tinymce:focus + label,
.input-container input[type="text"].not-empty + label,
.input-container input[type="password"].not-empty + label,
.input-container input[type="email"].not-empty + label,
.input-container .select2-container.not-empty + label,
.input-container div.tinymce.not-empty + label {
  font-size: 10px;
  top: 5px;
}
.input-container input[type="text"]:focus,
.input-container input[type="password"]:focus,
.input-container input[type="email"]:focus,
.input-container .select2-container:focus,
.input-container div.tinymce:focus {
  border-color: #4BB2FF;
  border-width: 2px;
}
.input-container input[type="text"].error,
.input-container input[type="password"].error,
.input-container input[type="email"].error,
.input-container .select2-container.error,
.input-container div.tinymce.error {
  border-color: red;
}
.input-container .password-toggle {
  height: 20px;
  width: auto;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.input-container .tinymce::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.input-container .tinymce::-webkit-scrollbar {
  width: 6px;
  border-radius: 10px;
}
.input-container .tinymce {
  overflow-y: hidden;
  position: relative;
  transition: height 0.3s ease;
  z-index: 3;
  scrollbar-width: thin;
}
.input-container .tinymce p,
.input-container .tinymce div,
.input-container .tinymce ul,
.input-container .tinymce ol {
  font-size: 14px;
  line-height: 1.5em;
  color: #676767;
  margin-bottom: 15px;
}
.input-container .tinymce ul,
.input-container .tinymce ol {
  margin-top: -15px;
}
.input-container .tinymce + label {
  z-index: 3;
}
.input-container .tinymce:focus {
  overflow-y: scroll;
  position: relative;
  height: 320px;
  z-index: 3;
  outline: none;
}
.input-container .tinymce:focus + label {
  z-index: 3;
}
.input-container .select2-container--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  border-top: 2px solid #4BB2FF;
  border-left: 2px solid #4BB2FF;
  border-right: 2px solid #4BB2FF;
}
.input-container .uk-select:not([multiple]):not([size]) {
  height: 100%;
}
.input-container .select2-container .selection .select2-selection--single {
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
}
.input-container .select2-container .selection .select2-selection--single .select2-selection__renderer {
  color: #676771;
  font-size: 14px;
  line-height: unset;
  padding-left: 0;
}
.input-container #doneButton {
  position: absolute;
  display: none;
  right: 10px;
  bottom: 10px;
  background: #FF5643;
  color: white;
  border-radius: 22px;
  height: 31px;
  font-size: 14px;
  font-weight: 1000;
  line-height: 17px;
  padding: 7px 10px;
  cursor: pointer;
  z-index: 7;
}
.input-container #doneButton:disabled {
  opacity: 55%;
  cursor: not-allowed;
}
.input-container label {
  position: absolute;
  top: 12px;
  left: 12px;
  width: calc(100% - 36px);
  font-size: 12px;
  color: #878686;
  background: white;
  display: flex;
  align-items: center;
  cursor: text;
  transition: top 0.3s ease, font-size 0.3s ease;
  pointer-events: none;
}
.input-container label[for='job_details_jobDescription'] {
  width: calc(100% - 24px);
}
.checkbox-image-label {
  position: relative;
  display: flex;
  justify-content: left;
  gap: 5px;
  cursor: pointer;
  font-family: "Prompt", sans-serif;
  font-size: 12px;
  line-height: 14px;
  padding-left: 5px;
  min-width: 220px;
  max-width: 50%;
}
.checkbox-image-label.share {
  max-width: 100%;
}
.checkbox-image-label input {
  display: none;
}
.checkbox-image-label img {
  min-width: 13px;
  height: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}
.max-z-index {
  z-index: 9999;
}
@media (min-width: 960px) {
  .input-container .holder {
    position: absolute;
    background: none;
    border: none;
    top: -43px;
    right: 0;
    z-index: 100;
    width: 420px;
  }
  .input-container #doneButton {
    /*bottom: -270px;*/
  }
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #676767;
  line-height: unset;
  padding-top: 4px;
  font-family: "Prompt", sans-serif;
}
.select2-results {
  border: none;
  border-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.select2-results .select2-results__options li:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.select2-results__option {
  padding: 6px 8px;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  min-height: 32px;
  color: #676767;
  border: none;
}
.select2-container--default .select2-results__option--selected {
  background-color: #e9f6ff;
  color: black;
  font-weight: 600;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #e9f6ff;
  color: black;
}
.select2-dropdown {
  border: 2px solid #4BB2FF;
  border-radius: 8px;
}
.select2-dropdown.error {
  border-color: red;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}
.move-label-up {
  font-size: 10px !important;
  top: 5px !important;
}
.stats-form .delete-button {
  position: absolute;
  right: 0;
  bottom: -30px;
  font-size: 14px;
  font-family: 'Prompt', 'sans-serif';
  background: white;
  padding: 5px 10px;
  border: 1px solid gray;
}
.stats-form .delete-button:hover {
  cursor: pointer;
  background: lightgray;
}
.stats-form .stats-add {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 130px;
}
.stats-form .stats-add:hover {
  cursor: pointer;
}
.stats-form .graph-holder {
  position: relative;
}
.stats-form .custom-width,
.stats-form .date-border {
  width: calc((100vw - 50px) / 2) !important;
}
.stats-form .export-stats {
  background-color: transparent;
  font-size: 12px;
  line-height: 12px;
  margin-left: auto;
}
.stats-form .export-stats:before {
  background: url("/assets/theme/images/icons/export.svg") no-repeat scroll center center transparent;
  content: "";
  display: block;
  height: 12px;
  float: left;
  margin-right: 5px;
  width: 10px;
}
@media (min-width: 640px) {
  .stats-form .custom-width {
    width: 150px !important;
  }
  .stats-form .custom-width.status {
    width: 210px !important;
  }
  .stats-form .custom-width.language {
    width: 140px !important;
  }
  .stats-form .custom-width.cumulation {
    width: 130px !important;
  }
  .stats-form .custom-width.frequency {
    width: 100px !important;
  }
  .stats-form .date-border {
    width: 170px !important;
  }
  .stats-form .type-choice {
    width: 130px !important;
  }
}
.stats-form .content-group > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.stats-form .content-group > div > div {
  margin-right: 10px;
}
.stats-form .uk-input {
  box-sizing: border-box;
  background-color: white;
  border-radius: 0;
  border: 1px solid #cecece;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
  height: 28px;
  font-family: 'Prompt-Medium', sans-serif;
  color: #000;
  resize: none;
}
.stats-form .uk-input:focus {
  border-color: #cecece;
}
.stats-form .gray-border {
  border: 1px solid #cecece;
  border-radius: 3px;
}
.stats-form .select-border > span {
  border: 1px solid #cecece;
  border-radius: 3px;
}
.stats-form .date-border label {
  font-family: 'Prompt-Medium', sans-serif;
  color: #000;
  background-color: white;
  height: 30px;
  border-left: 1px solid #cecece;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.stats-form .date-border input {
  height: 30px;
  border-right: 1px solid #cecece;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  border-left: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.stats-form .hidden {
  display: none;
}
.stats-form .select2-container {
  box-sizing: border-box;
  width: 100% !important;
  background-color: white;
  border-radius: 0;
  border: none;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
  font-family: 'Prompt-Medium', sans-serif;
  color: #000;
  resize: none;
}
.stats-form .select2-container .select2-selection {
  border: none;
}
.stats-form .select2-container--open {
  border: none;
  box-sizing: border-box;
}
.stats-form .date-label {
  font-size: 13px;
  font-family: 'Prompt-Medium', sans-serif;
  color: #000;
  line-height: 28px;
  background: white;
  padding-left: 5px;
}
.stats-form .flatpickr-input {
  border-top: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  border-left: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #000;
  font-size: 13px;
  font-family: 'Prompt-Medium', sans-serif;
  height: 30px;
  margin-bottom: 0 !important;
  padding: 0 12px;
  resize: none;
  width: 100%;
}
.screen-stats .select2-dropdown,
.screen-stats2 .select2-dropdown {
  border: none;
}
.screen-stats .select2-container--default .select2-selection--single .select2-selection__rendered,
.screen-stats2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
}
.screen-stats .select2-results__option,
.screen-stats2 .select2-results__option {
  padding: 0 12px;
  font-size: 14px;
  height: unset;
  color: #000;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.screen-stats .select2-container--default,
.screen-stats2 .select2-container--default {
  color: #000;
}
.screen-stats .select2-container--default .select2-results__option--selected,
.screen-stats2 .select2-container--default .select2-results__option--selected {
  background-color: white;
  color: #000;
}
.screen-stats .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.screen-stats2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: lightgray;
  color: #000;
}
.screen-stats .select2-container--default .select2-selection--single .select2-selection__arrow,
.screen-stats2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}
.filter-search .select2-container,
#users .select2-container,
#content-library .select2-container {
  box-sizing: border-box;
  width: 100% !important;
  background-color: white;
  border-radius: 8px;
  height: 100%;
  border: 1px solid #d6d6d6;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 500;
  font-family: 'Prompt-Medium', sans-serif;
  color: #666666;
  resize: none;
}
.filter-search .select2-container .select2-selection,
#users .select2-container .select2-selection,
#content-library .select2-container .select2-selection {
  border: none;
}
.filter-search .select2-container--open,
#users .select2-container--open,
#content-library .select2-container--open {
  border-top: 2px solid #4BB2FF;
  border-left: 2px solid #4BB2FF;
  border-right: 2px solid #4BB2FF;
  border-bottom: white;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-sizing: border-box;
}
#companySelectionForm .select2-container {
  padding: 12px;
}
body {
  position: relative;
}
.heading {
  padding: 20px;
}
.heading .uk-button {
  margin-bottom: 10px;
  max-width: 360px;
  width: 100%;
}
.heading .uk-button.uk-button-primary {
  background-color: #4BB2FF;
  border-color: #4BB2FF;
}
.heading .uk-button.uk-button-primary:hover,
.heading .uk-button.uk-button-primary:focus {
  background-color: #008bf5;
  border-color: #008bf5;
}
.heading .filter-search.large {
  max-width: 100%;
  width: 100%;
}
.heading .filter-search .uk-input {
  border-radius: 3px;
  margin: 0;
}
.heading .filter-search .uk-select {
  border-radius: 3px;
  margin: 0;
  height: 40px;
}
.heading .export {
  line-height: 40px;
  margin-bottom: 10px;
}
.heading .export a {
  color: #000000;
  font-size: 12px;
}
.heading .export button {
  background: transparent;
}
.heading .export img {
  margin-right: 5px;
}
.table-wrapper {
  flex: 1;
  position: relative;
  width: 100%;
  overflow: auto;
  border-top: 1px solid grey;
}
.table-wrapper .uk-table {
  margin-top: 0 !important;
}
.table-wrapper #add-member {
  height: calc(100% - 100px);
  overflow: auto;
}
#add-member {
  height: calc(100% - 100px);
  overflow: auto;
}
.table-wrapper::-webkit-scrollbar,
#add-member::-webkit-scrollbar {
  background-color: #D1D1D1;
  bottom: 0;
  height: 14px;
  position: sticky;
  width: 100%;
}
.table-wrapper::-webkit-scrollbar-thumb,
#add-member::-webkit-scrollbar-thumb {
  background-color: #29a2ff;
  border-radius: 0;
}
.button-container {
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.uk-table {
  margin-bottom: 0 !important;
  width: 100%;
}
.uk-table thead {
  background-color: #f7f7f7;
  border-bottom: solid 1px #e4e4e4;
  position: sticky;
  top: 0;
  z-index: 3;
}
.uk-table thead tr {
  background-color: #f7f7f7;
}
.uk-table thead tr th {
  color: #4f6074;
  cursor: default;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 15px 15px 15px 15px;
  text-transform: none;
  white-space: nowrap;
}
.uk-table thead tr th.fix-width {
  width: 200px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uk-table thead tr th.language {
  max-width: 100px;
  width: 100px;
}
.uk-table thead tr th.sortable {
  cursor: pointer;
}
.uk-table thead tr th.sortable span {
  position: relative;
}
.uk-table thead tr th.sortable span:after {
  background: url('../images/icons/asc-gray.svg') no-repeat;
  background-size: cover;
  content: "";
  display: none;
  height: 5px;
  left: 100%;
  margin-left: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.uk-table thead tr th.sortable.active span:after {
  display: block;
}
.uk-table thead tr th.sortable.desc span:after {
  background: url('../images/icons/desc-gray.svg') no-repeat;
}
.uk-table thead tr th:first-child {
  padding-left: 20px;
}
.uk-table thead tr th:last-child {
  padding-right: 20px;
}
.uk-table thead tr th .delete-action {
  position: relative;
  display: inline-block;
}
.uk-table thead tr th .delete-action button,
.uk-table thead tr th .delete-action .button {
  background: none;
  border: none;
  font-size: 14px;
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  color: #222222;
}
.uk-table thead tr th .delete-action button:hover,
.uk-table thead tr th .delete-action .button:hover {
  cursor: pointer;
}
.uk-table thead tr th .delete-action .delete-options {
  position: absolute;
  top: 0;
  left: calc(100% + 10px);
  background-color: white;
  border: 1px solid #ccc;
  display: none;
  color: gray;
  z-index: 9999;
}
.uk-table thead tr th .delete-action .delete-options ul {
  list-style: none;
  padding: 0;
}
.uk-table thead tr th .delete-action .delete-options ul li {
  padding: 10px;
  cursor: pointer;
  background: white;
}
.uk-table thead tr th .delete-action .delete-options ul li a {
  color: gray;
  display: block;
  height: 100%;
  width: 100%;
}
.uk-table thead tr th .delete-action .delete-options ul li:hover {
  background: #FBFBFB;
  text-decoration: none;
}
.uk-table thead tr th .delete-action .delete-options.show {
  display: block;
}
.uk-table tfoot {
  background-color: #f7f7f7;
  border-top: solid 1px rgba(178, 178, 178, 0.33);
  height: 50px;
}
.uk-table tfoot td {
  background-color: #f7f7f7;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.uk-table tr {
  background-color: #FFFFFF;
  border-bottom: solid 1px #e4e4e4;
}
.uk-table tr:last-child {
  border-bottom: none;
}
.uk-table tr:focus {
  outline: none;
}
.uk-table td {
  color: gray;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 0;
  height: 53px;
}
.uk-table td:first-child {
  max-width: 250px;
  padding-left: 20px;
}
.uk-table td:last-child {
  padding-right: 20px;
}
.uk-table td.fix-width {
  width: 200px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uk-table td span {
  border: none;
  border-radius: 100%;
  height: 25px;
  width: 25px;
}
.uk-table td span > img.avatar {
  border-radius: inherit;
  height: inherit;
  width: inherit;
}
.uk-table td span.table-icon {
  height: 20px;
}
.uk-table td .uk-button {
  min-width: 56px;
  padding: 4px;
}
.uk-table td .uk-button.uk-button-primary {
  background-color: #4BB2FF;
  border-color: #4BB2FF;
}
.uk-table td .uk-button.uk-button-primary:hover,
.uk-table td .uk-button.uk-button-primary:focus {
  background-color: #008bf5;
  border-color: #008bf5;
}
.uk-table .hold-button {
  padding: 12px !important;
}
.uk-table .hold-avatar {
  line-height: 26.5px;
  padding: 13px 20px 13px 12px !important;
}
.uk-table .hold-avatar span {
  margin-right: 10px !important;
}
.uk-table.clickable tr {
  cursor: pointer;
}
.uk-table.clickable tr:hover {
  background-color: #FBFBFB;
}
.uk-tooltip {
  background-color: #FFFFFF;
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  color: #000000;
  font-family: 'Prompt', sans-serif;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  max-width: none;
}
@media (min-width: 640px) {
  .heading {
    padding: 20px 30px;
  }
  .heading .uk-button {
    margin: 0;
    width: auto;
  }
  .heading .export {
    margin-bottom: 0;
  }
  .heading .export p {
    color: #4F6074;
    font-size: 13px;
  }
  .heading .filter-search {
    max-width: 300px;
  }
  .heading .filter-search.large {
    max-width: 100%;
    width: 250px;
  }
  .table-wrapper #add-member {
    height: calc(100% - 120px);
    overflow: auto;
  }
  .uk-table thead tr th:first-child {
    padding-left: 30px;
  }
  .uk-table th:first-child {
    padding-left: 30px;
  }
  .uk-table th:last-child {
    padding-right: 30px;
  }
  .uk-table td:first-child {
    padding-left: 30px;
  }
  .uk-table td:last-child {
    padding-right: 30px;
  }
  .uk-table .hold-avatar {
    line-height: 26.5px;
    padding: 13px 15px !important;
  }
}
@media (min-width: 660px) {
  .heading .filter-search {
    max-width: 300px;
  }
  .heading .filter-search.large {
    max-width: 100%;
    width: 300px;
  }
}
#company .heading {
  border: none;
  padding: 20px;
}
#company .heading a {
  color: #4A4A4A;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}
#company .heading a img {
  height: 12px;
  width: auto;
  margin-right: 15px;
  margin-bottom: 4px;
}
#company .actions-wrapper {
  padding: 0 20px;
}
#company .deactivate {
  padding-bottom: 20px;
}
#company .main-content {
  padding: 30px 20px 20px 20px;
}
.non-form-value {
  color: black;
  font-family: 'Prompt', 'sans-serif';
  font-size: 14px;
  font-weight: 500;
  margin: 10px 0;
}
#company-form .uk-input,
#company-form .uk-select {
  margin-bottom: 25px;
}
#company-form .brands .brand-wrapper {
  position: relative;
}
#company-form .brands .brand-wrapper:first-child .brand-remove {
  display: none;
}
#company-form .brands .brand-add {
  font-size: 12px;
  cursor: pointer;
}
#company-form .brands .brand-add img {
  margin-right: 3px;
}
#company-form .brands .brand-remove {
  background: transparent;
  color: #3A71C3;
  cursor: pointer;
  position: absolute;
  left: -30px;
  top: 10px;
}
#company-form .brands .brand-remove:hover {
  color: #275F99;
}
@media (min-width: 640px) {
  #company .deactivate {
    padding-bottom: 0;
  }
  #company .actions-wrapper {
    padding: 0 40px;
  }
  #company .main-content {
    padding: 30px 60px 20px 60px;
  }
}
@media (min-width: 960px) {
  #company .actions-wrapper {
    padding: 0 20px;
  }
  #company .main-content {
    padding: 30px 20px 20px 20px;
  }
}
#users .order-1 {
  order: 2;
}
#users .order-2 {
  order: 1;
}
#users .order-3 {
  order: 3;
}
#users .heading {
  border-bottom: 1px solid black;
  padding: 20px;
}
#users .heading .link-back {
  padding: 20px 0;
}
#users .heading .link-back img {
  height: 12px;
  width: auto;
  margin-right: 15px;
  margin-bottom: 4px;
}
#users .heading a {
  color: #4A4A4A;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}
#users .heading .uk-form-label {
  color: gray;
  margin-bottom: 0 !important;
}
#users .heading .deactivate {
  margin: 15px 0;
}
#users .heading .permanent-delete {
  color: gray;
  font-size: 14px;
  line-height: 21px;
  margin: 15px 0;
}
#users .heading .permanent-delete img {
  height: 16px;
  margin-bottom: 4px;
  margin-right: 3px;
  width: 16px;
}
#users .main-content {
  padding: 30px 20px 20px 20px;
}
@media (min-width: 960px) {
  #users .order-1 {
    order: 1;
  }
  #users .order-2 {
    order: 2;
  }
  #users .order-3 {
    order: 3;
  }
}
.teams.heading,
.teams-add.heading {
  padding: 20px;
}
.teams.heading .link-back,
.teams-add.heading .link-back {
  color: #4A4A4A;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  padding: 20px 0;
  text-decoration: none;
}
.teams.heading .link-back img,
.teams-add.heading .link-back img {
  height: 12px;
  width: auto;
  margin-right: 15px;
  margin-bottom: 4px;
}
.teams.heading .uk-form-label,
.teams-add.heading .uk-form-label {
  color: gray;
  margin-bottom: 0 !important;
}
.teams.heading .permanent-delete,
.teams-add.heading .permanent-delete {
  color: gray;
  font-size: 14px;
  line-height: 21px;
  margin-top: 15px;
}
.teams.heading .permanent-delete img,
.teams-add.heading .permanent-delete img {
  height: 16px;
  margin-bottom: 4px;
  margin-right: 3px;
  width: 16px;
}
.teams.heading span,
.teams-add.heading span {
  color: #4BB2FF;
  font-size: 12px;
  margin: 10px 10px 5px 0;
}
.teams.heading .filter-search,
.teams-add.heading .filter-search {
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .teams.heading span,
  .teams-add.heading span {
    font-size: 12px;
    margin: 15px 15px 10px 30px;
  }
  .teams.heading .filter-search,
  .teams-add.heading .filter-search {
    margin-bottom: 0;
  }
}
#help-text .tab-nav-container {
  flex-wrap: nowrap;
  height: 32px;
  list-style: none;
  overflow-x: auto;
  padding: 0;
  position: relative;
  width: 100%;
}
#help-text .tab-nav-container .tab-nav-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
}
#help-text .tab-nav-container .tab-nav-list :last-child a {
  padding-left: 20px;
}
#help-text .tab-nav-container .tab-nav-list :first-child a {
  padding-right: 20px;
}
#help-text .tab-nav-container .tab-nav-list li:not(:last-child) {
  border-right: 1px solid #979797;
}
#help-text .tab-nav-container .tab-nav-list li a {
  color: #979797;
  font-family: 'Prompt', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  white-space: nowrap;
}
#help-text .tab-nav-container .tab-nav-list li.active a {
  color: black;
}
#bias_directory .heading a.link-back {
  color: #4A4A4A;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}
#bias_directory .heading a.link-back img {
  height: 12px;
  width: auto;
  margin-right: 15px;
  margin-bottom: 4px;
}
#bias_directory .heading .small-margin {
  margin-top: 10px;
}
#bias_directory .main-content {
  padding: 30px 20px 20px 20px;
}
#filters {
  padding: 20px;
}
#filters .content-languages .nav-languages {
  padding: 5px 0;
  font-size: 12px;
}
#filters .content-languages .nav-languages span {
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  color: #a9acb3;
}
#filters .content-languages .nav-languages span:last-child {
  margin-right: 0;
}
#filters .content-languages .nav-languages span:after {
  content: "";
  height: 1px;
  width: 0;
  background-color: #4f6074;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
#filters .content-languages .nav-languages span:hover {
  color: #505152;
}
#filters .content-languages .nav-languages span.active {
  color: #505152;
}
#filters .content-languages .nav-languages span.active:after {
  width: 100%;
}
@media (min-width: 640px) {
  #bias_directory .heading .small-margin {
    margin-top: 0;
  }
  #bias_directory .main-content {
    padding: 50px 0;
  }
  #filters {
    padding: 10px 30px;
  }
  #filters .content-languages .nav-languages {
    padding: 10px 0;
    font-size: 13px;
  }
  #filters .content-languages .nav-languages span {
    margin-right: 20px;
  }
}
#content-library .select2 {
  margin-left: 0;
}
#content-library textarea {
  margin-bottom: 20px;
}
#content-library .table-wrapper {
  min-height: calc(100vh - 60px - 36px - 115px - 112px);
}
#content-library .heading-link a {
  color: #a9acb3;
  font-size: 14px;
  padding: 9px 0;
  text-align: right;
}
#content-library .heading-link a:hover {
  color: black;
}
#content-library .filters {
  padding: 10px 20px;
}
#content-library .filters .filter-links {
  font-size: 12px;
  padding: 5px 0;
}
#content-library .filters .filter-links a {
  color: #a9acb3;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
}
#content-library .filters .filter-links a:last-child {
  margin-right: 0;
}
#content-library .filters .filter-links a:hover {
  color: #505152;
}
#content-library .filters .filter-links a.active {
  color: #505152;
}
#content-library .included {
  width: 50px;
}
#content-library .icon-button {
  padding-bottom: 11px;
  padding-top: 11px;
  width: 50px;
}
#content-library .icon-button button {
  background: transparent;
  border: none;
  float: right;
  height: 30px;
  width: 30px;
}
#content-library .icon-button button span {
  height: inherit;
  width: inherit;
}
#content-library .icon-button button span svg {
  height: 30px;
  padding: 5px;
  width: 30px;
}
#content-library .icon-button button:hover {
  cursor: pointer;
}
#content-library .icon-button button:focus {
  background: #9decff;
}
#content-library .uk-dropdown {
  padding: 5px;
  cursor: default;
}
#content-library .dropdown-content {
  overflow-y: auto;
}
#content-library .dropdown-content h3 {
  color: #376D98;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
  font-weight: bolder;
}
#content-library .dropdown-content .uk-checkbox {
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 3px;
  height: 18px;
  width: 18px;
}
#content-library .dropdown-content .uk-checkbox:checked {
  background-color: #ffffff;
  background-image: url('../images/icons/checkmark-gray.svg');
  border-color: #000000;
}
#content-library .dropdown-content .uk-checkbox:checked:disabled {
  border-color: gray;
  background-image: url('../images/icons/checkmark-grey.svg');
}
#content-library .dropdown-content .uk-checkbox:disabled {
  border-color: gray;
}
#content-library .dropdown-content .checkbox-holder {
  padding: 10px 0;
}
#content-library .dropdown-content .checkbox-holder.padding-fix-bottom {
  padding-bottom: 0;
}
#content-library .dropdown-content .checkbox-holder.padding-fix-top {
  padding-top: 0;
}
#content-library .dropdown-content .checkbox-holder :first-child p {
  color: #376D98;
  font-size: 10px;
  width: 50px;
}
#content-library .dropdown-content .checkbox-holder :not(:first-child) label {
  width: 50px;
}
#content-library .dropdown-content .checkbox-holder :not(:first-child) p {
  color: #1B4D74;
  font-size: 13px;
  line-height: 24px;
}
#content-library .translation-empty {
  font-size: 14px;
  margin: 8px 0 80px 0;
}
#content-library .content-area {
  position: relative;
  border-bottom: 1px solid #9c9b9b;
  padding: 35px 20px;
}
#content-library .content-area.bg-gray {
  background: #f7f7f7;
}
#content-library .content-area.no-border {
  border: none;
}
#content-library .content-area .content-group {
  margin-bottom: 35px;
  position: relative;
}
#content-library .content-area .delete-content-group {
  position: absolute;
  left: calc(100% - 55px);
  top: calc(100% + 10px);
  border-left: 1px solid #C3C2C2;
  padding-left: 10px;
  font-size: 14px;
  cursor: pointer;
}
#content-library .content-area .delete-content-group span {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}
#content-library .content-languages .nav-languages {
  padding: 5px 0;
  font-size: 12px;
}
#content-library .content-languages .nav-languages span {
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  color: #a9acb3;
}
#content-library .content-languages .nav-languages span:last-child {
  margin-right: 0;
}
#content-library .content-languages .nav-languages span:after {
  content: "";
  height: 1px;
  width: 0;
  background-color: #4f6074;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
#content-library .content-languages .nav-languages span:hover {
  color: #505152;
}
#content-library .content-languages .nav-languages span.active {
  color: #505152;
}
#content-library .content-languages .nav-languages span.active:after {
  width: 100%;
}
#content-library .add-content {
  color: #4f6074;
  display: inline-block;
  font-size: 13px;
  margin-top: 50px;
}
@media (min-width: 399px) {
  #content-library .table-wrapper {
    min-height: calc(100vh - 60px - 36px - 115px - 94px);
  }
}
@media (min-width: 422px) {
  #content-library .table-wrapper {
    min-height: calc(100vh - 60px - 36px - 115px - 76px);
  }
}
@media (min-width: 640px) {
  #content-library .table-wrapper {
    min-height: calc(100vh - 60px - 36px - 81px - 76px);
  }
  #content-library .uk-dropdown {
    padding: 15px 15px 0 15px;
  }
  #content-library .dropdown-content {
    max-height: unset;
  }
  #content-library .dropdown-content .checkbox-holder {
    padding: 15px 5px;
  }
  #content-library .content-area {
    padding: 35px 0;
  }
  #content-library .content-area .content-type {
    position: absolute;
    top: 40px;
    left: 30px;
  }
  #content-library .content-area .delete-content-group {
    position: absolute;
    left: 100%;
    height: calc(100% - 34px);
    line-height: 100%;
    top: 34px;
    border-left: 1px solid #C3C2C2;
    padding-left: 10px;
    margin-left: 15px;
    font-size: 14px;
    cursor: pointer;
  }
  #content-library .content-area .delete-content-group span {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
  }
  #content-library .content-languages {
    border-bottom: 1px solid #e4e4e4;
  }
  #content-library .content-languages .nav-languages {
    padding: 15px 30px;
    font-size: 13px;
  }
  #content-library .content-languages .nav-languages span {
    margin-right: 20px;
  }
  #content-library .add-content {
    margin-top: 10px;
  }
}
@media (min-width: 960px) {
  #content-library .dropdown-content .checkbox-holder.padding-fix-bottom {
    padding-bottom: 15px;
  }
  #content-library .dropdown-content .checkbox-holder.padding-fix-top {
    padding-top: 15px;
  }
}
.standard-container .content-group:first-child .delete-content-group,
.diversity-container .content-group:first-child .delete-content-group {
  display: none;
}
.paragraph-add,
.behavioral-questions-add {
  cursor: pointer;
}
@media (min-width: 1400px) {
  .stats-screen .container-width {
    max-width: 1300px !important;
  }
}
.y-axis-legend {
  position: absolute;
  top: calc(50% - 30px);
  transform: rotate(180deg) translateY(50%);
  left: -30px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #4F6074;
  writing-mode: vertical-rl;
  transform-origin: center;
  white-space: nowrap;
}
.x-axis-legend {
  position: absolute;
  bottom: 15px;
  left: -60px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #4F6074;
}
.add-new {
  font-family: "Prompt", sans-serif;
  font-size: 12px;
  display: flex;
  color: #676767;
  align-items: center;
  text-decoration: none;
}
.add-new:hover {
  color: black;
}
.add-new img {
  margin-right: 6px;
}
.add-new .centered-content {
  display: flex;
  align-items: center;
}
.mobile-padding {
  padding: 0 10px !important;
}
.bottom-p {
  margin-bottom: 10px;
}
button:hover {
  cursor: pointer;
}
#profile .heading {
  border-bottom: 1px solid black;
  padding: 20px;
  top: 0;
  z-index: 2;
}
#profile .heading h2 {
  color: #4A4A4A;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}
#profile .main-content {
  padding: 30px 20px 20px 20px;
}
#image-input {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#preview-container {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
  background-color: lightgray;
  display: flex;
  justify-content: center;
  align-items: center;
}
#preview-image {
  width: 100%;
  height: 100%;
}
.file-input {
  display: none;
}
#profile-form .uk-input,
#profile-form .uk-select {
  margin-bottom: 25px;
}
#passwordButton {
  margin-bottom: 25px;
}
#passwordButton > button {
  background: transparent;
  border: none;
  color: #0000EE;
  cursor: pointer;
}
#passwordButton > button:hover {
  color: #000080;
}
.profile-container {
  max-width: 980px !important;
}
@media (min-width: 640px) {
  #profile .main-content {
    padding: 30px 30px 20px 30px;
  }
}
@media (min-width: 960px) {
  #profile .main-content {
    padding: 30px 0 20px 0;
  }
}
#footer .uk-navbar-nav {
  display: block;
  text-align: center;
}
#footer .uk-navbar-nav li {
  font-size: 12px;
  line-height: 20px;
  padding: 0 20px;
}
@media (min-width: 640px) {
  #footer {
    padding-bottom: 0;
  }
  #footer .uk-navbar-nav {
    display: flex;
  }
  #footer .uk-navbar-nav li {
    font-size: 12px;
    line-height: 60px;
    padding: 0 20px;
  }
}
.main #strategy-left,
.main #strategy-right,
.main #job-details-left,
.main #job-details-right {
  margin-left: 5px;
  height: 9px;
  width: auto;
}
.main #preview-arrow {
  margin-left: 12px;
  height: 11px;
  width: 11px;
}
#preview-button-holder {
  position: fixed;
  right: 0;
  top: 139px;
  z-index: 4;
}
#preview-button-holder button {
  width: 20px;
  height: 50px;
  background: #336DA9;
  z-index: 999;
}
#jobs-wrapper {
  height: 100%;
  display: flex;
  flex: 1;
  /*
    .job-completed {
        background: #DFE5EB;

        .avatar {
            background-color: rgba(39, 95, 153, 0.7);
            color: rgba(39, 95, 153, 1);

            &.completed::before {
                color: #FFFFFF;
                content: '';
                //noinspection CssUnknownTarget
                background-image: url('../images/icons/checkmark.svg');
                background-size: cover;
                width: 12px;
                height: 10px;
                font-size: 15px;
                left: 50%;
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%);
            }
        }
    }
     */
}
#jobs-wrapper .width-expander {
  max-width: calc(50vw - 250px - 105px - 105px - 100px) !important;
  width: calc(50vw - 250px - 105px - 105px - 100px) !important;
  text-overflow: ellipsis !important;
}
#jobs-wrapper #job-preview {
  border-left: 1px solid #d8d8d8;
}
#jobs-wrapper #job-preview .uk-offcanvas-bar {
  outline: none;
  padding: 0;
}
#jobs-wrapper #job-preview .job-header {
  background: #336DA9;
  height: 51px;
  padding: 0 20px;
  position: relative;
  width: auto;
  z-index: 5;
}
#jobs-wrapper #job-preview .job-header .post-options {
  background: transparent;
  border: 0;
  color: #ffffff;
  height: 51px;
  position: absolute;
  right: 20px;
  top: 0;
}
#jobs-wrapper #job-preview .job-header .post-options[aria-expanded] {
  color: #ffffff;
}
#jobs-wrapper #job-preview .job-header .post-options#close {
  height: 50px;
  left: 10px;
  right: unset;
  bottom: 0;
}
#jobs-wrapper #job-preview .job-header .post-options#close img {
  height: 11px;
  width: 11px;
}
#jobs-wrapper #job-preview .strategy {
  padding: 0 10px 0 0;
  margin: 0 0 15px 0;
  border-left: none;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
#jobs-wrapper #job-preview .strategy .content {
  font-size: 14px;
  padding: 0;
}
#jobs-wrapper #job-preview .strategy.ideal-fit {
  border-color: #0A8BF0;
}
#jobs-wrapper #job-preview .strategy.team-dynamics {
  border-color: #9D40CC;
}
#jobs-wrapper #job-preview .strategy.culture-here {
  border-color: #E21B56;
}
#jobs-wrapper #job-preview .strategy h4 {
  outline: none;
  font-family: "Prompt-SemiBold", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #3E3D3D;
  line-height: 1.5em;
  margin-bottom: 10px;
}
#jobs-wrapper #job-preview .strategy p {
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #373737;
  line-height: 20px;
}
#jobs-wrapper #job-preview .strategy strong,
#jobs-wrapper #job-preview .strategy b {
  font-family: "Prompt-Bold", sans-serif;
  font-weight: 700;
  color: #373737;
  line-height: 20px;
}
#jobs-wrapper #job-preview .strategy ul,
#jobs-wrapper #job-preview .strategy ol {
  font-family: "Prompt", sans-serif;
  list-style: unset;
  padding-left: 30px;
  font-size: 14px;
  color: #373737;
  line-height: 20px;
}
#jobs-wrapper #job-preview #details {
  font-size: 14px;
  padding: 0 10px 0 0;
}
#jobs-wrapper #job-preview #details p {
  margin-bottom: 20px;
}
#jobs-wrapper #job-preview #details ul,
#jobs-wrapper #job-preview #details ol {
  margin: 0 0 15px 15px;
  padding: 0 0 0 15px;
}
#jobs-wrapper #job-preview .job-content {
  background: white;
  overflow-y: auto;
  width: 100%;
  position: relative;
}
#jobs-wrapper #job-preview .job-content .exit-button {
  position: absolute;
  top: 10px;
  right: 10px;
}
#jobs-wrapper #job-preview .job-content .exit-button button {
  background: transparent;
}
#jobs-wrapper #job-preview .job-content .indicator {
  display: inline;
}
#jobs-wrapper #job-preview .job-content .indicator button,
#jobs-wrapper #job-preview .job-content .indicator a {
  background: none;
  border: none;
  height: 14px;
  width: 14px;
  margin-right: 6px;
}
#jobs-wrapper #job-preview .job-content .title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#jobs-wrapper #job-preview.preview-overlay .job-content {
  max-height: calc(100vh - 139px - 50.5px);
}
#jobs-wrapper #job-preview.preview-desktop {
  width: 0%;
  transition: width 0.4s ease-in-out;
}
#jobs-wrapper #job-preview.preview-desktop.preview-active {
  width: 50%;
}
#jobs-wrapper #job-preview.preview-desktop .job-content {
  height: calc(100vh - 79px - 50.5px);
}
#jobs-wrapper #job-preview.preview-desktop .job-content .indicator button:not(#closeButton),
#jobs-wrapper #job-preview.preview-desktop .job-content .indicator a {
  background: none;
  border: none;
  height: 16px;
  width: 16px;
  margin-right: 10px;
}
#jobs-wrapper #job-preview.preview-desktop .job-content .indicator button:not(#closeButton) > img,
#jobs-wrapper #job-preview.preview-desktop .job-content .indicator a > img {
  height: inherit;
  width: inherit;
}
#jobs-wrapper #job-preview .uk-dropdown {
  min-width: 147px !important;
  padding: 0;
}
#jobs-wrapper #job-preview .uk-dropdown .non-bias div {
  border-bottom: 1px solid #B2B2B2;
  height: 32px;
  width: 147px;
}
#jobs-wrapper #job-preview .uk-dropdown .non-bias div:last-child {
  border-bottom: none;
}
#jobs-wrapper #job-preview .uk-dropdown .non-bias div button:not(.disabled):hover,
#jobs-wrapper #job-preview .uk-dropdown .non-bias div a:not(.disabled):hover {
  background: #D6EAFF;
}
#jobs-wrapper #job-preview .uk-dropdown div {
  align-items: center;
  display: flex;
  width: 147px;
}
#jobs-wrapper #job-preview .uk-dropdown div button,
#jobs-wrapper #job-preview .uk-dropdown div a {
  color: black;
  cursor: pointer;
  background: transparent;
  font-family: 'Prompt', sans-serif;
  font-size: 12px;
  line-height: 32px;
  text-align: left;
  width: 100%;
}
#jobs-wrapper #job-preview .uk-dropdown div button img,
#jobs-wrapper #job-preview .uk-dropdown div a img {
  height: 15px;
  margin-left: 8px;
  margin-right: 8px;
  width: 15px;
}
#jobs-wrapper #job-preview .uk-dropdown div button.disabled,
#jobs-wrapper #job-preview .uk-dropdown div a.disabled {
  color: #999;
  cursor: default;
}
#jobs-wrapper #job-preview .uk-dropdown div.bias-filter {
  border-bottom: none;
  height: 32px;
  width: 147px;
}
#jobs-wrapper #job-preview .uk-dropdown div.bias-filter a,
#jobs-wrapper #job-preview .uk-dropdown div.bias-filter button {
  color: #FFFFFF !important;
}
#jobs-wrapper #job-preview .uk-dropdown div.bias-filter img {
  height: 18px;
  margin-left: 8px;
  margin-right: 5px;
  width: 18px;
}
#jobs-wrapper #job-preview .uk-dropdown div.bias-filter:not(.disabled):hover {
  background: #2185ED;
}
#jobs-wrapper.job-with-preview {
  display: flex;
}
#jobs-wrapper.job-with-preview .table-wrapper {
  width: 50%;
}
#jobs-wrapper .table-wrapper {
  width: 100%;
  transition: width 0.4s ease-in-out;
  overflow-x: auto;
}
#jobs-wrapper .job-action button {
  background-color: transparent;
  cursor: pointer;
}
#jobs-wrapper .job-action .dropdown-button {
  background: #4BB2FF;
  border-radius: 4px;
  color: white;
  float: right;
}
#jobs-wrapper .job-action .uk-dropdown {
  min-width: 185px !important;
  padding: 0;
}
#jobs-wrapper .job-action .uk-dropdown > div {
  width: 185px;
}
#jobs-wrapper .job-action .uk-dropdown > div > div {
  align-items: center;
  display: flex;
  height: 34px;
  padding: 0 6px;
  width: 185px;
}
#jobs-wrapper .job-action .uk-dropdown > div > div:hover {
  background: #D6EAFF;
}
#jobs-wrapper .job-action .uk-dropdown > div > div:hover.non-hover {
  cursor: default;
  background: none;
}
#jobs-wrapper .job-action .uk-dropdown > div > div a,
#jobs-wrapper .job-action .uk-dropdown > div > div div {
  color: #4C4C4C;
  display: block;
  font-family: 'Prompt', sans-serif;
  font-size: 13px;
  line-height: 21px;
  width: 100%;
}
#jobs-wrapper .job-action .uk-dropdown > div > div a img,
#jobs-wrapper .job-action .uk-dropdown > div > div div img {
  color: #4BB2FF;
  height: 13px;
  margin-left: 6px;
  margin-right: 6px;
  width: 13px;
}
#jobs-wrapper .job-action .uk-dropdown > div > div div {
  line-height: 18px;
}
#jobs-wrapper .job-action .uk-dropdown > div > div.check {
  color: #4C4C4C;
  height: 27px;
  opacity: 0.5;
  padding-left: 31px;
}
#jobs-wrapper .job-action .uk-dropdown > div > div.check img {
  visibility: hidden;
  height: auto;
  width: 11px;
}
#jobs-wrapper .job-action .uk-dropdown > div > div.check.active {
  opacity: 1;
}
#jobs-wrapper .job-action .uk-dropdown > div > div.check.active img {
  visibility: visible;
}
#jobs-wrapper .job-action .uk-dropdown > div > div:nth-child(5) {
  margin-bottom: 10px;
}
#jobs-wrapper .job-action .uk-dropdown > div > div.create-new {
  background: #336DA9;
}
#jobs-wrapper .job-action .uk-dropdown > div > div.create-new:hover {
  background: #4BB2FF;
}
#jobs-wrapper .job-action .uk-dropdown > div > div.create-new a {
  color: #FFFFFF;
}
#jobs-wrapper .job-action .uk-dropdown > div > div.create-new a span {
  color: #FFFFFF;
}
#jobs-wrapper .job-action .uk-dropdown > div > div:last-child {
  border-top: 1px solid gray;
}
#jobs-wrapper .starred {
  color: #FAA554;
}
#jobs-wrapper .starred svg polygon {
  fill: #FAA554;
}
#jobs-wrapper .seen {
  color: #FAA554;
}
#jobs-wrapper .avatar-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#jobs-wrapper .avatar {
  background: #9D779C center center;
  background-size: cover;
  border: 1px solid transparent;
  border-radius: 100%;
  box-sizing: border-box;
  color: #FFFFFF;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: normal;
  height: 25px;
  line-height: 23px;
  outline-offset: 1px;
  position: relative;
  text-align: center;
  width: 25px;
}
#jobs-wrapper .avatar:first-child {
  margin-right: 9px;
}
#jobs-wrapper .avatar.in-progress {
  outline: 2px solid #10C876;
}
#jobs-wrapper .avatar.full-color {
  opacity: 1;
}
#jobs-wrapper .avatar.medium-color {
  opacity: 0.56;
}
#jobs-wrapper .avatar.light-color {
  opacity: 0.32;
}
#jobs-wrapper .avatar.pending {
  opacity: 0.5;
}
#jobs-wrapper .avatar.completed {
  background-color: rgba(39, 95, 153, 0.5);
  color: #275f99;
}
#jobs-wrapper .avatar.completed:before {
  border-radius: 100%;
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: rgba(39, 95, 153, 0.7);
}
#jobs-wrapper .avatar.completed.checked::after {
  color: #FFFFFF;
  content: '';
  background-image: url('../images/icons/checkmark.svg');
  background-size: cover;
  width: 12px;
  height: 10px;
  font-size: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
#jobs-wrapper .status-indicator::first-letter {
  position: relative;
  z-index: 2;
}
#jobs-wrapper .status-indicator::before {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 8px;
  left: -6px;
  position: absolute;
  top: -4px;
  width: 8px;
  z-index: 2;
}
#jobs-wrapper .status-indicator.red::before {
  background-color: #FF0000;
  border-color: #FFFFFF;
}
#jobs-wrapper .status-indicator.yellow::before {
  background-color: #EFBF43;
  border-color: #FFFFFF;
}
#jobs-wrapper .uk-table {
  border-collapse: collapse;
  vertical-align: middle;
  margin-bottom: 0 !important;
  width: 100%;
}
#jobs-wrapper .uk-table td:first-child {
  padding: 16px 70px 16px 32px;
  max-width: 360px;
}
#jobs-wrapper .uk-table td:first-child .uk-flex-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
}
#jobs-wrapper .uk-table td:first-child.no-edit {
  padding: 16px 12px 16px 32px;
}
#jobs-wrapper .uk-table td.import {
  padding: 0;
}
#jobs-wrapper .uk-table td.import form {
  height: 100%;
  width: 100%;
}
#jobs-wrapper .uk-table td.import form button {
  background: transparent;
  cursor: pointer;
  height: 100%;
  width: 100%;
}
#jobs-wrapper .uk-table td.import form button:disabled {
  cursor: default;
  filter: saturate(0);
}
#jobs-wrapper .uk-table th.import,
#jobs-wrapper .uk-table td.import {
  min-width: 75px;
  width: 75px;
}
#jobs-wrapper .uk-table th.collapsable,
#jobs-wrapper .uk-table td.collapsable {
  min-width: 100px;
  width: 100px;
  padding: 15px 0;
}
#jobs-wrapper .uk-table th.job-details,
#jobs-wrapper .uk-table td.job-details {
  opacity: 1;
  padding: 16px 12px;
  transition: opacity 0.4s ease, width 0.4s ease, padding 0.4s ease;
}
#jobs-wrapper .uk-table th.job-details.collapsed,
#jobs-wrapper .uk-table td.job-details.collapsed {
  width: 0 !important;
  opacity: 0;
}
#jobs-wrapper .uk-table th.strategy,
#jobs-wrapper .uk-table td.strategy {
  opacity: 1;
  padding: 16px 12px;
  transition: opacity 0.4s ease, width 0.4s ease, padding 0.4s ease;
}
#jobs-wrapper .uk-table th.strategy.collapsed,
#jobs-wrapper .uk-table td.strategy.collapsed {
  width: 0 !important;
  opacity: 0;
}
#jobs-wrapper .uk-table thead {
  background-color: #275F99;
  border-bottom: solid 1px #e4e4e4;
  font-family: 'Prompt', sans-serif;
}
#jobs-wrapper .uk-table thead tr {
  background: #275F99;
  border: none;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: 16px 21px 13px 21px;
}
#jobs-wrapper .uk-table thead tr.clickable {
  font-weight: 600;
}
#jobs-wrapper .uk-table thead tr th.content {
  background-color: #336DA9;
}
#jobs-wrapper .uk-table thead tr th.sortable {
  cursor: pointer;
}
#jobs-wrapper .uk-table thead tr th.sortable span {
  position: relative;
}
#jobs-wrapper .uk-table thead tr th.sortable span:after {
  background: url('../images/icons/asc.svg') no-repeat;
  background-size: cover;
  content: "";
  display: none;
  height: 5px;
  left: 100%;
  margin-left: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
#jobs-wrapper .uk-table thead tr th.sortable.active span:after {
  display: block;
}
#jobs-wrapper .uk-table thead tr th.sortable.desc span:after {
  background: url('../images/icons/desc.svg') no-repeat;
}
#jobs-wrapper .uk-table thead tr.main {
  border-left: 1px solid gray;
}
#jobs-wrapper .uk-table thead td {
  background-color: #275F99;
  color: white;
}
#jobs-wrapper .uk-table tr {
  background-color: #FFFFFF;
  border-bottom: solid 1px #e4e4e4;
  line-height: 18px;
}
#jobs-wrapper .uk-table tr:last-child {
  border-bottom: none;
}
#jobs-wrapper .uk-table tr:focus {
  outline: none;
}
#jobs-wrapper .uk-table tbody tr .edit-link {
  width: 20px;
  height: 20px;
}
#jobs-wrapper .uk-table tbody tr .edit-link img {
  height: 100%;
  width: auto;
}
#jobs-wrapper .uk-table tbody tr .edit-link:hover {
  cursor: pointer;
}
#jobs-wrapper .uk-table tbody tr.selected-row {
  background-color: #e9f6ff;
  cursor: pointer;
}
#jobs-wrapper .uk-table tbody tr:hover {
  background-color: #e9f6ff;
  cursor: pointer;
}
#jobs-wrapper .uk-table th {
  color: #FFFFFF;
  cursor: default;
  font-family: 'Prompt', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: 15px 15px 15px 15px;
  text-transform: none;
  white-space: nowrap;
}
#jobs-wrapper .uk-table th.clickable {
  font-weight: 600;
}
#jobs-wrapper .uk-table td {
  border: solid 1px rgba(178, 178, 178, 0.33);
  color: #676767;
  font-family: 'Prompt', sans-serif;
  font-size: 14px;
  white-space: nowrap;
  line-height: 18px;
}
#jobs-wrapper .uk-table td.job-details,
#jobs-wrapper .uk-table td.strategy {
  border-right: none;
  border-left: none;
}
#jobs-wrapper .uk-table td.update {
  font-size: 14px;
}
#jobs-wrapper .uk-table td.recruiter {
  border-right: none;
}
#jobs-wrapper .uk-table td.update-import {
  border-left: none;
  line-height: 28px;
}
#jobs-wrapper .uk-table td .indicator {
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#jobs-wrapper .uk-table td .indicator button,
#jobs-wrapper .uk-table td .indicator a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
#jobs-wrapper .uk-table td .indicator button img,
#jobs-wrapper .uk-table td .indicator a img {
  height: 15px;
  width: auto;
  object-fit: contain;
}
.popup {
  display: none;
  flex-direction: column;
  position: fixed;
  overflow: visible;
  width: 250px;
  height: 350px;
  background-color: white;
  border: 2px solid #FAA554;
  border-radius: 8px;
  padding: 10px;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #666666;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.popup.popup-table {
  position: fixed;
  left: 30px;
  top: 135px;
  width: 300px;
}
.popup.popup-table p {
  max-width: 100%;
  word-wrap: break-word;
  white-space: break-spaces;
}
.popup > div {
  position: relative;
  flex: 1;
}
.popup .note-label {
  color: rgba(0, 0, 0, 0.4);
  margin-top: -16px;
}
.popup button {
  height: 15px;
  width: 15px;
  border: none;
  cursor: pointer;
  margin-right: 0!important;
  background: none;
}
.popup button > span {
  width: inherit;
  height: inherit;
  fill: gray;
}
.popup .notesTextarea {
  width: 100%;
  height: 100%;
  resize: none;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-right: 10px;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #666666;
  flex: 1;
}
@media (min-width: 640px) {
  #jobs-wrapper #job-preview.preview-overlay .job-content .indicator button,
  #jobs-wrapper #job-preview.preview-overlay .job-content .indicator a {
    height: 16px;
    width: 16px;
    margin-right: 10px;
  }
  #jobs-wrapper .uk-table td:last-child {
    padding-right: 0;
  }
  #popup {
    left: 70px;
    width: 300px;
    height: 350px;
  }
}
@media (min-width: 960px) {
  #preview-button-holder {
    top: 79px;
  }
}
.input-container textarea {
  width: 100%;
  background: white;
  border-radius: 8px;
  rows: 5;
  border: 1px solid #d6d6d6;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Prompt-Medium', sans-serif;
  color: #676767;
  resize: none;
}
.input-container textarea:focus,
.input-container textarea.not-empty {
  padding-top: 20px;
}
.input-container textarea:focus + label,
.input-container textarea.not-empty + label {
  font-size: 10px;
  top: 5px;
}
.input-container textarea:focus {
  border-color: #4BB2FF;
  border-width: 2px;
}
#job-details {
  display: flex;
  flex: 1;
  flex-direction: row;
}
#job-details .uk-grid > * > :last-child {
  margin-bottom: 7px;
}
#job-details #bias-alert {
  background: red;
  z-index: 100;
  position: absolute;
  top: 80px;
  left: 50px;
}
#job-details #bias-alert button {
  display: flex;
  background: red;
  flex-direction: row;
  position: relative;
  padding: 5px 10px;
}
#job-details #bias-alert button p {
  margin-left: 5px;
  color: white;
  font-size: 14px;
}
#job-details #bias-alert span {
  position: absolute;
  top: -15px;
  right: -20px;
}
#job-details #bias-alert span :hover {
  cursor: pointer;
}
#job-details .left-holder {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 20px;
}
#job-details .left-holder .form-wrapper .heading {
  border: none;
  padding: 18px 0 8px 0;
}
#job-details .left-holder .form-wrapper .heading .preview-opener {
  background: #4BB2FF;
  border: none;
  border-radius: 8px;
  height: 30px;
  width: 30px;
  z-index: 2;
}
#job-details .left-holder .form-wrapper .heading .preview-opener img {
  height: 14px;
  width: auto;
}
#job-details .left-holder .form-wrapper .heading p,
#job-details .left-holder .form-wrapper .heading label {
  color: #878686;
  font-size: 12px;
  padding: 10px 0;
}
#job-details .left-holder .button-wrapper {
  margin-bottom: 15px;
  margin-top: auto;
}
#job-details .left-holder .button-wrapper .custom-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 16px;
  background-color: #4BB2FF;
  color: white;
  border-radius: 12px;
  font-size: 14px;
  font-weight: bold;
}
#job-details .left-holder .button-wrapper .custom-button .icon {
  margin-right: 8px;
  color: #3FFFA8;
  font-size: 18px;
}
#job-details .left-holder .button-wrapper .custom-button:disabled {
  background: #a4d8ff;
}
#job-details .left-holder .button-wrapper button {
  float: right;
}
#job-details #mobilePreview .uk-offcanvas-bar {
  width: 90%;
  padding: 5px 15px;
  height: 100vh;
}
#job-details #mobilePreview .uk-offcanvas-bar .uk-offcanvas-close {
  height: 30px;
  width: 30px;
}
#job-details #mobilePreview .uk-offcanvas-bar .uk-offcanvas-close svg {
  height: 20px;
  width: 20px;
  color: black;
}
#job-details #mobilePreview .uk-offcanvas-bar .indicator {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}
#job-details #mobilePreview .uk-offcanvas-bar .indicator span {
  height: 14px;
  width: 14px;
}
#job-details #mobilePreview .uk-offcanvas-bar .indicator img {
  height: inherit;
  width: inherit;
}
#job-details #mobilePreview .uk-offcanvas-bar .document {
  box-sizing: border-box;
  font-family: "Prompt", sans-serif;
}
#job-details #mobilePreview .uk-offcanvas-bar .document .title {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#job-details #mobilePreview .uk-offcanvas-bar .document .title p {
  color: #676767;
  font-size: 14px;
  line-height: normal;
}
#job-details #mobilePreview .uk-offcanvas-bar .document .strategy {
  padding: 10px;
  margin: 5px -15px;
  border-left: none;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #373737;
  line-height: 1.5em;
}
#job-details #mobilePreview .uk-offcanvas-bar .document .strategy .content {
  padding: 0;
  margin-bottom: 15px;
}
#job-details #mobilePreview .uk-offcanvas-bar .document .strategy h4 {
  outline: none;
  font-family: "Prompt-SemiBold", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #3E3D3D;
  line-height: 1.5em;
  margin-bottom: 10px;
}
#job-details #mobilePreview .uk-offcanvas-bar .document .strategy p {
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #373737;
  line-height: 1.5em;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  #job-details #mobilePreview .uk-offcanvas-bar .document .strategy > div {
    padding-left: 0;
  }
}
#job-details #mobilePreview .uk-offcanvas-bar .document .strategy strong,
#job-details #mobilePreview .uk-offcanvas-bar .document .strategy b {
  font-family: "Prompt-Bold", sans-serif;
  font-weight: 700;
  color: #373737;
  line-height: 20px;
}
#job-details #mobilePreview .uk-offcanvas-bar .document .strategy ul,
#job-details #mobilePreview .uk-offcanvas-bar .document .strategy ol {
  font-family: "Prompt", sans-serif;
  list-style: unset;
  padding-left: 30px;
  font-size: 14px;
  color: #373737;
  line-height: 20px;
}
#job-details #mobilePreview .uk-offcanvas-bar .document .description {
  margin-top: 20px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Prompt-Medium', sans-serif;
  color: #676767;
  line-height: 18px;
}
#job-details .uk-dropdown {
  margin: 0;
  min-width: 180px !important;
  width: 180px;
  padding: 10px !important;
}
#job-details .uk-dropdown div {
  box-sizing: content-box;
}
#job-details .uk-dropdown div a {
  align-items: center;
  color: black;
  display: flex;
  font-family: "Prompt", sans-serif;
  font-size: 12px;
  justify-content: flex-start;
  width: 100%;
}
#job-details .uk-dropdown div a p {
  margin-left: 0;
  word-wrap: normal;
}
#job-details .uk-dropdown div a span {
  min-width: 33px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#job-details .uk-dropdown div:last-child {
  margin-bottom: 0;
}
#job-details #collaborators {
  background: white;
  height: 72px;
  padding: 3px 10px;
  position: relative;
  border: 1px solid #E8E8E8;
}
#job-details #collaborators p {
  color: #000000;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: 300;
}
#job-details #collaborators .information-holder {
  align-items: center;
  display: flex;
  padding-top: 10px;
}
#job-details #collaborators .information-holder button {
  background: none;
  border: none;
  margin-left: 10px;
}
#job-details #collaborators .information-holder span {
  background: #9D779C center center;
  background-size: cover;
  border: 2px solid #979797;
  border-radius: 100%;
  box-sizing: border-box;
  color: #FFFFFF;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 30px;
  height: 33px;
  text-align: center;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#job-details #collaborators .information-holder span.editor {
  margin: -3px;
  width: 39px;
  height: 39px;
  border: 3px solid #5CC57D;
  background-clip: content-box;
  padding: 3px;
}
#job-details #collaborators .information-holder span a {
  color: #FFFFFF;
  margin-left: 0;
}
#job-details #collaborators .information-holder > p {
  color: #000000;
  font-size: 11px;
  font-weight: 400;
  margin-left: 20px;
}
#job-details #collaborators .note {
  background: #4BB2FF;
  border: 1px solid #4BB2FF;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 10px;
  font-weight: 400;
  left: 50%;
  padding: 4px;
  position: absolute;
  top: 3px;
  transform: translateX(-50%);
}
#job-details #collaborators .note:hover {
  background: #0686ED;
}
#job-details #collaborators-opened {
  background: white;
  height: 160px;
  padding: 3px 10px;
  border: 1px solid #E8E8E8;
  z-index: 2;
  margin-bottom: 0;
}
#job-details #collaborators-opened p {
  color: #000000;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: 300;
}
#job-details #collaborators-opened .information-holder {
  align-items: flex-start;
  display: flex;
  padding-top: 10px;
}
#job-details #collaborators-opened .information-holder span {
  background: #9D779C center center;
  background-size: cover;
  border: 2px solid #979797;
  border-radius: 100%;
  box-sizing: border-box;
  color: #FFFFFF;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 30px;
  height: 33px;
  text-align: center;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#job-details #collaborators-opened .information-holder span.editor {
  margin: -3px;
  width: 39px;
  height: 39px;
  border: 3px solid #5CC57D;
  background-clip: content-box;
  padding: 3px;
}
#job-details #collaborators-opened .information-holder span a {
  color: #FFFFFF;
  margin-left: 0;
}
#job-details #collaborators-opened .information-holder button {
  background: none;
  border: none;
  margin-left: 10px;
}
#job-details #collaborators-opened .information-holder .input-with-button {
  flex: 1;
  margin: 0 20px;
  position: relative;
}
#job-details #collaborators-opened .information-holder .input-with-button input {
  width: 100%;
  height: 29px;
  border: 1px solid #b1b1b1;
  border-radius: 4px;
  color: black;
  font-size: 12px;
  padding-left: 10px;
}
#job-details #collaborators-opened .information-holder .input-with-button button {
  position: absolute;
  right: 4px;
  top: 4px;
  background: #4BB2FF;
  border: 1px solid #4BB2FF;
  border-radius: 4px;
  color: #b1b1b1;
  cursor: pointer;
  font-size: 10px;
  font-weight: 400;
  padding: 4px;
}
#job-details #collaborators-opened .information-holder .input-with-button button:hover {
  background: #0686ED;
}
#job-details #collaborators-opened .post-started {
  width: 100%;
  padding-top: 0;
  margin-top: 10px;
  height: 80px;
  overflow: auto;
}
#job-details #collaborators-opened .post-started p {
  color: #000000;
  font-size: 11px;
  font-weight: 400;
}
#job-details .hiring #form-style-changer {
  width: 100%;
  background: white;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Prompt', sans-serif;
  color: #676767;
  resize: none;
}
#job-details .hiring #form-style-changer #hideSelectManager .input-container {
  margin-bottom: 0;
  padding-top: 0;
}
#job-details .hiring #form-style-changer #hideSelectManager .input-container .select2-container {
  border: none;
}
#job-details .hiring #form-style-changer #hideSelectManager .input-container .select2-container.select2-container--open {
  border-bottom: none;
  border-top: 2px solid #4BB2FF;
  border-left: 2px solid #4BB2FF;
  border-right: 2px solid #4BB2FF;
}
#job-details .hiring #form-style-changer #hideSelectManager .input-container select {
  border: none;
}
#job-details .hiring #form-style-changer #hideNewManager .input-container {
  margin-bottom: 0;
  padding-top: 6px;
}
#job-details .hiring #form-style-changer #hideNewManager .input-container input[type="text"],
#job-details .hiring #form-style-changer #hideNewManager .input-container .uk-select {
  padding: 0 0 0 12px;
  border: 0;
}
#job-details #back-to-select {
  position: absolute;
  right: 7px;
  top: 12px;
}
#job-details .hiring-collaborate-holder {
  display: none;
  background: #D7FFFA;
  border: 1px solid #D6E0FF;
  border-radius: 8px;
  margin: 0 10px 10px 10px;
  padding: 10px;
}
#job-details .hiring-collaborate-holder label {
  margin-bottom: 15px;
}
#job-details .hiring-collaborate-holder label:not(:first-child) {
  margin-left: 25px;
}
#job-details #hideSelectManager {
  display: block;
}
#job-details #hideNewManager {
  display: none;
}
.modal {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.modal .modal-content {
  background-color: #fefefe;
  margin: 25% auto;
  border: 2px solid #4BB2FF;
  border-radius: 6px;
  width: 90%;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.modal .modal-content p {
  font-size: 14px;
  color: #2B2B2B;
}
.modal .modal-content .modal-buttons {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  min-width: 100px;
}
.modal .modal-content #later,
.modal .modal-content #now,
.modal .modal-content #dismiss,
.modal .modal-content #approve {
  height: 32px;
  font-size: 14px;
  line-height: 14px;
  padding: 9px 15px;
  font-weight: 700;
  border: none;
  border-radius: 22px;
  text-decoration: none;
}
.modal .modal-content #later:hover,
.modal .modal-content #now:hover,
.modal .modal-content #dismiss:hover,
.modal .modal-content #approve:hover {
  text-decoration: none;
}
.modal .modal-content #later,
.modal .modal-content #dismiss {
  color: black;
  background: white;
  margin-right: 20px;
}
.modal .modal-content #later:hover,
.modal .modal-content #dismiss:hover {
  text-decoration: none;
}
.modal .modal-content #now,
.modal .modal-content #dismiss {
  color: white;
  background: #FF5643;
}
.modal .modal-content #now:hover,
.modal .modal-content #dismiss:hover {
  text-decoration: none;
}
#help-paragraph-move {
  width: calc(100% - 115px);
  z-index: 981;
}
#help-paragraph-move .modal-content {
  margin: -5px 0 0 auto;
  padding: 20px;
  width: 360px;
}
#help-paragraph-move .modal-content h4 {
  color: #275f99;
  font-family: "Prompt-SemiBold", sans-serif;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 10px;
}
#help-paragraph-move .modal-content p {
  font-size: 0.875em;
}
#notification,
#notificationM {
  position: absolute;
  width: 100%;
  border-top: 3px solid #4BB2FF;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  box-shadow: 0 2px 8px rgba(125, 125, 125, 0.5);
  background-color: #ffffff;
  top: calc(50% - 48px);
  transform: translateY(-50%);
}
#notification > div,
#notificationM > div {
  padding: 25px 25px;
  background: #4BB2FF;
}
#notification .holder,
#notificationM .holder {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#notification.smaller,
#notificationM.smaller {
  margin-right: 10px;
  margin-left: 10px;
  width: calc(100% - 30px);
}
#notification.show,
#notificationM.show {
  opacity: 1;
  z-index: 10;
}
#notification .close,
#notificationM .close {
  position: absolute;
  top: 8px;
  right: 8px;
}
#notification .close:hover,
#notificationM .close:hover {
  cursor: pointer;
}
#notification span:not(.email),
#notificationM span:not(.email) {
  background: #9D779C center center;
  background-size: cover;
  border: 2px solid #979797;
  border-radius: 100%;
  box-sizing: border-box;
  color: #FFFFFF;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 30px;
  height: 33px;
  text-align: center;
  min-width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
#notification p,
#notificationM p {
  font-size: 24px;
  font-family: "Prompt", sans-serif;
  color: #FFFFFF;
  line-height: 36px;
}
#notification .email {
  width: 52px;
  margin-right: 20px;
  height: auto;
}
@media (max-width: 960px) {
  #notification .email {
    width: 40px;
  }
}
#notificationM .email {
  width: 40px;
  margin-right: 10px;
  height: auto;
}
#invite-modal h2 {
  font-size: 24px;
}
@media (min-width: 640px) {
  #job-details .left-holder .form-wrapper .custom-padding {
    padding-left: 7px;
  }
  .modal {
    width: 100%;
    height: 100%;
  }
  .modal .modal-content {
    margin: auto;
    width: 50%;
    padding: 40px;
  }
  .modal .modal-content p {
    font-size: 16px;
  }
  .modal .modal-content .modal-buttons {
    padding-top: 40px;
  }
}
@media (min-width: 960px) {
  #job-details .left-holder .form-wrapper .custom-padding {
    padding-left: 7px;
  }
  #job-details #jobDetails {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    height: calc(100vh - 72px - 60px - 36px);
    background-image: url('../images/job-details.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    border-left: 1px solid rgba(89, 97, 109, 0.33);
  }
  #job-details #jobDetails::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.35);
  }
  #job-details #jobDetails .hint {
    font-family: "Prompt-SemiBold", sans-serif;
    font-weight: 600;
    color: #000000;
    font-size: 23px;
    line-height: 29px;
    padding: 40px 280px 0 40px;
    height: 100%;
    z-index: 2;
  }
  #job-details #jobDetails .side {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
  }
  #job-details #jobDetails .side .editable-area {
    position: relative;
    background: transparent;
    height: 100%;
    width: 100%;
    display: flex;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  #job-details #jobDetails .side .editable-area.background {
    background-color: white;
    opacity: 1;
  }
  #job-details #jobDetails .side .editable-area .indicator {
    display: flex;
    position: absolute;
  }
  #job-details #jobDetails .side .editable-area .indicator button,
  #job-details #jobDetails .side .editable-area .indicator a {
    height: 18px;
    width: 18px;
    margin-right: 10px;
  }
  #job-details #jobDetails .side .editable-area .indicator button {
    background: transparent;
    margin-top: 5px;
  }
  #job-details #jobDetails .side .editable-area .indicator span {
    height: inherit;
    width: auto;
  }
  #job-details #jobDetails .side .editable-area .indicator span img {
    height: inherit;
    width: inherit;
  }
  #job-details #jobDetails .side .editable-area .document {
    overflow: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    font-family: "Prompt", sans-serif;
    flex: 1;
  }
  #job-details #jobDetails .side .editable-area .document .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  #job-details #jobDetails .side .editable-area .document .title h3 {
    opacity: 0.4;
    transition: opacity 0.5s ease;
  }
  #job-details #jobDetails .side .editable-area .document .title p {
    opacity: 0.4;
    transition: opacity 0.5s ease;
  }
  #job-details #jobDetails .side .editable-area .document .strategy {
    padding: 0;
    margin: 0;
    border-left: none;
    font-family: "Prompt", sans-serif;
    font-size: 14px;
    color: #373737;
    line-height: 20px;
    opacity: 0.4;
    transition: opacity 0.5s ease;
  }
  #job-details #jobDetails .side .editable-area .document .strategy .content {
    padding: 0;
    margin-bottom: 15px;
  }
  #job-details #jobDetails .side .editable-area .document .strategy h4 {
    outline: none;
    font-family: "Prompt-SemiBold", sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #3E3D3D;
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  #job-details #jobDetails .side .editable-area .document .strategy p {
    font-family: "Prompt", sans-serif;
    font-size: 14px;
    color: #373737;
    line-height: 1.5em;
    margin-bottom: 15px;
  }
  #job-details #jobDetails .side .editable-area .document .strategy strong,
  #job-details #jobDetails .side .editable-area .document .strategy b {
    font-family: "Prompt-Bold", sans-serif;
    font-weight: 700;
    color: #373737;
    line-height: 20px;
  }
  #job-details #jobDetails .side .editable-area .document .strategy ul,
  #job-details #jobDetails .side .editable-area .document .strategy ol {
    font-family: "Prompt", sans-serif;
    padding-left: 30px;
    font-size: 14px;
    color: #373737;
    line-height: 20px;
  }
  #job-details #jobDetails .side .editable-area .document .editor-wrapper {
    display: flex;
    position: relative;
  }
  #job-details #jobDetails .side .editable-area .document .editor-wrapper .holder {
    position: absolute;
    top: -43px;
    right: 0;
  }
  #job-details #jobDetails .side .editable-area .document .editor-wrapper .tiny-description {
    height: calc(100vh - 60px - 36px - 100px - 30px - 24px - 47px);
    z-index: 3;
    position: relative;
    width: 100%;
    background: transparent;
    border-radius: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Prompt', sans-serif;
    opacity: 0.4;
    transition: opacity 0.5s ease;
    color: #676767;
    resize: none;
    overflow-y: auto;
    outline: none;
    line-height: 1.5em;
  }
  #job-details #jobDetails .side .editable-area .document .editor-wrapper .tiny-description:hover {
    cursor: text;
  }
  #job-details #jobDetails .side.hover .editable-area.background {
    background-color: white;
  }
  #job-details #jobDetails .side.hover .editable-area .document .title h3 {
    opacity: 1;
  }
  #job-details #jobDetails .side.hover .editable-area .document .title p {
    opacity: 1;
  }
  #job-details #jobDetails .side.hover .editable-area .document .strategy {
    opacity: 1;
  }
  #job-details #jobDetails .side.hover .editable-area .document .detail span {
    opacity: 1;
  }
  #job-details #jobDetails .side.hover .editable-area .document .editor-wrapper .tiny-description {
    opacity: 1;
  }
  #collaborators .information-holder > p {
    margin-left: 40px;
  }
  .modal {
    width: 50%;
    height: 100%;
  }
  .modal#confirm-delete {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: auto;
  }
  .modal .modal-content {
    margin: 25% auto;
    width: 40%;
    min-width: 400px;
    padding: 40px;
  }
}
.modal-overlay {
  height: 100%;
  width: 100%;
}
.modal-overlay .modal-content {
  left: 50%;
  margin: 0;
  min-width: 320px;
  max-width: 520px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.modal-overlay .modal-content button,
.modal-overlay .modal-content .button {
  cursor: pointer;
  height: 32px;
  font-size: 14px;
  line-height: 14px;
  padding: 9px 15px;
  font-weight: 700;
  border: none;
  border-radius: 22px;
  text-decoration: none;
}
.modal-overlay .modal-content button.danger,
.modal-overlay .modal-content .button.danger {
  color: white;
  background: #FF5643;
}
.screen-post_details .tox.tox-tinymce--toolbar-sticky-off {
  width: auto !important;
}
.screen-post_details .tox.tox-tinymce--toolbar-sticky-off .tox-toolbar__group {
  display: flex;
}
.screen-post_details .tox.tox-tinymce--toolbar-sticky-off .tox-toolbar__group button {
  font-family: "Prompt Bold", serif;
  width: auto !important;
}
.screen-post_details .tox.tox-tinymce--toolbar-sticky-off .tox-toolbar__group button:nth-child(1) {
  color: #0A8BF0;
}
.screen-post_details .tox.tox-tinymce--toolbar-sticky-off .tox-toolbar__group button:nth-child(1):before {
  content: "";
  height: 60%;
  width: 3px;
  background: #0A8BF0;
}
.screen-post_details .tox.tox-tinymce--toolbar-sticky-off .tox-toolbar__group button:nth-child(2) {
  color: #9D40CC;
}
.screen-post_details .tox.tox-tinymce--toolbar-sticky-off .tox-toolbar__group button:nth-child(2):before {
  content: "";
  height: 60%;
  width: 3px;
  background: #9D40CC;
}
.screen-post_details .tox.tox-tinymce--toolbar-sticky-off .tox-toolbar__group button:nth-child(3) {
  color: #E21B56;
}
.screen-post_details .tox.tox-tinymce--toolbar-sticky-off .tox-toolbar__group button:nth-child(3):before {
  content: "";
  height: 60%;
  width: 3px;
  background: #E21B56;
}
.screen-post_details .tox.tox-tinymce--toolbar-sticky-off .tox-toolbar__group button.tox-tbtn--disabled {
  color: #AAA;
}
.screen-post_details .tox.tox-tinymce--toolbar-sticky-off .tox-toolbar__group button.tox-tbtn--disabled:before {
  background: #AAA;
}
.mark-power-paragraph {
  background-size: contain;
  display: block;
  height: 20px;
  margin-bottom: 15px;
  width: 125px;
}
.mark-power-paragraph#pp_team_dynamic {
  background: url('../images/icons/team_dynamic.svg') no-repeat scroll 0 0 transparent;
}
.mark-power-paragraph#pp_the_ideal_fit {
  background: url('../images/icons/inner_hero.svg') no-repeat scroll 0 0 transparent;
}
.mark-power-paragraph#pp_the_culture_here {
  background: url('../images/icons/local_climate.svg') no-repeat scroll 0 0 transparent;
}
@media (max-width: 639px) {
  #power-strategy > div > div {
    flex-direction: column;
  }
}
@media (min-height: 1200px) {
  #power-strategy #strategy-wrapper {
    height: 100%;
  }
}
#power-strategy .complete-text {
  padding: 10px 10px 10px 25px;
  color: #21386C;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 22px;
}
#power-strategy .steps-mobile {
  padding: 10px 10px 10px 25px;
}
#power-strategy .steps-mobile.complete > div {
  padding-bottom: 10px;
}
#power-strategy .steps-mobile.complete > div div {
  font-size: 16px;
  line-height: 20px;
}
#power-strategy .steps-mobile.complete > div p {
  font-size: 13px;
  line-height: 35px;
}
#power-strategy .steps-mobile button {
  background: transparent;
  text-align: left;
}
#power-strategy .steps-mobile form > div,
#power-strategy .steps-mobile > div {
  border-left: 15px solid;
  padding-left: 10px;
  margin-bottom: 10px;
  position: relative;
}
#power-strategy .steps-mobile form > div span,
#power-strategy .steps-mobile > div span {
  position: absolute;
  top: 3px;
  left: -13px;
  height: 11px;
  width: 11px;
}
#power-strategy .steps-mobile form > div span svg,
#power-strategy .steps-mobile > div span svg {
  height: inherit;
  width: inherit;
}
#power-strategy .steps-mobile form > div span svg polyline,
#power-strategy .steps-mobile > div span svg polyline {
  stroke: white;
  stroke-width: 3px;
}
#power-strategy .steps-mobile form > div p,
#power-strategy .steps-mobile > div p {
  font-family: "Prompt", sans-serif;
  font-size: 11px;
  font-weight: 400;
}
#power-strategy .steps-mobile form > div div,
#power-strategy .steps-mobile > div div {
  font-family: "Prompt Bold", sans-serif;
  font-size: 18px;
}
#power-strategy .steps-mobile form > div div strong,
#power-strategy .steps-mobile > div div strong {
  color: #000000;
}
#power-strategy .steps-mobile form > div.team-dynamic,
#power-strategy .steps-mobile > div.team-dynamic {
  border-color: #9D40CC;
  color: #9D40CC;
}
#power-strategy .steps-mobile form > div.team-dynamic p,
#power-strategy .steps-mobile > div.team-dynamic p,
#power-strategy .steps-mobile form > div.team-dynamic div,
#power-strategy .steps-mobile > div.team-dynamic div {
  color: #9D40CC;
}
#power-strategy .steps-mobile form > div.ideal-fit,
#power-strategy .steps-mobile > div.ideal-fit {
  border-color: #0A8BF0;
  color: #0A8BF0;
}
#power-strategy .steps-mobile form > div.ideal-fit p,
#power-strategy .steps-mobile > div.ideal-fit p,
#power-strategy .steps-mobile form > div.ideal-fit div,
#power-strategy .steps-mobile > div.ideal-fit div {
  color: #0A8BF0;
}
#power-strategy .steps-mobile form > div.culture-here,
#power-strategy .steps-mobile > div.culture-here {
  border-color: #E21B56;
  color: #E21B56;
}
#power-strategy .steps-mobile form > div.culture-here p,
#power-strategy .steps-mobile > div.culture-here p,
#power-strategy .steps-mobile form > div.culture-here div,
#power-strategy .steps-mobile > div.culture-here div {
  color: #E21B56;
}
#power-strategy .question {
  padding: 10px 20px 10px 50px;
  justify-content: center;
}
#power-strategy .question .number {
  align-items: center;
  border-radius: 50%;
  color: #FFFFFF;
  display: flex;
  font-size: 15px;
  height: 20px;
  justify-content: center;
  line-height: 20px;
  margin-bottom: 10px;
  width: 20px;
}
#power-strategy .question p {
  font-family: "Prompt", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
}
#power-strategy .question.team-dynamic .number {
  background: #9D40CC;
}
#power-strategy .question.team-dynamic p {
  color: #9D40CC;
}
#power-strategy .question.ideal-fit .number {
  background: #0A8BF0;
}
#power-strategy .question.ideal-fit p {
  color: #0A8BF0;
}
#power-strategy .question.culture-here .number {
  background: #E21B56;
}
#power-strategy .question.culture-here p {
  color: #E21B56;
}
#power-strategy .options-holder {
  background: white;
  border-bottom: 1px solid;
  border-left: 15px solid;
  border-top: 1px solid;
  font-family: "Prompt", sans-serif;
  box-shadow: 0 2px 6px rgba(136, 136, 136, 0.5);
  float: right;
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
  max-width: 340px;
  position: relative;
  width: 90%;
}
#power-strategy .options-holder button {
  background: transparent;
  font-family: "Prompt", sans-serif;
  padding: 5px 10px;
  text-align: left;
  width: 100%;
}
#power-strategy .options-holder button:not(:disabled) {
  cursor: pointer;
}
#power-strategy .options-holder > form > div.active button {
  color: #FFFFFF;
}
#power-strategy .options-holder > div:hover {
  cursor: pointer;
}
#power-strategy .options-holder .divider {
  height: 17px;
  opacity: 0.24;
}
#power-strategy .options-holder #offcanvas-details {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 10;
  outline: none;
}
#power-strategy .options-holder #offcanvas-details .uk-offcanvas-bar {
  width: 300px !important;
  outline: none !important;
}
#power-strategy .options-holder #offcanvas-details .uk-offcanvas-bar div {
  border-left: 1px solid #FFFFFF;
  margin-left: 0;
  margin-top: 50%;
  padding: 10px;
}
#power-strategy .options-holder #offcanvas-details .uk-offcanvas-bar h3 {
  font-family: "Prompt Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}
#power-strategy .options-holder #offcanvas-details .uk-offcanvas-bar p {
  color: #FFFFFF;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding-top: 10px;
}
#power-strategy .options-holder.team-dynamic {
  border-color: #9D40CC;
  color: #9D40CC;
}
#power-strategy .options-holder.team-dynamic .active {
  background: #9D40CC;
  color: #FFFFFF;
}
#power-strategy .options-holder.team-dynamic button {
  color: #9D40CC;
}
#power-strategy .options-holder.team-dynamic div {
  border-bottom: 1px solid rgba(150, 113, 160, 0.44);
}
#power-strategy .options-holder.team-dynamic .divider {
  background: #9671A0;
}
#power-strategy .options-holder.team-dynamic .uk-offcanvas-bar {
  background: #CAA1E7;
}
#power-strategy .options-holder.team-dynamic .uk-offcanvas-bar h3 {
  color: #9D40CC;
}
#power-strategy .options-holder.ideal-fit {
  border-color: #0A8BF0;
  border-bottom: none;
  color: #0A8BF0;
}
#power-strategy .options-holder.ideal-fit .active {
  background: #0A8BF0;
  color: #FFFFFF;
}
#power-strategy .options-holder.ideal-fit .active button {
  color: #FFFFFF;
}
#power-strategy .options-holder.ideal-fit button {
  color: #0A8BF0;
}
#power-strategy .options-holder.ideal-fit div {
  border-bottom: 1px solid rgba(105, 151, 188, 0.56);
}
#power-strategy .options-holder.ideal-fit div.left-border {
  border-left: 3px solid #0D549D;
}
#power-strategy .options-holder.ideal-fit .divider {
  background: #6090B5;
}
#power-strategy .options-holder.ideal-fit .divider.with-text {
  background: #0D549D;
  color: #C9D9E5;
  font-family: 'Prompt', sans-serif;
  font-size: 11px;
  opacity: 1;
  padding: 3px 10px;
  height: 24px;
}
#power-strategy .options-holder.ideal-fit .uk-offcanvas-bar {
  background: #83C5F7;
}
#power-strategy .options-holder.ideal-fit .uk-offcanvas-bar h3 {
  color: #0A8BF0;
}
#power-strategy .options-holder.ideal-fit form:not(.expanded) > div:not(.priority-section) {
  display: none;
}
#power-strategy .options-holder.ideal-fit form .priority-section {
  border-left: 7px solid #275F99;
}
#power-strategy .options-holder.ideal-fit form .priority-section > div {
  display: block;
}
#power-strategy .options-holder.ideal-fit form .priority-section > div:last-child {
  border-bottom: none;
}
#power-strategy .options-holder.ideal-fit form .priority-section-headline {
  background: #275F99;
  color: #FFD876;
  display: block;
  font-size: 0.85em;
  line-height: 1.25em;
  padding: 7px 0 7px 10px;
}
#power-strategy .options-holder.ideal-fit form .priority-section-footer {
  background: #DFF1FF;
  color: #0A8BF0;
  cursor: pointer;
  display: block;
  font-size: 0.85em;
  line-height: 1.25em;
  padding: 6px 0;
  text-align: center;
}
#power-strategy .options-holder.ideal-fit form .priority-section-footer:hover {
  background: #0A8BF0;
  color: #FFFFFF;
}
#power-strategy .options-holder.ideal-fit form.expanded .priority-section-footer {
  display: none;
}
#power-strategy .options-holder.culture-here {
  border-color: #E21B56;
  color: #E21B56;
}
#power-strategy .options-holder.culture-here .active {
  background: #E21B56;
  color: #FFFFFF;
}
#power-strategy .options-holder.culture-here button {
  color: #E21B56;
}
#power-strategy .options-holder.culture-here div {
  border-bottom: 1px solid rgba(200, 129, 129, 0.44);
}
#power-strategy .options-holder.culture-here .divider {
  background: #C68181;
}
#power-strategy .options-holder.culture-here .uk-offcanvas-bar {
  background: #F18EAB;
}
#power-strategy .options-holder.culture-here .uk-offcanvas-bar h3 {
  color: #E21B56;
}
#power-strategy .options-holder.culture-here .skip-link {
  bottom: -35px;
  border: none;
  color: #C48181;
  font-size: 11px;
  height: 35px;
  left: -10px;
  padding: 0;
  position: absolute;
}
#power-strategy .options-holder.culture-here .skip-link button {
  color: #C48181;
  font-size: 11px;
}
#power-strategy .options-holder.culture-here .skip-link a {
  line-height: 35px;
  color: inherit;
}
#power-strategy .options-holder .display-toggle {
  display: none;
}
#power-strategy .complete-button {
  max-width: 320px;
}
#power-strategy .complete-button div {
  padding-bottom: 15px;
  font-size: 12px;
  line-height: 14px;
}
#power-strategy .complete-button .custom-button {
  height: 42px;
  padding: 0 16px;
  background-color: #4BB2FF;
  color: white;
  border-radius: 12px;
  font-size: 14px;
  font-weight: bold;
}
#power-strategy .complete-button .custom-button .icon {
  margin-right: 8px;
  color: #3FFFA8;
  font-size: 18px;
}
#power-strategy .complete-button .custom-button:disabled {
  background: #a4d8ff;
  opacity: 80%;
}
#power-strategy .button-holder {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
#power-strategy .progress-button {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#power-strategy .progress-button.complete {
  position: absolute;
  bottom: 20px;
  margin-bottom: 0;
  right: 40px;
}
#power-strategy .progress-button.complete div {
  position: unset;
  padding-bottom: 20px;
}
#power-strategy .progress-button.complete div span {
  color: #606060;
  font-size: 13px;
  line-height: 17px;
}
#power-strategy .progress-button .custom-button {
  max-width: 320px;
  height: 42px;
  padding: 0 16px;
  background-color: #4BB2FF;
  color: white;
  border-radius: 12px;
  font-size: 14px;
  font-weight: bold;
}
#power-strategy .progress-button .custom-button .icon {
  margin-right: 8px;
  color: #3FFFA8;
  font-size: 18px;
}
#power-strategy .progress-button .custom-button:disabled {
  background: #a4d8ff;
  opacity: 80%;
}
#power-strategy .progress-button div span {
  font-family: "Prompt", sans-serif;
  font-size: 12px;
  color: #4BB2FF;
}
#power-strategy #side {
  display: flex;
  position: relative;
}
#power-strategy #side .wise-word {
  flex: 1;
  background: #bccad3;
}
#power-strategy #side .wise-word div {
  margin-right: 15%;
  margin-bottom: 5%;
}
#power-strategy #side .wise-word.team-dynamics-bg {
  background-image: url('../images/team-dynamics-bg-3.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#power-strategy #side .wise-word.ideal-fit-bg {
  background-image: url('../images/ideal-fit-bg-2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#power-strategy #side .wise-word.culture-here-bg {
  background-image: url('../images/culture-here-bg-3.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#power-strategy #side .wise-word.uap-bg {
  background-image: url('../images/uap-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#power-strategy #side .wise-word h3 {
  color: #FFFFFF;
  padding-left: 15px;
  font-family: "Barlow Bold", sans-serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 60px;
  text-align: left;
}
@media (min-width: 960px) {
  #power-strategy #side .wise-word h3 {
    font-size: 49px !important;
  }
}
@media (min-width: 1200px) {
  #power-strategy #side .wise-word h3 {
    font-size: 61px !important;
  }
}
#power-strategy #side .wise-word .sentence {
  padding: 10px;
  display: flex;
  flex-direction: column;
}
#power-strategy #side .wise-word h5 {
  margin-left: auto;
  margin-right: auto;
  color: #FFFFFF;
  font-family: "Prompt", sans-serif;
  font-weight: 600;
  font-size: 17px;
  font-style: italic;
  line-height: 20px;
  padding-top: 20px;
  text-align: center;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25), -1px -1px 5px rgba(0, 0, 0, 0.25);
}
#power-strategy #side .wise-word p {
  color: #ffffff;
  font-family: "Barlow Bold", sans-serif;
  font-weight: 700;
  font-size: 11px;
  line-height: 13px;
  opacity: 0.63;
  padding-top: 10px;
  text-align: center;
}
#power-strategy #side .slider {
  position: absolute;
  top: 0;
  right: -85%;
  height: 100%;
  width: 100%;
  transition: right 0.3s ease-in-out;
  z-index: 3;
}
#power-strategy #side .slider:hover {
  right: -80%;
  cursor: pointer;
  opacity: 1;
}
#power-strategy #side .slider:hover .editable-area {
  opacity: 1;
  background-color: white;
}
#power-strategy #side .slider:hover .editable-area .document {
  filter: blur(0);
  width: 100%;
}
#power-strategy #side .slider .editable-area {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  background-color: #ffffff;
  transition: background-color 0.5s ease;
}
#power-strategy #side .slider .editable-area #open,
#power-strategy #side .slider .editable-area #close {
  position: absolute;
  top: 10px;
  cursor: pointer;
  height: 16px;
  z-index: 9999;
}
#power-strategy #side .slider .editable-area #open span,
#power-strategy #side .slider .editable-area #close span {
  opacity: 1;
  height: inherit;
  width: auto;
}
#power-strategy #side .slider .editable-area #open span img,
#power-strategy #side .slider .editable-area #close span img {
  width: inherit;
  height: inherit;
}
#power-strategy #side .slider .editable-area #open {
  left: 10px;
  opacity: 1;
  transition: opacity 0.5s ease;
}
#power-strategy #side .slider .editable-area #close {
  right: 10px;
  opacity: 0;
  transition: opacity 0.5s ease;
}
#power-strategy #side .slider .editable-area .indicator {
  position: absolute;
  display: none;
}
#power-strategy #side .slider .editable-area .indicator button,
#power-strategy #side .slider .editable-area .indicator a {
  height: 18px;
  width: 18px;
  margin-right: 10px;
}
#power-strategy #side .slider .editable-area .indicator button {
  background: transparent;
  margin-top: 5px;
}
#power-strategy #side .slider .editable-area .indicator span {
  height: inherit;
  width: auto;
}
#power-strategy #side .slider .editable-area .indicator span img {
  height: inherit;
  width: inherit;
}
#power-strategy #side .slider .editable-area .document {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-family: "Prompt", sans-serif;
  width: 100%;
  height: calc(100% - 30px);
  transition: filter 0.5s ease;
}
#power-strategy #side .slider .editable-area .document .strategy {
  padding: 0;
  margin: 0 0 15px 0;
  border-left: none;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #373737;
  line-height: 20px;
  opacity: 0.7;
  transition: opacity 0.5s ease;
}
#power-strategy #side .slider .editable-area .document .strategy .content {
  padding: 0;
}
#power-strategy #side .slider .editable-area .document .strategy h4 {
  outline: none;
  font-family: "Prompt-SemiBold", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #3E3D3D;
  line-height: 1.5em;
  margin-bottom: 10px;
}
#power-strategy #side .slider .editable-area .document .strategy p {
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #373737;
  line-height: 1.5em;
  margin-bottom: 10px;
}
#power-strategy #side .slider .editable-area .document .strategy strong,
#power-strategy #side .slider .editable-area .document .strategy b {
  font-family: "Prompt-Bold", sans-serif;
  font-weight: 700;
  color: #373737;
  line-height: 20px;
}
#power-strategy #side .slider .editable-area .document .strategy ul,
#power-strategy #side .slider .editable-area .document .strategy ol {
  font-family: "Prompt", sans-serif;
  list-style: unset;
  padding-left: 30px;
  font-size: 14px;
  color: #373737;
  line-height: 20px;
  margin-top: -15px;
}
#power-strategy #side .slider .editable-area .document .title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#power-strategy #side .slider .editable-area .document .title h3 {
  transition: opacity 0.5s ease;
  opacity: 0.7;
}
#power-strategy #side .slider .editable-area .document .title p {
  opacity: 0.7;
  transition: opacity 0.5s ease;
}
#power-strategy #side .slider .editable-area .document .editor-wrapper {
  display: flex;
  position: relative;
}
#power-strategy #side .slider .editable-area .document .editor-wrapper .holder {
  position: absolute;
  top: -43px;
  right: 0;
}
#power-strategy #side .slider .editable-area .document .editor-wrapper .tiny-description {
  z-index: 3;
  position: relative;
  width: 100%;
  border-radius: 8px;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Prompt-Bold', sans-serif;
  color: #373737;
  opacity: 0.7;
  transition: opacity 0.5s ease;
  resize: none;
  overflow-y: auto;
  outline: none;
  line-height: 20px;
}
#power-strategy #side .slider .editable-area .document .editor-wrapper .tiny-description:hover {
  cursor: pointer;
}
#power-strategy #side .slider.open {
  right: 0;
  box-shadow: -5px -5px 16px 0 rgba(55, 55, 55, 0.1);
}
#power-strategy #side .slider.open .editable-area {
  background-color: white;
}
#power-strategy #side .slider.open .editable-area #open {
  opacity: 0;
}
#power-strategy #side .slider.open .editable-area #close {
  opacity: 1;
}
#power-strategy #side .slider.open .editable-area .document {
  opacity: 1;
  width: 100%;
}
#power-strategy #side .slider.open .editable-area .document .strategy {
  opacity: 1;
}
#power-strategy #side .slider.open .editable-area .document .title {
  display: flex;
}
#power-strategy #side .slider.open .editable-area .document .title h3,
#power-strategy #side .slider.open .editable-area .document .title p {
  opacity: 1;
}
#power-strategy #side .slider.open .editable-area .document .details span {
  opacity: 1;
}
#power-strategy #side .slider.open .editable-area .document .editor-wrapper .tiny-description {
  opacity: 1;
}
#power-strategy #side .slider.open .editable-area .document .editor-wrapper .tiny-description:hover {
  cursor: text;
}
#power-strategy .button-wrapper.complete {
  bottom: 20px;
  margin-bottom: 0;
}
#power-strategy .button-wrapper.complete div {
  position: unset;
  padding-bottom: 20px;
}
#power-strategy .button-wrapper.complete div p {
  color: #606060;
  font-size: 13px;
  line-height: 17px;
}
#power-strategy .button-wrapper form {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#power-strategy .button-wrapper .custom-button {
  height: 42px;
  padding: 0 16px;
  background-color: #4BB2FF;
  color: white;
  border-radius: 12px;
  font-size: 14px;
  font-weight: bold;
  max-width: 320px;
}
#power-strategy .button-wrapper .custom-button .icon {
  margin-right: 8px;
  color: #3FFFA8;
  font-size: 22px;
}
#power-strategy .button-wrapper .custom-button:disabled {
  background: #a4d8ff;
  opacity: 80%;
}
#power-strategy .button-wrapper div {
  position: absolute;
  bottom: -25px;
  left: 50px;
}
#power-strategy .button-wrapper div p {
  font-family: "Prompt", sans-serif;
  font-size: 12px;
  color: #4BB2FF;
  line-height: 17px;
}
@media (min-width: 640px) {
  #power-strategy {
    overflow: hidden;
    height: calc(100vh - 96px);
  }
  #power-strategy .steps {
    margin-top: 40px;
    width: 360px;
  }
  #power-strategy .steps a {
    text-decoration: none;
  }
  #power-strategy .steps a:hover {
    text-decoration: none;
  }
  #power-strategy .steps.not-accessible form > div,
  #power-strategy .steps.not-accessible div {
    transition: none;
  }
  #power-strategy .steps.not-accessible form > div:hover,
  #power-strategy .steps.not-accessible div:hover {
    filter: saturate(1);
  }
  #power-strategy .steps.not-accessible form > div button,
  #power-strategy .steps.not-accessible div button {
    background: transparent;
    cursor: default;
    text-align: left;
  }
  #power-strategy .steps form > div,
  #power-strategy .steps > div {
    border-left: 15px solid;
    padding-left: 10px;
    margin-bottom: 10px;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    transition: filter 0.3s;
    width: fit-content;
  }
  #power-strategy .steps form > div:hover,
  #power-strategy .steps > div:hover {
    filter: saturate(1.5);
  }
  #power-strategy .steps form > div button,
  #power-strategy .steps > div button {
    background: transparent;
    cursor: pointer;
    text-align: left;
  }
  #power-strategy .steps form > div span,
  #power-strategy .steps > div span {
    position: absolute;
    top: 3px;
    left: -13px;
    height: 11px;
    width: 11px;
  }
  #power-strategy .steps form > div span svg,
  #power-strategy .steps > div span svg {
    height: inherit;
    width: inherit;
  }
  #power-strategy .steps form > div span svg polyline,
  #power-strategy .steps > div span svg polyline {
    stroke: white;
    stroke-width: 3px;
  }
  #power-strategy .steps form > div p,
  #power-strategy .steps > div p {
    font-family: "Prompt", sans-serif;
    font-size: 11px;
    font-weight: 400;
  }
  #power-strategy .steps form > div div,
  #power-strategy .steps > div div {
    font-family: "Prompt Bold", sans-serif;
    font-size: 18px;
    padding-bottom: 10px;
  }
  #power-strategy .steps form > div div strong,
  #power-strategy .steps > div div strong {
    color: #000000;
  }
  #power-strategy .steps form > div.team-dynamic,
  #power-strategy .steps > div.team-dynamic {
    border-color: #9D40CC;
    color: #9D40CC;
  }
  #power-strategy .steps form > div.team-dynamic p,
  #power-strategy .steps > div.team-dynamic p {
    color: #9D40CC;
  }
  #power-strategy .steps form > div.team-dynamic div,
  #power-strategy .steps > div.team-dynamic div {
    color: #9D40CC;
  }
  #power-strategy .steps form > div.ideal-fit,
  #power-strategy .steps > div.ideal-fit {
    border-color: #0A8BF0;
    color: #0A8BF0;
  }
  #power-strategy .steps form > div.ideal-fit p,
  #power-strategy .steps > div.ideal-fit p {
    color: #0A8BF0;
  }
  #power-strategy .steps form > div.ideal-fit div,
  #power-strategy .steps > div.ideal-fit div {
    color: #0A8BF0;
  }
  #power-strategy .steps form > div.culture-here,
  #power-strategy .steps > div.culture-here {
    border-color: #E21B56;
    color: #E21B56;
  }
  #power-strategy .steps form > div.culture-here p,
  #power-strategy .steps > div.culture-here p {
    color: #E21B56;
  }
  #power-strategy .steps form > div.culture-here div,
  #power-strategy .steps > div.culture-here div {
    color: #E21B56;
  }
  #power-strategy .steps.complete {
    width: 500px;
    margin-left: 0;
  }
  #power-strategy .steps.complete form > div div,
  #power-strategy .steps.complete > div div {
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 20px;
  }
  #power-strategy .steps.complete form > div p,
  #power-strategy .steps.complete > div p {
    font-size: 13px;
    line-height: 35px;
  }
  #power-strategy .left-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  #power-strategy .left-container {
    display: flex;
    justify-content: flex-end;
  }
  #power-strategy .complete-text {
    color: #1C4E75;
    font-family: "Prompt", sans-serif;
    font-weight: 500;
    font-size: 19px;
    line-height: 27px;
    width: 500px;
    padding-right: 30px;
    top: 100px;
  }
  #power-strategy .question {
    margin-top: calc((100vh - 70vh - 96px) / 2);
    margin-right: 20px;
  }
  #power-strategy .question .number {
    font-size: 21px;
    height: 30px;
    line-height: 30px;
    width: 30px;
  }
  #power-strategy .question p {
    font-size: 17px;
    line-height: 22px;
    padding-top: 5px;
    width: 360px;
  }
  #power-strategy .complete-button {
    position: absolute;
    bottom: 40px;
  }
  #power-strategy .complete-button div p {
    line-height: 17px;
  }
  #power-strategy .options-holder::-webkit-scrollbar {
    width: 10px;
  }
  #power-strategy .options-holder::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  #power-strategy .options-holder::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
  }
  #power-strategy .options-holder::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  #power-strategy .options-holder {
    max-height: 70vh;
    margin-top: calc((100vh - 70vh - 96px) / 2);
    width: 340px;
    position: unset;
    overflow-y: auto;
    height: max-content;
  }
  #power-strategy .options-holder.margin-top-fix {
    margin-top: calc((100vh - 96px) / 100 * 15);
  }
  #power-strategy .options-holder.margin-top-fix .option-details {
    top: calc((100vh - 96px) / 100 * 15);
  }
  #power-strategy .options-holder .option-details {
    position: absolute;
    height: 100%;
    width: 50vw;
    right: -50vw;
    top: calc((100vh - 70vh - 96px) / 2);
    max-height: 50vh;
    z-index: 5;
  }
  #power-strategy .options-holder .option-details div {
    border-left: 1px solid #FFFFFF;
    margin-left: 40px;
    padding: 20px 20px 80px 20px;
  }
  #power-strategy .options-holder .option-details h3 {
    font-family: "Prompt Bold", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
  }
  #power-strategy .options-holder .option-details p {
    color: #FFFFFF;
    font-family: "Prompt", sans-serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 29px;
  }
  #power-strategy .options-holder.team-dynamic {
    border-color: #9D40CC;
  }
  #power-strategy .options-holder.team-dynamic .active {
    background: #9D40CC;
  }
  #power-strategy .options-holder.team-dynamic .active a {
    color: #FFFFFF;
  }
  #power-strategy .options-holder.team-dynamic a {
    color: #9D40CC;
  }
  #power-strategy .options-holder.team-dynamic div {
    border-bottom: 1px solid rgba(150, 113, 160, 0.44);
  }
  #power-strategy .options-holder.team-dynamic .divider {
    background: #9671A0;
  }
  #power-strategy .options-holder.team-dynamic .option-details {
    border: none;
    background: #CAA1E7;
  }
  #power-strategy .options-holder.team-dynamic .option-details h3 {
    color: #9D40CC;
  }
  #power-strategy .options-holder.ideal-fit {
    border-color: #0A8BF0;
  }
  #power-strategy .options-holder.ideal-fit .active {
    background: #0A8BF0;
  }
  #power-strategy .options-holder.ideal-fit .active a {
    color: #FFFFFF;
  }
  #power-strategy .options-holder.ideal-fit a {
    color: #0A8BF0;
  }
  #power-strategy .options-holder.ideal-fit div {
    border-bottom: 1px solid rgba(105, 151, 188, 0.56);
  }
  #power-strategy .options-holder.ideal-fit div.left-border {
    border-left: 3px solid #0D549D;
  }
  #power-strategy .options-holder.ideal-fit .divider {
    background: #6090B5;
  }
  #power-strategy .options-holder.ideal-fit .divider.with-text {
    background: #0D549D;
    color: #C9D9E5;
    font-family: 'Prompt', sans-serif;
    font-size: 11px;
    opacity: 1;
    padding: 3px 10px;
    height: 24px;
  }
  #power-strategy .options-holder.ideal-fit .option-details {
    background: #83C5F7;
  }
  #power-strategy .options-holder.ideal-fit .option-details h3 {
    color: #0A8BF0;
  }
  #power-strategy .options-holder.culture-here {
    border-color: #E21B56;
  }
  #power-strategy .options-holder.culture-here .active {
    background: #E21B56;
  }
  #power-strategy .options-holder.culture-here .active a {
    color: #FFFFFF;
  }
  #power-strategy .options-holder.culture-here a {
    color: #E21B56;
  }
  #power-strategy .options-holder.culture-here div {
    border-bottom: 1px solid rgba(200, 129, 129, 0.44);
  }
  #power-strategy .options-holder.culture-here .divider {
    background: #C68181;
  }
  #power-strategy .options-holder.culture-here .option-details {
    background: #F18EAB;
  }
  #power-strategy .options-holder.culture-here .option-details h3 {
    color: #E21B56;
  }
  #power-strategy .options-holder.culture-here .skip-link {
    bottom: -35px;
    border: none;
    color: #C48181;
    font-size: 11px;
    height: 35px;
    left: -10px;
    padding: 0;
    position: absolute;
  }
  #power-strategy .options-holder.culture-here .skip-link a {
    line-height: 35px;
  }
  #power-strategy .options-holder .display-toggle {
    display: none;
  }
  #power-strategy .button-wrapper {
    bottom: 0;
    margin-bottom: 47px;
    max-width: 360px;
    position: absolute;
    right: 40px;
    width: 100%;
  }
  #power-strategy .button-wrapper.complete {
    max-width: 320px;
    bottom: 20px;
    margin-bottom: 0;
  }
  #power-strategy .button-wrapper.complete div {
    position: unset;
    padding-bottom: 20px;
  }
  #power-strategy .button-wrapper.complete div p {
    color: #606060;
    font-size: 13px;
    line-height: 17px;
  }
  #power-strategy .button-wrapper .custom-button {
    height: 42px;
    padding: 0 16px;
    background-color: #4BB2FF;
    color: white;
    border-radius: 12px;
    font-size: 14px;
    font-weight: bold;
  }
  #power-strategy .button-wrapper .custom-button .icon {
    margin-right: 8px;
    color: #3FFFA8;
    font-size: 22px;
  }
  #power-strategy .button-wrapper .custom-button:disabled {
    background: #a4d8ff;
    opacity: 80%;
  }
  #power-strategy .button-wrapper div {
    position: absolute;
    bottom: -25px;
    left: 50px;
  }
  #power-strategy .button-wrapper div p {
    font-family: "Prompt", sans-serif;
    font-size: 12px;
    color: #4BB2FF;
    line-height: 17px;
  }
  #power-strategy #side {
    height: calc(100vh - 72px - 60px - 36px);
  }
  #power-strategy #side .wise-word {
    flex: 1;
    margin-right: 15%;
  }
  #power-strategy #side .wise-word h3 {
    padding-top: 0;
    font-size: 55px;
    line-height: 85px;
  }
  #power-strategy #side .wise-word h5 {
    width: 530px;
    font-size: 28px;
    line-height: 38px;
  }
  #power-strategy #side .wise-word p {
    font-size: 14px;
    line-height: 26px;
  }
}
@media (min-width: 640px) {
  .position-fix {
    position: absolute;
    bottom: 0;
  }
}
@media (min-width: 960px) {
  #power-strategy {
    height: unset;
  }
  #power-strategy .complete-text {
    color: #1C4E75;
    font-family: "Prompt", sans-serif;
    font-weight: 500;
    font-size: 19px;
    line-height: 25px;
    width: 500px;
    padding-right: 30px;
  }
  #power-strategy .steps a {
    text-decoration: none;
  }
  #power-strategy .steps a:hover {
    text-decoration: none;
  }
  #power-strategy .steps form > div,
  #power-strategy .steps > div {
    border-left: 15px solid;
    padding-left: 10px;
    margin-bottom: 10px;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    transition: filter 0.3s;
  }
  #power-strategy .steps form > div:hover,
  #power-strategy .steps > div:hover {
    filter: saturate(1.5);
  }
  #power-strategy .steps form > div button,
  #power-strategy .steps > div button {
    background: transparent;
    cursor: pointer;
    text-align: left;
  }
  #power-strategy .steps form > div button:disabled,
  #power-strategy .steps > div button:disabled {
    cursor: default;
  }
  #power-strategy .steps form > div span,
  #power-strategy .steps > div span {
    position: absolute;
    top: 3px;
    left: -13px;
    height: 11px;
    width: 11px;
  }
  #power-strategy .steps form > div span svg,
  #power-strategy .steps > div span svg {
    height: inherit;
    width: inherit;
  }
  #power-strategy .steps form > div span svg polyline,
  #power-strategy .steps > div span svg polyline {
    stroke: white;
    stroke-width: 3px;
  }
  #power-strategy .steps form > div p,
  #power-strategy .steps > div p {
    font-family: "Prompt", sans-serif;
    font-size: 11px;
    font-weight: 400;
  }
  #power-strategy .steps form > div div,
  #power-strategy .steps > div div {
    font-family: "Prompt Bold", sans-serif;
    font-size: 18px;
    padding-bottom: 10px;
  }
  #power-strategy .steps form > div div strong,
  #power-strategy .steps > div div strong {
    color: #000000;
  }
  #power-strategy .steps form > div.team-dynamic,
  #power-strategy .steps > div.team-dynamic {
    border-color: #9D40CC;
    color: #9D40CC;
  }
  #power-strategy .steps form > div.team-dynamic p,
  #power-strategy .steps > div.team-dynamic p {
    color: #9D40CC;
  }
  #power-strategy .steps form > div.team-dynamic div,
  #power-strategy .steps > div.team-dynamic div {
    color: #9D40CC;
  }
  #power-strategy .steps form > div.ideal-fit,
  #power-strategy .steps > div.ideal-fit {
    border-color: #0A8BF0;
    color: #0A8BF0;
  }
  #power-strategy .steps form > div.ideal-fit p,
  #power-strategy .steps > div.ideal-fit p {
    color: #0A8BF0;
  }
  #power-strategy .steps form > div.ideal-fit div,
  #power-strategy .steps > div.ideal-fit div {
    color: #0A8BF0;
  }
  #power-strategy .steps form > div.culture-here,
  #power-strategy .steps > div.culture-here {
    border-color: #E21B56;
    color: #E21B56;
  }
  #power-strategy .steps form > div.culture-here p,
  #power-strategy .steps > div.culture-here p {
    color: #E21B56;
  }
  #power-strategy .steps form > div.culture-here div,
  #power-strategy .steps > div.culture-here div {
    color: #E21B56;
  }
  #power-strategy .steps.complete {
    width: 520px;
    margin-left: 0;
  }
  #power-strategy .steps.complete form > div div,
  #power-strategy .steps.complete > div div {
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 20px;
  }
  #power-strategy .steps.complete form > div p,
  #power-strategy .steps.complete > div p {
    font-size: 13px;
    line-height: 35px;
  }
  .uap-wrapper {
    padding: 20px;
    max-width: 520px;
    margin: 0 auto;
  }
}
/*
.tox .tox-tbtn {
    transform: scale(0.7) !important;
    height: unset !important;
    width: unset !important;
}
.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
    width: unset !important;
}
*/
.button-cta {
  background: #29a0ff;
  color: #FFFFFF;
  line-height: 14px;
  padding: 13px 20px 13px 15px;
  font-family: inherit;
  font-weight: 600;
  font-size: 14px;
  border: none;
  border-radius: 10px;
}
.button-cta:hover {
  background: #0686ED;
}
.button-cta:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('../images/icons/green-arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.button-cta.completed-button {
  padding: 13px 15px 13px 20px;
}
.button-cta.completed-button:before {
  display: none;
}
.button-cta.completed-button:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 12px;
  background-image: url('../images/icons/checkmark-green.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
}
.button-cta:disabled {
  background: #a4d8ff;
  cursor: default;
}
.button-cta.button-cta-no-icon {
  padding: 13px 20px 13px 20px;
}
.button-cta.button-cta-no-icon:before,
.button-cta.button-cta-no-icon:after {
  display: none;
}
#jobs-wrapper:not(.job-with-preview) .job-header {
  padding: 0 !important;
}
#jobs-wrapper:not(.job-with-preview) .job-header #post-options,
#jobs-wrapper:not(.job-with-preview) .job-header .post-options {
  display: none;
}
#jobs-wrapper .uk-table tr.post-completed {
  background: #ECF0F2;
}
#preview-close {
  position: absolute;
  top: 10px;
  right: 30px;
  cursor: pointer;
  opacity: 0.3;
}
#job-details #post_details_description_template_container.expanded {
  height: 320px;
}
#job-details #post_details_description_template_container .tinymce p {
  color: #161616;
  line-height: 1.5em;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  margin: 0 0 15px 0;
}
#job-details #post_details_description_template_container .tinymce h4 {
  font-family: "Prompt-SemiBold", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.375em;
  margin: 0 0 15px 0;
}
#job-details #post_details_description_template_container .tinymce ul,
#job-details #post_details_description_template_container .tinymce ol {
  margin: 0 0 20px 20px;
  padding: 0;
}
#job-details #post_details_description_template_container .tinymce ul li,
#job-details #post_details_description_template_container .tinymce ol li {
  color: #161616;
  margin-bottom: 10px;
  line-height: 1.5em;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
}
#job-details .tinymce-holder {
  z-index: 4;
  margin-left: 100px;
  display: flex;
  justify-content: flex-end;
}
#job-details .tinymce-holder .tox-tinymce-inline {
  width: auto;
}
#job-details .tinymce-holder .tox-toolbar__primary {
  justify-content: flex-end;
}
#job-details .tinymce-holder .tox-toolbar__primary .tox-toolbar__group {
  flex-wrap: nowrap;
}
#job-details .tinymce-holder .tox-toolbar__primary .tox-toolbar__group button {
  scale: 0.875;
}
#job-details #side .indicator {
  top: 0;
  left: 0;
  padding: 6px 30px 12px 30px;
  background: #FFFFFF;
  width: 100%;
}
.tinymce-holder .tox-tinymce-inline {
  background: #FFFFFF;
  padding: 0 10px;
  position: absolute;
  width: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
  border-radius: 0 0 5px 5px;
}
.tinymce-holder .tox-tinymce-inline .tox-editor-container .tox-editor-header {
  border-radius: 0;
  border: none;
}
.tinymce-holder .tox-tinymce-inline .tox-editor-container .tox-editor-header .tox-toolbar__primary {
  justify-content: flex-end;
}
.hidden-form {
  width: 300px;
  z-index: 1;
  position: absolute;
  left: 10px;
}
.favorites-hover :hover {
  cursor: pointer;
}
#power-content {
  background: white;
}
#power-content .left-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  border-right: 1px solid #EFEEE8;
  height: calc(100vh - 96px);
}
#power-content .left-wrapper .content-edit {
  width: 100%;
  background: white;
  margin-top: 50px;
  border-top: none;
  border-bottom: none;
}
#power-content .left-wrapper .content-edit .flex-direction {
  flex-direction: column;
}
#power-content .left-wrapper .content-edit .strategy {
  border-top: 1px solid #AEAEAE;
  width: 100%;
  padding: 10px;
  align-items: center;
}
#power-content .left-wrapper .content-edit .strategy .edit-buttons span {
  z-index: 2;
}
#power-content .left-wrapper .content-edit .strategy p {
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  line-height: 20px;
}
#power-content .left-wrapper .content-edit .strategy p.choice {
  font-family: "Prompt-SemiBold", sans-serif;
  font-weight: 600;
  position: relative;
}
#power-content .left-wrapper .content-edit .strategy p.choice .show-on-hover {
  position: absolute;
  right: -15px;
  top: 0;
  display: none;
}
#power-content .left-wrapper .content-edit .strategy p.explanation {
  display: none;
  margin-top: 5px;
  font-size: 11px;
  line-height: 14px;
}
#power-content .left-wrapper .content-edit:last-child .strategy {
  border-bottom: 1px solid #979797;
}
#power-content .left-wrapper .content-edit .editor-holder {
  display: flex;
  flex-direction: row;
}
#power-content .left-wrapper .content-edit .editor-holder .divider {
  position: relative;
  min-width: 23px;
}
#power-content .left-wrapper .content-edit .editor-holder .divider img {
  position: absolute;
}
#power-content .left-wrapper .content-edit .editor-holder .divider img.reset {
  top: 15px;
  right: 4.5px;
}
#power-content .left-wrapper .content-edit .editor-holder .divider img.reset:hover {
  cursor: pointer;
}
#power-content .left-wrapper .content-edit .editor-holder .divider img.changed {
  top: 25px;
  right: 4.5px;
}
#power-content .left-wrapper .content-edit .editor-holder .divider img.checked {
  bottom: 10px;
  right: 5px;
}
#power-content .left-wrapper .content-edit .editor-holder .divider img.checked:hover {
  cursor: pointer;
}
#power-content .left-wrapper .content-edit .editor-holder .attribute-edit {
  position: relative;
  padding: 0;
  width: 100%;
  overflow: hidden;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #373737;
  line-height: 20px;
  /*
                    h4 {
                        padding: 0 10px;
                        font-family: "Prompt-SemiBold", sans-serif;
                        font-size: 22px;
                        font-weight: 600;
                        color: #3E3D3D;
                        line-height: 32px;
                        outline: none;
                        user-select: text;

                        & + div {
                            padding: 0 10px;
                        }
                    }
                     */
  /*
                    p {
                        font-family: "Prompt", sans-serif;
                        font-size: 14px;
                        color: #373737;
                        line-height: 20px;
                    }
                     */
}
#power-content .left-wrapper .content-edit .editor-holder .attribute-edit .editor-wrapper {
  position: relative;
}
#power-content .left-wrapper .content-edit .editor-holder .attribute-edit .editor-wrapper .holder {
  position: absolute;
  top: -13px;
  right: 0;
}
#power-content .left-wrapper .content-edit .editor-holder .attribute-edit .editor-wrapper div[contenteditable="true"] {
  outline: none;
  height: 14vh;
  overflow: auto;
}
#power-content .left-wrapper .content-edit .editor-holder .attribute-edit .edit-buttons {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 15px;
  left: 20px;
}
#power-content .left-wrapper .content-edit .editor-holder .attribute-edit .edit-buttons span,
#power-content .left-wrapper .content-edit .editor-holder .attribute-edit .edit-buttons button {
  height: 25px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: transparent;
  cursor: pointer;
}
#power-content .left-wrapper .content-edit .editor-holder .attribute-edit .edit-buttons span img,
#power-content .left-wrapper .content-edit .editor-holder .attribute-edit .edit-buttons button img {
  width: 15px;
  height: auto;
}
@media (max-width: 960px) {
  #power-content .left-wrapper .content-edit .ideal-fit .strategy {
    border-left: 23px solid #0A8BF0;
  }
}
#power-content .left-wrapper .content-edit .ideal-fit .strategy p {
  color: #0A8BF0;
}
#power-content .left-wrapper .content-edit .ideal-fit .divider {
  background: #0A8BF0;
}
@media (max-width: 960px) {
  #power-content .left-wrapper .content-edit .team-dynamics .strategy {
    border-left: 23px solid #9D40CC;
  }
}
#power-content .left-wrapper .content-edit .team-dynamics .strategy p {
  color: #9D40CC;
}
#power-content .left-wrapper .content-edit .team-dynamics .divider {
  background: #9D40CC;
}
@media (max-width: 960px) {
  #power-content .left-wrapper .content-edit .culture-here .strategy {
    border-left: 23px solid #E21B56;
  }
}
#power-content .left-wrapper .content-edit .culture-here .strategy p {
  color: #E21B56;
}
#power-content .left-wrapper .content-edit .culture-here .divider {
  background: #E21B56;
}
#power-content .left-wrapper .content-edit .ideal-fit .strategy:hover .explanation,
#power-content .left-wrapper .content-edit .team-dynamics .strategy:hover .explanation,
#power-content .left-wrapper .content-edit .culture-here .strategy:hover .explanation {
  display: block;
}
#power-content .left-wrapper .content-edit .ideal-fit .strategy:hover .show-on-hover,
#power-content .left-wrapper .content-edit .team-dynamics .strategy:hover .show-on-hover,
#power-content .left-wrapper .content-edit .culture-here .strategy:hover .show-on-hover {
  display: block;
}
#power-content .left-wrapper .button-holder {
  position: absolute;
  top: 15px;
  left: 20px;
}
#power-content .left-wrapper .button-holder .uk-button.completed-button::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 13px;
  background-image: url('../images/icons/checkmark-green.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
}
#power-content .left-wrapper .button-holder .uk-button.incomplete-button::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url('../images/icons/green-arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
#power-content .left-wrapper .button-holder .uk-button:disabled {
  opacity: 50%;
  background: #4BB2FF;
  border-color: #4BB2FF;
  color: white;
}
#power-content .left-wrapper .button-holder .uk-button:disabled:hover {
  cursor: unset;
}
#power-content .side {
  height: calc(100vh - 72px);
  background: #EFEEE8;
  overflow-y: auto;
}
#power-content .left-wrapper .content-edit {
  margin-top: 60px;
  flex-grow: 1;
}
#power-content .left-wrapper .content-edit .ideal-fit,
#power-content .left-wrapper .content-edit .team-dynamics,
#power-content .left-wrapper .content-edit .culture-here {
  min-height: calc((100vh - 96px) / 3);
}
#power-content .left-wrapper .content-edit .ideal-fit > div,
#power-content .left-wrapper .content-edit .team-dynamics > div,
#power-content .left-wrapper .content-edit .culture-here > div {
  min-height: inherit;
}
#power-content .left-wrapper .content-edit .ideal-fit .strategy,
#power-content .left-wrapper .content-edit .team-dynamics .strategy,
#power-content .left-wrapper .content-edit .culture-here .strategy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#power-content .left-wrapper .content-edit .ideal-fit .strategy .edit-buttons,
#power-content .left-wrapper .content-edit .team-dynamics .strategy .edit-buttons,
#power-content .left-wrapper .content-edit .culture-here .strategy .edit-buttons {
  display: flex;
  margin-bottom: 10px;
}
#power-content .left-wrapper .content-edit .ideal-fit .strategy .edit-buttons span,
#power-content .left-wrapper .content-edit .team-dynamics .strategy .edit-buttons span,
#power-content .left-wrapper .content-edit .culture-here .strategy .edit-buttons span {
  margin-right: 10px;
}
#power-content .left-wrapper .content-edit .ideal-fit .editor-holder,
#power-content .left-wrapper .content-edit .team-dynamics .editor-holder,
#power-content .left-wrapper .content-edit .culture-here .editor-holder {
  flex-grow: 1;
}
#power-content .left-wrapper .content-edit .ideal-fit .editor-holder .editor-wrapper,
#power-content .left-wrapper .content-edit .team-dynamics .editor-holder .editor-wrapper,
#power-content .left-wrapper .content-edit .culture-here .editor-holder .editor-wrapper {
  padding-bottom: 15px;
}
@media (min-width: 960px) {
  #power-content .left-wrapper #hidden-form {
    position: relative;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
    flex: 0 0 70px;
    width: 100%;
  }
  #power-content .left-wrapper .content-edit .ideal-fit,
  #power-content .left-wrapper .content-edit .team-dynamics,
  #power-content .left-wrapper .content-edit .culture-here {
    min-height: calc((100vh - 96px) / 3);
  }
  #power-content .left-wrapper .content-edit .ideal-fit > div,
  #power-content .left-wrapper .content-edit .team-dynamics > div,
  #power-content .left-wrapper .content-edit .culture-here > div {
    min-height: inherit;
  }
  #power-content .left-wrapper .content-edit .ideal-fit .strategy,
  #power-content .left-wrapper .content-edit .team-dynamics .strategy,
  #power-content .left-wrapper .content-edit .culture-here .strategy {
    flex-direction: row;
  }
  #power-content .left-wrapper .content-edit .ideal-fit .strategy .edit-buttons,
  #power-content .left-wrapper .content-edit .team-dynamics .strategy .edit-buttons,
  #power-content .left-wrapper .content-edit .culture-here .strategy .edit-buttons {
    flex-direction: column;
    margin-bottom: 0;
  }
  #power-content .left-wrapper .content-edit .ideal-fit .strategy .edit-buttons span,
  #power-content .left-wrapper .content-edit .team-dynamics .strategy .edit-buttons span,
  #power-content .left-wrapper .content-edit .culture-here .strategy .edit-buttons span {
    margin-right: 0;
  }
  #power-content .left-wrapper .content-edit .ideal-fit .editor-holder,
  #power-content .left-wrapper .content-edit .team-dynamics .editor-holder,
  #power-content .left-wrapper .content-edit .culture-here .editor-holder {
    flex-grow: 1;
  }
  #power-content .left-wrapper .content-edit .ideal-fit .editor-holder .editor-wrapper,
  #power-content .left-wrapper .content-edit .team-dynamics .editor-holder .editor-wrapper,
  #power-content .left-wrapper .content-edit .culture-here .editor-holder .editor-wrapper {
    padding: 0;
  }
}
@media (min-width: 960px) {
  #power-content .left-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    height: calc(100vh - 96px);
  }
  #power-content .left-wrapper .content-edit {
    background: white;
    margin-top: 30px;
    border-top: 1px solid #AEAEAE;
    border-bottom: 1px solid #AEAEAE;
    overflow-y: scroll;
  }
  #power-content .left-wrapper .content-edit::-webkit-scrollbar {
    background-color: #FFFFFF;
    bottom: 0;
    height: 100%;
    position: sticky;
    width: 7px;
  }
  #power-content .left-wrapper .content-edit::-webkit-scrollbar-thumb {
    background-color: #D1D1D1;
    border-radius: 0;
    cursor: pointer;
    transition: background-color 0.25s ease;
  }
  #power-content .left-wrapper .content-edit::-webkit-scrollbar-thumb:hover {
    background-color: #29a2ff;
  }
  #power-content .left-wrapper .content-edit .flex-direction {
    flex-direction: row;
  }
  #power-content .left-wrapper .content-edit .strategy {
    border-top: 1px solid #979797;
    min-width: 200px;
    max-width: 200px;
    padding: 20px;
    align-items: flex-start;
  }
  #power-content .left-wrapper .content-edit .strategy p {
    font-family: "Prompt", sans-serif;
    font-size: 16px;
    line-height: 22px;
  }
  #power-content .left-wrapper .content-edit .strategy p.choice {
    font-family: "Prompt-SemiBold", sans-serif;
    font-weight: 600;
    position: relative;
  }
  #power-content .left-wrapper .content-edit .strategy p.choice .show-on-hover {
    position: absolute;
    right: -15px;
    top: 0;
    display: none;
  }
  #power-content .left-wrapper .content-edit .strategy p.explanation {
    display: none;
    margin-top: 5px;
    font-size: 11px;
    line-height: 14px;
  }
  #power-content .left-wrapper .content-edit:last-child .strategy {
    border-bottom: 1px solid #979797;
  }
  #power-content .left-wrapper .content-edit .editor-holder .divider {
    position: relative;
    min-width: 23px;
  }
  #power-content .left-wrapper .content-edit .editor-holder .divider img {
    position: absolute;
  }
  #power-content .left-wrapper .content-edit .editor-holder .divider img.reset {
    top: 15px;
    right: 4.5px;
  }
  #power-content .left-wrapper .content-edit .editor-holder .divider img.reset:hover {
    cursor: pointer;
  }
  #power-content .left-wrapper .content-edit .editor-holder .divider img.changed {
    top: 25px;
    right: 4.5px;
  }
  #power-content .left-wrapper .content-edit .editor-holder .divider img.checked {
    bottom: 10px;
    right: 5px;
  }
  #power-content .left-wrapper .content-edit .editor-holder .divider img.checked:hover {
    cursor: pointer;
  }
  #power-content .left-wrapper .content-edit .editor-holder .attribute-edit {
    position: relative;
    padding: 10px 20px 10px 60px;
    overflow: hidden;
    font-family: "Prompt", sans-serif;
    font-size: 14px;
    color: #373737;
    line-height: 20px;
    /*
                        h4 {
                            font-family: "Prompt-SemiBold", sans-serif;
                            font-size: 22px;
                            font-weight: 600;
                            color: #3E3D3D;
                            line-height: 32px;
                            outline: none;
                            user-select: text;
                            padding: 0;

                            & + div {
                                padding: 0;
                            }
                        }

                        p {
                            font-family: "Prompt", sans-serif;
                            font-size: 14px;
                            color: #373737;
                            line-height: 20px;
                        }
                         */
  }
  #power-content .left-wrapper .content-edit .editor-holder .attribute-edit .edit-buttons {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 15px;
    left: 20px;
  }
  #power-content .left-wrapper .content-edit .editor-holder .attribute-edit .edit-buttons span,
  #power-content .left-wrapper .content-edit .editor-holder .attribute-edit .edit-buttons button {
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: transparent;
    cursor: pointer;
  }
  #power-content .left-wrapper .content-edit .editor-holder .attribute-edit .edit-buttons span img,
  #power-content .left-wrapper .content-edit .editor-holder .attribute-edit .edit-buttons button img {
    width: 15px;
    height: auto;
  }
  #power-content .left-wrapper .content-edit .ideal-fit {
    min-height: calc((100vh - 96px - 102px) / 3);
  }
  #power-content .left-wrapper .content-edit .ideal-fit > div {
    min-height: inherit;
  }
  #power-content .left-wrapper .content-edit .ideal-fit .strategy {
    border-top: none;
  }
  #power-content .left-wrapper .content-edit .ideal-fit .strategy p {
    color: #0A8BF0;
  }
  #power-content .left-wrapper .content-edit .ideal-fit .divider {
    background: #0A8BF0;
  }
  #power-content .left-wrapper .content-edit .team-dynamics {
    min-height: calc((100vh - 96px - 102px) / 3);
  }
  #power-content .left-wrapper .content-edit .team-dynamics > div {
    min-height: inherit;
  }
  #power-content .left-wrapper .content-edit .team-dynamics .strategy p {
    color: #9D40CC;
  }
  #power-content .left-wrapper .content-edit .team-dynamics .divider {
    background: #9D40CC;
  }
  #power-content .left-wrapper .content-edit .culture-here {
    min-height: calc((100vh - 96px - 102px) / 3);
  }
  #power-content .left-wrapper .content-edit .culture-here > div {
    min-height: inherit;
  }
  #power-content .left-wrapper .content-edit .culture-here .strategy p {
    color: #E21B56;
  }
  #power-content .left-wrapper .content-edit .culture-here .divider {
    background: #E21B56;
  }
  #power-content .left-wrapper .content-edit .ideal-fit .strategy:hover .explanation,
  #power-content .left-wrapper .content-edit .team-dynamics .strategy:hover .explanation,
  #power-content .left-wrapper .content-edit .culture-here .strategy:hover .explanation {
    display: block;
  }
  #power-content .left-wrapper .content-edit .ideal-fit .strategy:hover .show-on-hover,
  #power-content .left-wrapper .content-edit .team-dynamics .strategy:hover .show-on-hover,
  #power-content .left-wrapper .content-edit .culture-here .strategy:hover .show-on-hover {
    display: block;
  }
  #power-content .left-wrapper .button-holder {
    bottom: 20px;
    right: 20px;
    top: unset;
    left: unset;
    padding-right: 0;
    margin-bottom: 0;
  }
  #power-content .left-wrapper .button-holder .uk-button:disabled {
    opacity: 50%;
    background: #4BB2FF;
    border-color: #4BB2FF;
    color: white;
  }
  #power-content .left-wrapper .button-holder .uk-button:disabled:hover {
    cursor: unset;
  }
  #power-content .side {
    height: calc(100vh - 96px - 72px);
    background: #EFEEE8;
    overflow-y: auto;
  }
}
#power-content .button-holder-mobile {
  position: relative;
}
#power-content .button-holder-mobile #submitButtonM {
  max-width: 280px;
}
@media (min-width: 640px) {
  #power-content .button-holder-mobile #submitButtonM {
    max-width: unset;
  }
}
#power-content .button-holder-mobile #preview-opener {
  position: absolute;
  top: 20px;
  right: 10px;
  background: #4BB2FF;
  border: none;
  border-radius: 8px;
  height: 30px;
  width: 30px;
  z-index: 2;
}
#power-content .mobile-edit .attribute {
  position: relative;
  border-left: 20px solid;
  padding-right: 5px;
}
#power-content .mobile-edit .attribute .reset {
  position: absolute;
  top: 10px;
  left: -17px;
}
#power-content .mobile-edit .attribute .changed {
  position: absolute;
  top: 25px;
  left: -17px;
}
#power-content .mobile-edit .attribute .checked {
  position: absolute;
  bottom: 10px;
  left: -17px;
}
#power-content .mobile-edit .attribute.ideal-fit {
  border-color: #0A8BF0;
}
#power-content .mobile-edit .attribute.team-dynamics {
  border-color: #9D40CC;
}
#power-content .mobile-edit .attribute.culture-here {
  border-color: #E21B56;
}
#power-content .mobile-edit .attribute .icon-title-holder {
  display: flex;
  flex-direction: row;
  padding: 10px;
}
#power-content .mobile-edit .attribute .icon-title-holder .edit-buttons {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
#power-content .mobile-edit .attribute .icon-title-holder .edit-buttons span,
#power-content .mobile-edit .attribute .icon-title-holder .edit-buttons button {
  margin-bottom: 10px;
  background: transparent;
}
#power-content .mobile-edit .attribute .icon-title-holder .strategy.ideal-fit {
  color: #0A8BF0;
}
#power-content .mobile-edit .attribute .icon-title-holder .strategy.team-dynamics {
  color: #9D40CC;
}
#power-content .mobile-edit .attribute .icon-title-holder .strategy.culture-here {
  color: #E21B56;
}
#power-content .mobile-edit .attribute .icon-title-holder .strategy p {
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  line-height: 35px;
}
#power-content .mobile-edit .attribute .icon-title-holder .strategy p.choice {
  font-family: "Prompt-Bold", sans-serif;
  font-weight: 600;
  line-height: 20px;
}
#power-content .mobile-edit .attribute .attribute-edit {
  /*
                h4 {
                    font-family: "Prompt-SemiBold", sans-serif;
                    font-size: 22px;
                    font-weight: 600;
                    color: #3E3D3D;
                    line-height: 30px;
                    padding: 10px;
                }
                 */
}
#power-content .mobile-edit .attribute .attribute-edit [contenteditable="true"]:focus {
  outline: none;
}
#power-content #mobile-preview .uk-offcanvas-bar {
  width: 100% !important;
  padding: 0;
}
#power-content #mobile-preview .uk-offcanvas-bar button svg {
  color: gray;
}
#power-content #mobile-preview #jobDetailsContentMobile {
  padding: 20px;
  height: calc(100vh - 72px);
  overflow-y: auto;
}
#power-content #mobile-preview #jobDetailsContentMobile .editable-area .document .drag-container h4 {
  font-family: 'Prompt-SemiBold', sans-serif;
  font-size: 24px;
  color: #080808;
}
#power-content #mobile-preview #jobDetailsContentMobile .editable-area .document .drag-container p {
  font-family: 'Prompt-Medium', sans-serif;
  font-size: 14px;
  color: #373737;
}
#power-content #mobile-preview #jobDetailsContentMobile .drag-container .drag-grabber {
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
  cursor: grab;
}
#jobDetails .document,
#jobDetailsContent .document {
  padding-top: 30px;
  background: white;
}
#jobDetails .document div[contenteditable="true"],
#jobDetailsContent .document div[contenteditable="true"] {
  outline: none;
}
#jobDetails .document .drag-container .drag-grabber,
#jobDetailsContent .document .drag-container .drag-grabber {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: grab;
}
#jobDetails .document .editor-wrapper,
#jobDetailsContent .document .editor-wrapper {
  margin: 5px 0 30px 0;
  position: relative;
  color: #161616;
}
#jobDetails .document .editor-wrapper .holder,
#jobDetailsContent .document .editor-wrapper .holder {
  position: absolute;
  top: -43px;
  right: 0;
}
#jobDetails .document .editor-wrapper div[contenteditable="true"],
#jobDetailsContent .document .editor-wrapper div[contenteditable="true"] {
  outline: none;
}
#jobDetails .document .editor-wrapper #editorJobDescription,
#jobDetailsContent .document .editor-wrapper #editorJobDescription {
  outline: none;
  font-size: 14px;
}
#jobDetails .document .editor-wrapper #editorJobDescription .content,
#jobDetailsContent .document .editor-wrapper #editorJobDescription .content {
  position: relative;
}
#jobDetails .document .editor-wrapper #editorJobDescription .content::after,
#jobDetailsContent .document .editor-wrapper #editorJobDescription .content::after {
  content: '';
  height: 100%;
  left: -30px;
  position: absolute;
  top: 0;
  width: 15px;
}
#jobDetails .document .editor-wrapper #editorJobDescription #idealFit,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #idealFit {
  position: relative;
}
#jobDetails .document .editor-wrapper #editorJobDescription #idealFit::after,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #idealFit::after {
  background: #0A8BF0;
  content: '';
  height: 100%;
  left: -30px;
  position: absolute;
  top: 0;
  width: 15px;
}
#jobDetails .document .editor-wrapper #editorJobDescription #sideTitleIdealFit::after,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #sideTitleIdealFit::after,
#jobDetails .document .editor-wrapper #editorJobDescription #sideContentIdealFit::after,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #sideContentIdealFit::after {
  content: '';
  height: 100%;
  left: -30px;
  position: absolute;
  top: 0;
  width: 15px;
  background: #0A8BF0;
}
#jobDetails .document .editor-wrapper #editorJobDescription #teamDynamics,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #teamDynamics {
  position: relative;
}
#jobDetails .document .editor-wrapper #editorJobDescription #teamDynamics::after,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #teamDynamics::after {
  background: #9D40CC;
  content: '';
  height: 100%;
  left: -30px;
  position: absolute;
  top: 0;
  width: 15px;
}
#jobDetails .document .editor-wrapper #editorJobDescription #sideTitleTeamDynamics::after,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #sideTitleTeamDynamics::after,
#jobDetails .document .editor-wrapper #editorJobDescription #sideContentTeamDynamics::after,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #sideContentTeamDynamics::after {
  content: '';
  height: 100%;
  left: -30px;
  position: absolute;
  top: 0;
  width: 15px;
  background: #9D40CC;
}
#jobDetails .document .editor-wrapper #editorJobDescription #cultureHere,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #cultureHere {
  position: relative;
}
#jobDetails .document .editor-wrapper #editorJobDescription #cultureHere::after,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #cultureHere::after {
  background: #E21B56;
  content: '';
  height: 100%;
  left: -30px;
  position: absolute;
  top: 0;
  width: 15px;
}
#jobDetails .document .editor-wrapper #editorJobDescription #sideTitleCultureHere::after,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #sideTitleCultureHere::after,
#jobDetails .document .editor-wrapper #editorJobDescription #sideContentCultureHere::after,
#jobDetailsContent .document .editor-wrapper #editorJobDescription #sideContentCultureHere::after {
  content: '';
  height: 100%;
  left: -30px;
  position: absolute;
  top: 0;
  width: 15px;
  background: #E21B56;
}
#jobDetails .document .editor-wrapper div[role="application"],
#jobDetailsContent .document .editor-wrapper div[role="application"] {
  padding: 0;
}
#jobDetails .document .strategy,
#jobDetailsContent .document .strategy {
  margin: 0 0 30px 0;
  border-left: 15px solid;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #373737;
  line-height: 20px;
}
#jobDetails .document .strategy .content,
#jobDetailsContent .document .strategy .content {
  padding: 0;
}
#jobDetails .document .strategy .content p,
#jobDetailsContent .document .strategy .content p {
  margin-bottom: 30px;
}
#jobDetails .document .strategy .content p:last-child,
#jobDetailsContent .document .strategy .content p:last-child {
  margin-bottom: 0;
}
#jobDetails .document .strategy.ideal-fit,
#jobDetailsContent .document .strategy.ideal-fit {
  border-color: #0A8BF0;
}
#jobDetails .document .strategy.team-dynamics,
#jobDetailsContent .document .strategy.team-dynamics {
  border-color: #9D40CC;
}
#jobDetails .document .strategy.culture-here,
#jobDetailsContent .document .strategy.culture-here {
  border-color: #E21B56;
}
#jobDetails .document .strategy h4,
#jobDetailsContent .document .strategy h4 {
  outline: none;
  font-family: "Prompt-SemiBold", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #3E3D3D;
}
@media (max-width: 960px) {
  #jobDetails .document .strategy h4,
  #jobDetailsContent .document .strategy h4 {
    padding-left: 10px;
  }
}
#jobDetails .document .strategy p,
#jobDetailsContent .document .strategy p {
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #373737;
  line-height: 1.5em;
}
#jobDetails .document .strategy > div,
#jobDetailsContent .document .strategy > div {
  padding: 0 20px 0 30px;
}
@media (max-width: 960px) {
  #jobDetails .document .strategy > div,
  #jobDetailsContent .document .strategy > div {
    padding-left: 0;
  }
}
#jobDetails .document .strategy strong,
#jobDetailsContent .document .strategy strong,
#jobDetails .document .strategy b,
#jobDetailsContent .document .strategy b {
  font-family: "Prompt-Bold", sans-serif;
  font-weight: 700;
  color: #373737;
  line-height: 1.5em;
}
#jobDetails .document .strategy ul,
#jobDetailsContent .document .strategy ul,
#jobDetails .document .strategy ol,
#jobDetailsContent .document .strategy ol {
  font-family: "Prompt", sans-serif;
  padding-left: 30px;
  font-size: 14px;
  color: #373737;
  line-height: 1.5em;
}
.uk-modal {
  background: none;
}
.uk-modal#favoriteTeamDynamics {
  border-left: 5px solid #9D40CC;
}
.uk-modal#favoriteTeamDynamics .uk-modal-dialog h4,
.uk-modal#favoriteTeamDynamics .uk-modal-dialog h3 {
  color: #9D40CC;
}
.uk-modal#favoriteTeamDynamics .uk-modal-dialog div {
  font-size: 14px;
  font-family: "Prompt", sans-serif;
  color: #373737;
  line-height: 20px;
}
.uk-modal#favoriteIdealFit {
  border-left: 5px solid #0A8BF0;
}
.uk-modal#favoriteIdealFit .uk-modal-dialog h4,
.uk-modal#favoriteIdealFit .uk-modal-dialog h3 {
  color: #0A8BF0;
}
.uk-modal#favoriteIdealFit .uk-modal-dialog div {
  font-size: 14px;
  font-family: "Prompt", sans-serif;
  color: #373737;
  line-height: 20px;
}
.uk-modal#favoriteCultureHere {
  border-left: 5px solid #E21B56;
}
.uk-modal#favoriteCultureHere .uk-modal-dialog h4,
.uk-modal#favoriteCultureHere .uk-modal-dialog h3 {
  color: #E21B56;
}
.uk-modal#favoriteCultureHere .uk-modal-dialog div {
  font-size: 14px;
  font-family: "Prompt", sans-serif;
  color: #373737;
  line-height: 20px;
}
.uk-modal .uk-modal-dialog {
  box-shadow: 0 1px 10px rgba(15, 15, 15, 0.5);
  max-height: 90vh;
  overflow-y: auto;
}
@media (min-width: 960px) {
  .uk-modal .uk-modal-dialog {
    width: 50vw;
    max-height: 50vh;
  }
}
.uk-modal .uk-modal-dialog h4 {
  font-family: "Prompt-Bold", sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.uk-modal .uk-modal-dialog > div {
  padding: 20px;
  position: relative;
}
.uk-modal .uk-modal-dialog > div button {
  height: 16px;
  background: none;
  border: none;
  position: absolute;
  top: 20px;
  left: 0;
}
.uk-modal .uk-modal-dialog > div button img {
  width: auto;
  height: 16px;
}
.uk-modal .uk-modal-dialog > div h4 {
  font-family: "Prompt-SemiBold", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 27px;
  color: #3E3D3D;
}
.uk-modal .uk-modal-dialog > div p {
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  color: #373737;
  line-height: 20px;
}
img#pp_the_ideal_fit_title,
img#pp_the_ideal_fit_content,
img#pp_team_dynamic_title,
img#pp_team_dynamic_content,
img#pp_the_culture_here_title,
img#pp_the_culture_here_content,
img#pp_the_ideal_fit,
img#pp_team_dynamic,
img#pp_the_culture_here {
  display: block;
  margin-bottom: 15px;
}
.side-hint {
  background: #FFF5EF;
  border-radius: 8px;
  box-shadow: 1px 1px 5px rgba(55, 55, 55, 0.5);
  color: #202020;
  position: absolute;
  left: -90%;
  top: 100px;
  width: 95%;
  transition: left 0.5s ease-in-out;
  z-index: 100;
  padding: 30px 20px;
  line-height: 1.375em;
}
.side-hint:after {
  content: attr(data-title);
  background: url("../images/icons/question-rotated.svg") no-repeat scroll 0 0 transparent;
  background-size: contain;
  width: 12px;
  position: absolute;
  bottom: 4px;
  right: 2px;
  opacity: 0.75;
  writing-mode: vertical-lr;
  padding: 15px 0 0 0;
  transform: rotate(180deg);
  font-size: 12px;
  line-height: 12px;
  font-family: "Prompt", sans-serif;
  transition: color 0.5s ease-in-out;
}
.side-hint:hover {
  left: -87%;
}
.side-hint .exit {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
}
.side-hint.open {
  left: -10px;
}
.side-hint.open:hover {
  cursor: unset;
}
.side-hint.open .exit {
  display: block;
  z-index: 9999;
}
.side-hint.open .exit:hover {
  cursor: pointer;
}
.side-hint.complete h4 {
  color: #202020;
  font-family: "Prompt-Bold", sans-serif;
  font-size: 21px;
  line-height: 26px;
  font-weight: 700;
}
.side-hint.complete p {
  color: #202020;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  line-height: 19px;
}
.side-hint:hover {
  cursor: pointer;
}
@media (min-width: 640px) {
  .side-hint {
    padding: 40px 30px 65px 65px;
    left: -495px;
    width: 510px;
    top: 50%;
    transform: translateY(-50%);
    min-height: 240px;
  }
  .side-hint:not(.open):hover {
    left: -490px;
    transition: left 0.25s ease-out;
  }
  .side-hint:not(.open):hover:after {
    opacity: 1;
  }
  .side-hint.complete {
    padding-top: 85px;
  }
}
#collaborators {
  background: white;
  height: 72px;
  padding: 3px 10px;
  position: relative;
  border: 1px solid #E8E8E8;
}
#collaborators.disabled {
  background: #DFE5EB;
}
#collaborators.disabled #addNew {
  display: none;
}
#collaborators.disabled button:hover,
#collaborators.disabled a:hover {
  cursor: default;
}
#collaborators p {
  color: #000000;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: 300;
}
#collaborators .information-holder {
  align-items: center;
  display: flex;
  padding-top: 10px;
}
#collaborators .information-holder button {
  background: none;
  border: none;
  margin-left: 10px;
}
#collaborators .information-holder span {
  background: #9D779C center center;
  background-size: cover;
  border: 2px solid #979797;
  border-radius: 100%;
  box-sizing: border-box;
  color: #FFFFFF;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 30px;
  height: 33px;
  text-align: center;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#collaborators .information-holder span a {
  color: #FFFFFF;
  margin-left: 0;
}
#collaborators .information-holder span.editor {
  margin: -3px;
  width: 39px;
  height: 39px;
  border: 3px solid #5CC57D;
  background-clip: content-box;
  padding: 3px;
}
#collaborators .information-holder > p {
  color: #000000;
  font-size: 11px;
  font-weight: 400;
  margin-left: 20px;
  width: calc(100% - 33px - 20px - 39px);
}
#collaborators .note {
  background: #4BB2FF;
  border: 1px solid #4BB2FF;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 10px;
  font-weight: 400;
  left: 50%;
  padding: 4px;
  position: absolute;
  top: 3px;
  transform: translateX(-50%);
}
#collaborators .note:hover {
  background: #0686ED;
}
#collaborators-opened {
  background: white;
  height: 160px;
  padding: 3px 10px;
  border: 1px solid #E8E8E8;
  z-index: 2;
  margin-bottom: 0;
}
#collaborators-opened.disabled {
  background: #DFE5EB;
}
#collaborators-opened.disabled #addNew {
  display: none;
}
#collaborators-opened.disabled button:hover,
#collaborators-opened.disabled a:hover {
  cursor: default;
}
#collaborators-opened p {
  color: #000000;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: 300;
}
#collaborators-opened .information-holder {
  align-items: flex-start;
  display: flex;
  padding-top: 10px;
}
#collaborators-opened .information-holder span {
  background-color: #9D779C;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: 2px solid #979797;
  border-radius: 100%;
  box-sizing: border-box;
  color: #FFFFFF;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 30px;
  height: 33px;
  text-align: center;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#collaborators-opened .information-holder span a {
  color: #FFFFFF;
  margin-left: 0;
}
#collaborators-opened .information-holder span.editor {
  margin: -2px;
  width: 39px;
  height: 39px;
  border: 2px solid #5CC57D;
  background-clip: content-box;
  padding: 2px;
}
#collaborators-opened .information-holder button {
  background: none;
  border: none;
  margin-left: 10px;
}
#collaborators-opened .information-holder .input-with-button {
  flex: 1;
  margin: 0 20px;
  position: relative;
}
#collaborators-opened .information-holder .input-with-button input {
  width: 100%;
  height: 29px;
  border: 1px solid #b1b1b1;
  border-radius: 4px;
  color: black;
  font-size: 12px;
  padding-left: 10px;
}
#collaborators-opened .information-holder .input-with-button button {
  position: absolute;
  right: 4px;
  top: 4px;
  background: #4BB2FF;
  border: 1px solid #4BB2FF;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 10px;
  font-weight: 400;
  padding: 4px;
}
#collaborators-opened .information-holder .input-with-button button:hover {
  background: #0686ED;
}
#collaborators-opened .post-started {
  width: 100%;
  padding-top: 0;
  margin-top: 10px;
  height: 80px;
  overflow: auto;
}
#collaborators-opened .post-started p {
  color: #000000;
  font-size: 11px;
  font-weight: 400;
}
#collaborators .uk-dropdown,
#collaborators-opened .uk-dropdown {
  margin: 0;
  min-width: 180px !important;
  width: 180px;
  padding: 10px !important;
}
#collaborators .uk-dropdown div,
#collaborators-opened .uk-dropdown div {
  box-sizing: content-box;
}
#collaborators .uk-dropdown div a,
#collaborators-opened .uk-dropdown div a {
  align-items: center;
  color: black;
  display: flex;
  font-family: "Prompt", sans-serif;
  font-size: 12px;
  justify-content: flex-start;
  width: 100%;
}
#collaborators .uk-dropdown div a p,
#collaborators-opened .uk-dropdown div a p {
  margin-left: 0;
  word-wrap: normal;
}
#collaborators .uk-dropdown div a:hover,
#collaborators-opened .uk-dropdown div a:hover {
  background-color: #979797;
}
#collaborators .uk-dropdown div a span,
#collaborators-opened .uk-dropdown div a span {
  min-width: 33px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#collaborators .uk-dropdown div a span.editor,
#collaborators-opened .uk-dropdown div a span.editor {
  margin: -3px;
  width: 39px;
  height: 39px;
  border: 3px solid #5CC57D;
  background-clip: content-box;
  padding: 3px;
}
#collaborators .uk-dropdown div:last-child,
#collaborators-opened .uk-dropdown div:last-child {
  margin-bottom: 0;
}
@media (min-width: 960px) {
  #collaborators .information-holder > p {
    margin-left: 40px;
  }
}
#job-details #post-note,
#power-strategy #post-note {
  flex: 1;
  margin-top: 3px;
}
#power-content #post-note {
  flex: 1;
  margin-top: 3px;
}
#collaborators .fix-chevron,
#collaborators-opened .fix-chevron {
  cursor: pointer;
  margin-right: 10px;
  margin-top: 5px;
}
#wrapper {
  position: relative;
  overflow: hidden;
}
.start-button a {
  background: #29a0ff;
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  color: white;
  font-family: "Prompt", sans-serif;
  font-size: 16px;
  padding: 10px 20px;
  width: auto;
}
.start-button a:hover {
  background: #0686ED;
}
@media (min-width: 1600px) {
  .start-button a {
    font-size: 18px;
    padding: 12px 20px;
  }
}
@media (min-width: 2560px) {
  .start-button a {
    font-size: 22px;
    padding: 14px 20px;
  }
}
.uk-table tfoot tr td .uk-button {
  border: none;
  border-radius: 4px;
  font-size: 11px;
  height: 28px;
  letter-spacing: 0.5px;
  margin-right: 10px;
  padding: 4px 10px;
  width: auto;
}
.uk-table tfoot tr td .uk-button.uk-button-primary:disabled {
  background-color: rgba(195, 201, 217, 0.5);
  color: rgba(79, 96, 116, 0.5);
}
.uk-table tfoot tr td .uk-button.uk-button-primary:disabled:hover {
  background-color: rgba(195, 201, 217, 0.5);
  color: rgba(79, 96, 116, 0.5);
}
.uk-table .avatar {
  background-color: #9D779C;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: 1px solid transparent;
  border-radius: 100%;
  box-sizing: border-box;
  color: #FFFFFF;
  display: inline-block;
  font-family: 'Prompt', sans-serif;
  font-size: 10px;
  font-weight: normal;
  height: 25px;
  line-height: 23px;
  margin-right: 5px;
  outline-offset: 1px;
  position: relative;
  text-align: center;
  width: 25px;
}
.avatar-with-image {
  color: transparent !important;
}
.avatar-edit {
  cursor: pointer;
  position: relative;
}
.avatar-edit .avatar {
  background-color: #9D779C;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 100%;
  color: #FFFFFF;
  display: block;
  font-family: 'Prompt', sans-serif;
  font-size: 11px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 48px;
  margin: 0 auto;
  z-index: 1;
}
.avatar-edit input {
  opacity: 0;
  position: absolute;
  top: -30px;
  left: 0;
  z-index: 0;
}
.avatar-edit .label {
  color: #222222;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 10px 0 0 0;
  text-align: center;
}
.teams.heading .permanent-delete,
.teams-add.heading .permanent-delete {
  background: transparent;
  cursor: pointer;
  font-family: "Prompt", sans-serif;
}
.teams.heading .permanent-delete:hover,
.teams-add.heading .permanent-delete:hover {
  color: #4f6074;
}
#passwordButton > button {
  background: transparent;
  border: none;
  color: #0000EE;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 13px;
}
#passwordButton > button:disabled {
  color: #A0A080;
  cursor: default;
}
header .uk-navbar-nav li a.disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: #A0A0A0;
}
.navigation-list li a span:first-child {
  width: 18px;
  height: 18px;
  text-align: center;
  display: inline-block;
  margin: 0 5px 0 -15px;
  border: 1px solid #538ECE;
  border-radius: 10px;
  font-size: 12px;
  box-sizing: border-box;
  line-height: 16px;
}
.navigation-list li a.active span:first-child {
  border-color: #5FC783;
}
.navigation-list li a.active:hover {
  background: #FFFFFF;
  color: #000000;
}
#help_text_form input[type="checkbox"] {
  width: auto;
}
#filters .content-languages .nav-languages a {
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  color: #a9acb3;
}
#filters .content-languages .nav-languages a.active {
  color: #505152;
}
@media (min-width: 640px) {
  #filters .content-languages .nav-languages a {
    margin-right: 20px;
  }
}
.table-wrapper {
  /* overflow: initial !important; */
}
#company-form .select2-container--disabled .select2-selection {
  background: #fff;
}
.uk-select {
  font-size: 14px;
}
.reset-list-style ul {
  list-style-type: none;
}
.popup-dropdown {
  display: none;
  font-family: "Prompt", sans-serif;
  font-size: 13px;
  position: absolute;
  z-index: 9999;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  padding: 10px;
  width: 450px;
  transition: opacity 0.25s;
  transition-delay: 0.75s;
  opacity: 0;
}
.popup-dropdown.shown {
  opacity: 1;
}
#power-strategy {
  position: relative;
}
#power-strategy .left-container {
  padding-left: 35px;
}
#power-strategy .left-container .question {
  flex-grow: 1;
}
#power-strategy .left-container .options-holder {
  flex: none;
  width: calc(50% - 55px);
}
#power-strategy .panel-strategy {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  background: #FEF9F2;
  border-radius: 10px;
  padding: 10px 20px;
}
#power-strategy .panel-strategy h4 {
  font-size: 20px;
  font-family: "Prompt Bold", sans-serif;
}
#power-strategy .panel-strategy p {
  font-size: 16px;
  font-weight: 600;
  display: none;
  width: auto;
}
#power-strategy .panel-strategy p:nth-child(3) {
  display: block;
}
#power-strategy .panel-strategy p span {
  cursor: pointer;
}
#power-strategy .panel-strategy .panel-strategy-controls {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
#power-strategy .panel-strategy .panel-strategy-controls a {
  color: #9D40CC;
  cursor: pointer;
  font-size: 13px;
}
#power-strategy .team-dynamic {
  padding: 0;
}
#power-strategy .team-dynamic .panel-strategy h4 {
  color: #9D40CC;
}
#power-strategy .team-dynamic .panel-strategy p {
  color: #070401;
}
#power-strategy .team-dynamic .panel-strategy p span {
  color: #9D40CC;
}
#power-strategy .team-dynamic .panel-strategy .panel-strategy-controls a {
  color: #9D40CC;
}
#power-strategy .ideal-fit {
  padding: 0;
}
#power-strategy .ideal-fit .panel-strategy h4 {
  color: #0A8BF0;
}
#power-strategy .ideal-fit .panel-strategy p {
  color: #070401;
}
#power-strategy .ideal-fit .panel-strategy p span {
  color: #0A8BF0;
}
#power-strategy .ideal-fit .panel-strategy .panel-strategy-controls a {
  color: #0A8BF0;
}
#power-strategy .culture-here {
  padding: 0;
}
#power-strategy .culture-here .panel-strategy h4 {
  color: #E21B56;
}
#power-strategy .culture-here .panel-strategy p {
  color: #070401;
}
#power-strategy .culture-here .panel-strategy p span {
  color: #E21B56;
}
#power-strategy .culture-here .panel-strategy .panel-strategy-controls a {
  color: #E21B56;
}
#power-strategy .strategy-overview {
  background: #233362;
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  z-index: 98;
  display: flex;
}
#power-strategy .strategy-overview > div {
  width: 50%;
}
#power-strategy .strategy-overview > div:nth-child(1) {
  background: url("../images/backgrounds/strategy-overview.jpg") no-repeat scroll center top #233362;
  background-size: cover;
  position: relative;
}
#power-strategy .strategy-overview > div:nth-child(1) > div {
  position: absolute;
}
#power-strategy .strategy-overview > div:nth-child(1) > div:nth-child(1) {
  height: 100%;
  width: 20%;
  right: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(35, 51, 98, 0) 0%, #233362 80%, #233362 100%);
}
#power-strategy .strategy-overview > div:nth-child(1) > div:nth-child(2) {
  height: 20%;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(35, 51, 98, 0) 0%, #233362 80%, #233362 100%);
}
#power-strategy .strategy-overview > div:nth-child(1) > div:nth-child(3) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 92%;
}
#power-strategy .strategy-overview > div:nth-child(1) > div:nth-child(4) {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
#power-strategy .strategy-overview > div:nth-child(1) > div:nth-child(4) label {
  display: flex;
  color: #FFFFFF;
  cursor: pointer;
  line-height: 20px;
  font-size: 14px;
}
#power-strategy .strategy-overview > div:nth-child(1) > div:nth-child(4) input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-content: center;
  justify-content: center;
  font-size: 14px;
  padding: 1px;
  border: 2px solid #FFFFFF;
  border-radius: 5px;
  margin-right: 10px;
}
#power-strategy .strategy-overview > div:nth-child(1) > div:nth-child(4) input[type="checkbox"]::before {
  content: "";
  width: 14px;
  height: 14px;
  clip-path: polygon(21% 40%, 21% 40%, 8% 54%, 25% 68%, 36% 77%, 47% 65%, 48% 64%, 64% 47%, 75% 35%, 93% 13%, 81% 4%, 36% 54%);
  transform: scale(0);
  background-color: #FFFFFF;
}
#power-strategy .strategy-overview > div:nth-child(1) > div:nth-child(4) input[type="checkbox"]:checked::before {
  transform: scale(1);
}
#power-strategy .strategy-overview > div:nth-child(1) > div:nth-child(4) input[type="checkbox"]:hover {
  color: black;
}
#power-strategy .strategy-overview > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#power-strategy .strategy-overview > div:nth-child(2)::-webkit-scrollbar {
  display: none;
}
#power-strategy .strategy-overview > div:nth-child(2) > div {
  width: 94%;
  text-align: center;
}
#power-strategy .strategy-overview h3 {
  color: #FFFFFF;
  font-family: "Barlow Bold", sans-serif;
  font-size: 2.75vw;
  line-height: 1.125em;
  text-align: center;
  margin: 4.5vw 0 3vw 0;
}
#power-strategy .strategy-overview h5 {
  color: #FFFFFF;
  font-size: 1.3vw;
  margin-bottom: 30px;
}
#power-strategy .strategy-overview p {
  color: #FFFFFF;
  font-size: 1vw;
  margin-bottom: 10px;
}
#power-strategy .strategy-overview p.separator {
  font-size: 1.5vw;
  line-height: 1em;
  font-family: inherit;
  opacity: 0.6;
}
#power-strategy .strategy-overview p.headline {
  display: inline-block;
  font-family: "Prompt Bold", sans-serif;
  font-size: 1.4vw;
  margin: 0 0 20px 0;
}
#power-strategy .strategy-overview p.headline:before,
#power-strategy .strategy-overview p.headline:after {
  display: inline-block;
  content: "";
  width: 4px;
  height: 24px;
  margin: 0 20px -6px 20px;
  background: #FFFFFF;
}
#power-strategy .strategy-overview p.headline.headline-team-dynamic {
  color: #9D40CC;
}
#power-strategy .strategy-overview p.headline.headline-team-dynamic:before,
#power-strategy .strategy-overview p.headline.headline-team-dynamic:after {
  background: #9D40CC;
}
#power-strategy .strategy-overview p.headline.headline-inner-hero {
  color: #0A8BF0;
}
#power-strategy .strategy-overview p.headline.headline-inner-hero:before,
#power-strategy .strategy-overview p.headline.headline-inner-hero:after {
  background: #0A8BF0;
}
#power-strategy .strategy-overview p.headline.headline-local-climate {
  color: #E21B56;
}
#power-strategy .strategy-overview p.headline.headline-local-climate:before,
#power-strategy .strategy-overview p.headline.headline-local-climate:after {
  background: #E21B56;
}
#power-strategy .strategy-overview .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
#power-strategy .strategy-overview .close img {
  display: block;
}
#power-strategy .strategy-overview .start-button {
  scale: 1.25;
}
#power-strategy .strategy-overview .start-button > span {
  background: #0686ED;
  padding: 0.75vw 1.5vw 0.75vw 0.75vw;
  font-size: 1vw;
}
#power-strategy .strategy-overview .start-button > span:hover {
  background: #067AD7;
}
#power-strategy .strategy-overview .start-button > span span svg {
  height: 1.5vw;
  width: 1.5vw;
}
@media (max-width: 1100px) {
  #power-strategy .strategy-overview h5 {
    font-size: 14px;
  }
  #power-strategy .strategy-overview h5 br {
    display: none;
  }
  #power-strategy .strategy-overview p {
    font-size: 11px;
  }
  #power-strategy .strategy-overview p br {
    display: none;
  }
  #power-strategy .strategy-overview p.headline {
    font-size: 15px;
  }
}
#power-strategy #strategy-overview-open {
  position: absolute;
  background: #283e6f;
  font-size: 12px;
  color: #FFFFFF;
  bottom: 80px;
  transform-origin: 0 0;
  transform: rotate(-90deg);
  left: 0;
  padding: 4px 15px;
  line-height: 20px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
}
#power-strategy #strategy-overview-open span {
  cursor: pointer;
}
.power_strategy_text_file_wrapper a {
  color: #666666;
}
.power_strategy_text_file_wrapper a:hover {
  color: #0A8BF0;
}
.power_strategy_text_file_delete {
  cursor: pointer;
}
.power_strategy_text_file_delete:hover {
  color: #0A8BF0;
}
.power_strategy_text_file_delete input {
  display: inline-block;
  opacity: 0;
  margin-right: -10px;
}
.power_strategy_text_file_delete svg {
  height: 24px;
  width: 24px;
}
.widget {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 9999;
  height: 20px;
}
.widget .post-options {
  background: transparent;
  border: 0;
  color: #ffffff;
  height: 20px;
  position: absolute;
  right: 20px;
}
.widget .post-options[aria-expanded] {
  color: #ffffff;
}
.widget .post-options#close {
  height: 50px;
  left: 10px;
  right: unset;
  bottom: 0;
}
.widget .post-options#close img {
  height: 11px;
  width: 11px;
}
.widget .uk-dropdown {
  min-width: 147px !important;
  padding: 0;
}
.widget .uk-dropdown .non-bias div {
  border-bottom: 1px solid #B2B2B2;
  height: 32px;
  width: 147px;
}
.widget .uk-dropdown .non-bias div:last-child {
  border-bottom: none;
}
.widget .uk-dropdown .non-bias div button:not(.disabled):hover,
.widget .uk-dropdown .non-bias div a:not(.disabled):hover {
  background: #D6EAFF;
}
.widget .uk-dropdown div {
  align-items: center;
  display: flex;
  width: 147px;
}
.widget .uk-dropdown div button,
.widget .uk-dropdown div a {
  cursor: pointer;
  background: transparent;
  font-family: 'Prompt', sans-serif;
  font-size: 12px;
  line-height: 32px;
  text-align: left;
  width: 100%;
}
.widget .uk-dropdown div button img,
.widget .uk-dropdown div a img {
  height: 15px;
  margin-left: 8px;
  margin-right: 8px;
  width: 15px;
}
.widget .uk-dropdown div button.disabled,
.widget .uk-dropdown div a.disabled {
  color: #999;
  cursor: default;
}
.widget .uk-dropdown div.bias-filter {
  background: #4BB2FF;
  border-bottom: none;
  height: 32px;
  width: 147px;
}
.widget .uk-dropdown div.bias-filter:hover a,
.widget .uk-dropdown div.bias-filter:hover button {
  background: #2191E5 !important;
}
.widget .uk-dropdown div.bias-filter a,
.widget .uk-dropdown div.bias-filter button {
  color: #FFFFFF;
}
.widget .uk-dropdown div.bias-filter img {
  height: 18px;
  margin-left: 8px;
  margin-right: 5px;
  width: 18px;
}
.widget .uk-dropdown div.bias-filter:not(.disabled):hover {
  background: #275F99;
}
@media (min-width: 960px) {
  .screen-post_details #job-details .uk-dropdown {
    min-width: 147px !important;
    padding: 0 !important;
  }
  .screen-post_content .widget {
    right: -10px;
    top: 60px;
  }
  .widget {
    position: absolute;
    top: 60px;
    right: 20px;
    z-index: 9999;
    height: 36px;
  }
  .widget .post-options {
    background: transparent;
    border: 0;
    height: 36px;
    position: fixed;
  }
  .widget .post-options#close {
    height: 50px;
    left: 10px;
    right: unset;
    bottom: 0;
  }
  .widget .post-options#close img {
    height: 11px;
    width: 11px;
  }
  .widget .uk-dropdown {
    min-width: 147px !important;
    padding: 0;
  }
  .widget .uk-dropdown .non-bias div {
    border-bottom: 1px solid #B2B2B2;
    height: 32px;
    width: 147px;
  }
  .widget .uk-dropdown .non-bias div:last-child {
    border-bottom: none;
  }
  .widget .uk-dropdown .non-bias div button:not(.disabled):hover,
  .widget .uk-dropdown .non-bias div a:not(.disabled):hover {
    background: #D6EAFF;
  }
  .widget .uk-dropdown div {
    align-items: center;
    display: flex;
    width: 147px;
  }
  .widget .uk-dropdown div button,
  .widget .uk-dropdown div a {
    color: black;
    cursor: pointer;
    background: transparent;
    font-family: 'Prompt', sans-serif;
    font-size: 12px;
    line-height: 32px;
    text-align: left;
    width: 100%;
  }
  .widget .uk-dropdown div button img,
  .widget .uk-dropdown div a img {
    height: 15px;
    margin-left: 8px;
    margin-right: 8px;
    width: 15px;
  }
  .widget .uk-dropdown div button.disabled,
  .widget .uk-dropdown div a.disabled {
    color: #999;
    cursor: default;
  }
  .widget .uk-dropdown div.bias-filter {
    border-bottom: none;
    height: 32px;
    width: 147px;
  }
  .widget .uk-dropdown div.bias-filter a {
    color: #FFFFFF;
  }
  .widget .uk-dropdown div.bias-filter img {
    height: 18px;
    margin-left: 8px;
    margin-right: 5px;
    width: 18px;
  }
}
#side .indicator,
.side .indicator,
.job-content .indicator {
  position: absolute;
  left: 30px;
  top: 5px;
}
#titleIdealFit,
#titleTeamDynamics,
#titleCultureHere {
  padding: 0 10px;
  font-family: "Prompt-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #3E3D3D;
  line-height: 1.5em;
  outline: none;
  user-select: text;
}
@media (min-width: 960px) {
  #titleIdealFit,
  #titleTeamDynamics,
  #titleCultureHere {
    font-size: 22px;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  #titleIdealFit,
  #titleTeamDynamics,
  #titleCultureHere {
    font-size: 22px;
  }
}
#editorIdealFit,
#editorTeamDynamics,
#editorCultureHere {
  position: relative;
  padding: 0 10px;
  width: 100%;
  overflow: hidden;
  font-family: "Prompt", sans-serif;
  font-size: 12px;
  color: #373737;
  line-height: 1.5em;
}
@media (min-width: 960px) {
  #editorIdealFit,
  #editorTeamDynamics,
  #editorCultureHere {
    font-size: 14px;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  #editorIdealFit,
  #editorTeamDynamics,
  #editorCultureHere {
    font-size: 14px;
  }
}
.document {
  padding: 20px 30px;
}
.document .title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.document .title h3 {
  color: #3E3D3D;
  font-size: 24px;
  font-family: "Prompt-SemiBold", sans-serif;
  font-weight: 600;
  margin: 15px 0 15px 0;
}
.document .title p {
  color: #676767;
  font-size: 14px;
}
.document .detail,
.document .details {
  font-size: 12px;
  font-family: "Prompt", sans-serif;
  margin: 0 0 15px 0;
}
.document .editor-wrapper #jobDetails h3,
.document .editor-wrapper #jobDescription h3,
.document .editor-wrapper #editorJobDescription h3,
.document .editor-wrapper #jobDetails h4,
.document .editor-wrapper #jobDescription h4,
.document .editor-wrapper #editorJobDescription h4 {
  font-family: "Prompt-SemiBold", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.375em;
  margin: 0 0 15px 0;
  position: relative;
}
.document .editor-wrapper #jobDetails h3:has(+ #sideContentIdealFit),
.document .editor-wrapper #jobDescription h3:has(+ #sideContentIdealFit),
.document .editor-wrapper #editorJobDescription h3:has(+ #sideContentIdealFit),
.document .editor-wrapper #jobDetails h4:has(+ #sideContentIdealFit),
.document .editor-wrapper #jobDescription h4:has(+ #sideContentIdealFit),
.document .editor-wrapper #editorJobDescription h4:has(+ #sideContentIdealFit),
.document .editor-wrapper #jobDetails h3:has(+ #sideContentTeamDynamics),
.document .editor-wrapper #jobDescription h3:has(+ #sideContentTeamDynamics),
.document .editor-wrapper #editorJobDescription h3:has(+ #sideContentTeamDynamics),
.document .editor-wrapper #jobDetails h4:has(+ #sideContentTeamDynamics),
.document .editor-wrapper #jobDescription h4:has(+ #sideContentTeamDynamics),
.document .editor-wrapper #editorJobDescription h4:has(+ #sideContentTeamDynamics),
.document .editor-wrapper #jobDetails h3:has(+ #sideContentCultureHere),
.document .editor-wrapper #jobDescription h3:has(+ #sideContentCultureHere),
.document .editor-wrapper #editorJobDescription h3:has(+ #sideContentCultureHere),
.document .editor-wrapper #jobDetails h4:has(+ #sideContentCultureHere),
.document .editor-wrapper #jobDescription h4:has(+ #sideContentCultureHere),
.document .editor-wrapper #editorJobDescription h4:has(+ #sideContentCultureHere) {
  margin: 0;
  padding: 0 0 15px 0;
}
.document .editor-wrapper #jobDetails h5,
.document .editor-wrapper #jobDescription h5,
.document .editor-wrapper #editorJobDescription h5,
.document .editor-wrapper #jobDetails p,
.document .editor-wrapper #jobDescription p,
.document .editor-wrapper #editorJobDescription p {
  color: #161616;
  line-height: 1.5em;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  margin: 0 0 15px 0;
  position: relative;
}
.document .editor-wrapper #jobDetails div,
.document .editor-wrapper #jobDescription div,
.document .editor-wrapper #editorJobDescription div {
  color: #161616;
  margin: 0 0 15px 0;
  line-height: 1.5em;
  font-family: "Prompt", sans-serif;
  font-size: 12px;
}
.document .editor-wrapper #jobDetails b,
.document .editor-wrapper #jobDescription b,
.document .editor-wrapper #editorJobDescription b,
.document .editor-wrapper #jobDetails strong,
.document .editor-wrapper #jobDescription strong,
.document .editor-wrapper #editorJobDescription strong {
  font-family: "Prompt-SemiBold", sans-serif;
  font-weight: 700;
}
.document .editor-wrapper #jobDetails ul,
.document .editor-wrapper #jobDescription ul,
.document .editor-wrapper #editorJobDescription ul,
.document .editor-wrapper #jobDetails ol,
.document .editor-wrapper #jobDescription ol,
.document .editor-wrapper #editorJobDescription ol {
  margin: 0 0 20px 20px;
  padding: 0;
}
.document .editor-wrapper #jobDetails ul li,
.document .editor-wrapper #jobDescription ul li,
.document .editor-wrapper #editorJobDescription ul li,
.document .editor-wrapper #jobDetails ol li,
.document .editor-wrapper #jobDescription ol li,
.document .editor-wrapper #editorJobDescription ol li {
  color: #161616;
  margin-bottom: 10px;
  line-height: 1.5em;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
}
.document .editor-wrapper #jobDetails ul li p,
.document .editor-wrapper #jobDescription ul li p,
.document .editor-wrapper #editorJobDescription ul li p,
.document .editor-wrapper #jobDetails ol li p,
.document .editor-wrapper #jobDescription ol li p,
.document .editor-wrapper #editorJobDescription ol li p {
  margin: 0;
}
.document .editor-wrapper #jobDetails ul,
.document .editor-wrapper #jobDescription ul,
.document .editor-wrapper #editorJobDescription ul {
  list-style: disc;
}
.document .editor-wrapper #jobDetails ol,
.document .editor-wrapper #jobDescription ol,
.document .editor-wrapper #editorJobDescription ol {
  list-style: decimal;
}
.job-details-preview .document .detail,
.job-details-preview .document .details {
  opacity: 0.4;
  transition: opacity 0.5s ease;
}
.job-details-preview .document:hover .detail,
.job-details-preview .document:hover .details {
  opacity: 1;
}
@media (max-width: 959px) {
  #mobile-preview:not(.uk-open) {
    display: none;
  }
}
@media (min-width: 959px) {
  #mobile-preview {
    display: initial;
    position: initial;
    top: initial;
    bottom: initial;
    left: initial;
    z-index: initial;
  }
}
@media (max-width: 1199px) {
  #zoom {
    display: none;
  }
}
.screen-post_content .editable-area,
.screen-post_behavioral_question .editable-area {
  height: calc(-96px + 100vh);
}
.screen-post_behavioral_question .behavioral-question-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
}
.screen-post_behavioral_question .behavioral-question-wrapper .behavioral-question-edit {
  padding: 0 10px;
}
.screen-post_behavioral_question .behavioral-question-wrapper .behavioral-question-edit h3 {
  font-family: "Prompt-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #275F99;
  line-height: 1.25em;
  margin-bottom: 20px;
}
.screen-post_behavioral_question .behavioral-question-wrapper .behavioral-question-edit h3 + p {
  color: #3E3D3D;
  font-family: "Prompt-SemiBold", sans-serif;
  font-weight: bold;
}
.screen-post_behavioral_question .behavioral-question-wrapper .behavioral-question-edit p {
  font-family: "Prompt-SemiBold", sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
}
.screen-post_behavioral_question .behavioral-question-wrapper .behavioral-question-edit p.label {
  font-family: "Prompt-SemiBold", sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
}
.screen-post_behavioral_question .behavioral-question-wrapper .behavioral-question-edit textarea {
  background: white;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  color: #3E3D3D;
  display: block;
  font-family: 'Prompt-Medium', sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 100%;
  line-height: 1.5em;
  outline: none;
  padding: 12px 60px 12px 12px;
  resize: none;
  width: 100%;
}
.screen-post_behavioral_question .behavioral-question-wrapper .behavioral-question-edit .edit-buttons {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.screen-post_behavioral_question .behavioral-question-wrapper .behavioral-question-edit .edit-buttons span:first-child {
  margin-right: 5px;
}
@media (min-width: 960px) {
  .screen-post_behavioral_question .behavioral-question-wrapper .behavioral-question-edit {
    padding: 0 40px;
  }
  .screen-post_behavioral_question .behavioral-question-wrapper .behavioral-question-edit h3 {
    font-size: 22px;
  }
}
.label-enable-behavioral-question {
  font-size: 12px;
  font-weight: 500;
  font-family: 'Prompt-Medium', sans-serif;
  color: #878686;
  margin: 20px 0 10px 0;
}
label.switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 16px;
}
label.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
label.switch input:checked + .slider {
  background-color: #29a0ff;
}
label.switch input:focus + .slider {
  box-shadow: 0 0 1px #29a0ff;
}
label.switch input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}
label.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 34px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
label.switch .slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 3px;
  bottom: 3px;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}