@import url(https://p.typekit.net/p.css?s=1&k=yzp4wid&ht=tk&f=139.140.175&a=14445877&app=typekit&e=css);
@charset "UTF-8";
:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.flex {
  display: flex;
}

.gap-2 {
  gap: 0.5rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.items-center {
  align-items: center;
}

.availability-number {
  display: inline-block;
  border-radius: 38px;
  padding: 8px 14px;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
}
.availability-number--is-full {
  color: var(--c-red);
  background: var(--c-skin);
}
.availability-number--is-average {
  color: var(--c-orange);
  background: var(--c-orange-light);
}
.availability-number--is-low {
  color: var(--c-green);
  background: var(--c-green-light);
}

.availability-grid {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 1024px) {
  .availability-grid {
    flex-wrap: nowrap;
  }
}

.availability-for-month {
  position: relative;
  border: 1px solid var(--c-grey-border);
  width: 16.6667%;
}
.availability-for-month:not(:nth-child(n+7)) {
  border-bottom: 0;
}
.availability-for-month + .availability-for-month:not(:nth-child(7)) {
  border-left: 0;
}
@media (min-width: 1024px) {
  .availability-for-month {
    width: 8.3333%;
  }
  .availability-for-month:not(:nth-child(n+7)) {
    border-bottom: 1px solid var(--c-grey-border);
  }
  .availability-for-month + .availability-for-month {
    border-left: 0;
  }
}
.availability-for-month__month {
  border-bottom: 1px solid var(--c-grey-border);
  font-size: 16px;
  font-weight: 700;
  padding: 20px;
}
.availability-for-month__container-number {
  padding: 12px 21px;
  padding-left: 20%;
}
.availability-for-month__number {
  display: inline-block;
}
.availability-for-month__container-input {
  padding: 0 11px 12px;
}
.availability-for-month__input input {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1448px) {
  .availability-for-month__input input {
    text-align: left;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.button-primary, .button-secondary, .button-primary-with-icon-left {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  border-radius: 2px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 24px;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  color: var(--c-btn-primary-text);
  background: var(--c-btn-primary);
}
.button-primary img, .button-primary svg, .button-secondary img, .button-secondary svg, .button-primary-with-icon-left img, .button-primary-with-icon-left svg {
  margin-right: 8px;
  fill: var(--c-btn-primary-text);
}
.button-primary:hover, .button-secondary:hover, .button-primary-with-icon-left:hover {
  background: var(--c-btn-primary-darker);
}
.button-primary__inner, .button-secondary__inner, .button-primary-with-icon-left__inner {
  display: flex;
  align-items: center;
}

.button-primary--is-grey {
  color: var(--c-grey);
  background: var(--c-grey-light);
}
.button-primary--is-grey path {
  fill: var(--c-grey);
}
.button-primary--is-grey:hover {
  color: var(--c-text);
  background: var(--c-grey);
}
.button-primary--is-grey:hover path {
  fill: var(--c-text);
}

.button-secondary {
  border: 1px solid var(--c-primary);
  color: var(--c-primary);
  background: var(--c-white);
  white-space: nowrap;
}
.button-secondary svg {
  fill: var(--c-primary);
}
.button-secondary:hover {
  border-color: var(--c-primary-darker);
  color: var(--c-primary-darker);
  background: var(--c-white);
}

.button-simple, .button-simple-large, .button-simple-cursive {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  color: var(--c-primary);
}

.button-simple-large {
  font-size: 16px;
}

.button-primary-with-icon-left,
.button-simple-with-icon-left,
.button-simple-with-icon-right {
  display: flex;
  align-items: center;
}

.button-simple-with-icon-left img, .button-simple-with-icon-left svg,
.button-simple-with-icon-right img,
.button-simple-with-icon-right svg {
  fill: var(--c-primary);
}
.button-simple-with-icon-left:hover,
.button-simple-with-icon-right:hover {
  color: var(--c-primary-darker);
}
.button-simple-with-icon-left:hover svg,
.button-simple-with-icon-right:hover svg {
  fill: var(--c-primary-darker);
}

.button-simple-with-icon-left {
  text-align: left;
}
.button-simple-with-icon-left img, .button-simple-with-icon-left svg {
  margin-right: 5.28px;
}

.button-simple-with-icon-right {
  text-align: right;
}
.button-simple-with-icon-right img, .button-simple-with-icon-right svg {
  margin-left: 5.28px;
}

.button-simple-cursive {
  font-style: italic;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.checkboxes-with-title-list {
  display: flex;
  align-items: center;
}
.checkboxes-with-title-list__checkbox-with-title {
  display: flex;
  flex-direction: column;
}
.checkboxes-with-title-list__checkbox-with-title + .checkboxes-with-title-list__checkbox-with-title {
  margin-left: 48px;
}
.checkboxes-with-title-list__checkbox-title {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}

.components-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 32px;
  padding-left: 16px;
}
.components-container h1 {
  margin-bottom: 32px;
}
.components-container > * {
  margin-bottom: 16px;
}

.cut-off-settings__button-add-rule {
  margin-top: 30px;
}

.cut-off-setting:nth-child(n+2) td {
  padding-top: 8px;
}

.editable-text-block {
  position: relative;
  width: 100%;
  height: 51px;
  min-height: 51px;
}
.editable-text-block__text-block {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 25px;
  color: var(--c-grey);
  background: var(--c-grey-light);
}
.editable-text-block__text {
  justify-self: flex-start;
  margin-right: auto;
}
.editable-text-block__button-edit, .editable-text-block__button-delete {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
}
.editable-text-block__button-edit + .editable-text-block__button-edit, .editable-text-block__button-edit + .editable-text-block__button-delete, .editable-text-block__button-delete + .editable-text-block__button-edit, .editable-text-block__button-delete + .editable-text-block__button-delete {
  margin-left: 16px;
}
.editable-text-block .editable-text-block__input-text {
  display: none;
}
.editable-text-block .editable-text-block__input-text input {
  width: 100%;
  height: 100%;
}
.editable-text-block--is-editable .editable-text-block__text-block {
  display: none;
}
.editable-text-block--is-editable .editable-text-block__input-text {
  display: block;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.filter-section-container {
  position: relative;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .filter-section-container {
    margin-bottom: 0;
  }
}

.filter-section {
  transform: translateY(-100%);
  transition: transform 0.33s ease-out;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: var(--c-white);
  z-index: 2;
  pointer-events: none;
}
@media (min-width: 768px) {
  .filter-section {
    transform: none;
    transition: none;
    position: relative;
    top: 0;
    height: auto;
    padding: 0;
    pointer-events: visible;
  }
}
.filter-section--open {
  opacity: 1;
  transform: translateY(0%);
  pointer-events: visible;
}
.filter-section--no-title .filter-section__container-title-and-button {
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .filter-section__title {
    display: none;
  }
}
.filter-section__button-toggle-outside {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .filter-section__button-toggle-outside {
    display: none;
  }
}
@media (min-width: 768px) {
  .filter-section__button-toggle-inside {
    display: none;
  }
}
.filter-section__container-title-and-button {
  display: flex;
  justify-content: space-between;
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * proxima-nova:
 *   - http://typekit.com/eulas/000000000000000077359562
 *   - http://typekit.com/eulas/000000000000000077359558
 *   - http://typekit.com/eulas/000000000000000077359577
 *
 * © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2021-04-22 11:55:10 UTC"}*/
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/98e3f6/000000000000000077359562/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/98e3f6/000000000000000077359562/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/98e3f6/000000000000000077359562/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/624cab/000000000000000077359558/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/624cab/000000000000000077359558/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/624cab/000000000000000077359558/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/d45b9a/000000000000000077359577/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/d45b9a/000000000000000077359577/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/d45b9a/000000000000000077359577/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}
.text-input {
  display: block;
  position: relative;
}
.text-input__label {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.text-input__input {
  border: 1px solid var(--c-grey-border);
  width: 100%;
  line-height: 17px;
  padding: 16px 24px;
  font-size: 16px;
  color: var(--c-text);
}
.text-input__input::-moz-placeholder {
  color: var(--c-grey);
}
.text-input__input::placeholder {
  color: var(--c-grey);
}
.text-input__input-date input {
  border: none;
  font-size: 16px;
  font-family: monospace;
  color: var(--c-text);
}
.text-input__input-date .vdpHeader {
  margin: 0;
  padding: 0.5em 1em;
}
.text-input__input-date .vdp-datepicker__calendar .cell.today {
  color: var(--c-tertiary);
}
.text-input__input-date .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover {
  border-color: var(--c-tertiary);
}
.text-input__input-date .vdp-datepicker__calendar .cell.selected {
  background-color: var(--c-tertiary);
  color: white;
}
.text-input__input-date .vdp-datepicker__calendar .cell.selected:hover {
  background-color: var(--c-tertiary);
}
.text-input__error {
  margin-top: 4px;
  line-height: 20px;
  color: var(--c-error);
}
.text-input--error .text-input__input {
  color: var(--c-error);
}
.text-input + label {
  margin-top: 24px;
}

h1, h2, h3 {
  margin: 0;
  font-weight: 700;
}

h1 {
  line-height: 34px;
  font-size: 28px;
}

h2 {
  line-height: 24px;
  font-size: 20px;
}

h3 {
  line-height: 20px;
  font-size: 16px;
}

p {
  margin: 0;
  line-height: 28px;
  font-size: 14px;
}

strong, .bold {
  font-weight: 700;
}

h1.title-with-icon img {
  margin-right: 16px;
  width: 20px;
  height: 20px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

@media (min-width: 768px) {
  .mobile-warning {
    display: none;
  }
}
.mobile-warning__window {
  display: flex;
  align-items: center;
  border: 1px solid var(--c-grey-border);
  border-left: 3px solid var(--c-red);
  padding: 16px 18px;
  min-width: 320px;
}
.mobile-warning__icon-warning {
  margin-right: 2rem;
  min-width: 28px;
}
.mobile-warning__icon-warning path {
  fill: var(--c-red);
}
.mobile-warning__title {
  margin-bottom: 12px;
}
.mobile-warning__text {
  line-height: 1.5625;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.nav-menu {
  position: absolute;
}
@media (min-width: 768px) {
  .nav-menu {
    position: relative;
  }
}
.nav-menu__language-switcher {
  border: none;
  color: var(--c-nav-text);
}
.nav-menu__language-switcher:focus {
  outline: none;
}
.nav-menu__links-container {
  transform: translateY(100%);
  transition: transform 0.33s ease-out;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  padding-left: 40px;
  background: var(--c-white);
  z-index: 98;
}
@media (max-width: 320px) {
  .nav-menu__links-container {
    align-items: center;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .nav-menu__links-container {
    transform: none;
    transition: none;
    position: fixed;
    top: 0;
    left: 0;
    border-right: 1px solid var(--c-grey-border);
    padding: 24px 8px;
    max-width: 104px;
    background: var(--c-nav-bg);
  }
}
.nav-menu__client-logo {
  display: none;
}
@media (min-width: 768px) {
  .nav-menu__client-logo {
    display: block;
    margin-bottom: 16px;
  }
}
.nav-menu__links-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.nav-menu__links-group + .nav-menu__links-group {
  margin-top: 64px;
}
@media (min-width: 768px) {
  .nav-menu__links-group {
    align-items: center;
  }
  .nav-menu__links-group:first-of-type {
    flex-grow: 999;
  }
  .nav-menu__links-group:last-of-type {
    margin-top: auto;
    justify-self: flex-end;
  }
}
.nav-menu__link {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  line-height: 24px;
  font-size: 18px;
  color: var(--c-nav-text);
  font-weight: 700;
}
.nav-menu__link--active, .nav-menu__link:hover {
  color: var(--c-nav-primary);
}
.nav-menu__link--active .nav-menu__language-switcher, .nav-menu__link:hover .nav-menu__language-switcher {
  cursor: pointer;
  color: var(--c-white);
  background: linear-gradient(135deg, var(--c-nav-primary) 0%, var(--c-nav-primary-darker) 100%);
}
.nav-menu__link--active .nav-menu__link-icon, .nav-menu__link:hover .nav-menu__link-icon {
  background: linear-gradient(135deg, var(--c-nav-primary) 0%, var(--c-nav-primary-darker) 100%);
  color: var(--c-white);
}
.nav-menu__link--active .nav-menu__link-icon path, .nav-menu__link:hover .nav-menu__link-icon path {
  fill: var(--c-nav-text-active);
}
.nav-menu__link + .nav-menu__link {
  margin-top: 32px;
}
.nav-menu__link-logout {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .nav-menu__link-logout {
    display: none;
  }
}
.nav-menu__link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 16px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: var(--c-nav-text);
}
.nav-menu__link-icon path {
  fill: var(--c-nav-text);
}
@media (min-width: 768px) {
  .nav-menu__link-icon {
    margin-right: 0;
  }
}
.nav-menu__link-initials {
  font-weight: 700;
  border: 1px solid var(--c-nav-text);
  color: var(--c-nav-text);
}
@media (min-width: 768px) {
  .nav-menu__link-text {
    display: none;
  }
}
.nav-menu__bottom {
  position: fixed;
  display: flex;
  justify-content: center;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 84px;
  z-index: 99;
}
@media (min-width: 768px) {
  .nav-menu__bottom {
    display: none;
  }
}
.nav-menu__bottom-bar {
  width: 100%;
  min-width: 976px;
  height: 86px;
}
.nav-menu__button-toggle {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  top: 12px;
  left: calc(50% - 32px);
  border-radius: 50%;
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, var(--c-primary) 0%, #FF4E16 100%);
  overflow: hidden;
}
.nav-menu--open .nav-menu__links-container {
  transform: translateY(0%);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.nav-menu-dropdown {
  display: none;
}
@media (min-width: 768px) {
  .nav-menu-dropdown {
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    left: 84px;
    bottom: 24px;
    border: 1px solid var(--c-grey-border);
    border-radius: 2px;
    padding: 24px;
    width: 160px;
    background: var(--c-white);
  }
  .nav-menu-dropdown--open {
    display: flex;
  }
}
.nav-menu-dropdown__button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  line-height: 17px;
  font-size: 14px;
  font-weight: 400;
}
.nav-menu-dropdown__button:hover {
  text-decoration: underline;
}
.nav-menu-dropdown__button + .nav-menu-dropdown__button {
  margin-top: 16px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.circular-bar-charts {
  border: 1px solid var(--c-grey-border);
  border-radius: 5px;
  width: 100%;
  padding: 24px 24px 0;
}
.circular-bar-charts__title {
  margin-bottom: 30px;
}
.circular-bar-charts__charts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.circular-bar-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .circular-bar-chart {
    flex-direction: column;
  }
}
.circular-bar-chart__score {
  margin-left: 10px;
  font-size: 18px;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .circular-bar-chart__score {
    margin-top: 8px;
    margin-left: 0;
    font-size: 11px;
  }
}
.circular-bar-chart__container-circle {
  position: relative;
  width: 86px;
  height: 86px;
}
.circular-bar-chart__svg-outline {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.circular-bar-chart__circle-label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}
.circular-bar-chart--is-red .circular-bar-chart__svg-outline, .circular-bar-chart--is-red .circular-bar-chart__circle-label, .circular-bar-chart--is-red .circular-bar-chart__score {
  stroke: var(--c-red);
  color: var(--c-red);
}
.circular-bar-chart--is-red .circular-bar-chart__svg-circle {
  fill: var(--c-skin);
}
.circular-bar-chart--is-yellow .circular-bar-chart__svg-outline, .circular-bar-chart--is-yellow .circular-bar-chart__circle-label, .circular-bar-chart--is-yellow .circular-bar-chart__score {
  stroke: var(--c-yellow);
  color: var(--c-yellow);
}
.circular-bar-chart--is-yellow .circular-bar-chart__svg-circle {
  fill: var(--c-yellow-light);
}
.circular-bar-chart--is-orange .circular-bar-chart__svg-outline, .circular-bar-chart--is-orange .circular-bar-chart__circle-label, .circular-bar-chart--is-orange .circular-bar-chart__score {
  stroke: var(--c-orange);
  color: var(--c-orange);
}
.circular-bar-chart--is-orange .circular-bar-chart__svg-circle {
  fill: var(--c-orange-light);
}
.circular-bar-chart--is-green .circular-bar-chart__svg-outline, .circular-bar-chart--is-green .circular-bar-chart__circle-label, .circular-bar-chart--is-green .circular-bar-chart__score {
  stroke: var(--c-green);
  color: var(--c-green);
}
.circular-bar-chart--is-green .circular-bar-chart__svg-circle {
  fill: var(--c-green-light);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page {
  padding: 20px 20px 112px;
}
@media (min-width: 768px) {
  .page {
    padding: 30px 30px 30px calc(104px + 30px);
  }
}
.page__title, .page__sub-title {
  margin-bottom: 20px;
}
.page__button-back {
  margin-bottom: 16px;
}
.page__title-and-button {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.page__title-and-button h1, .page__title-and-button h2, .page__title-and-button h3, .page__title-and-button h4 {
  margin-right: 8px;
}
.page__footer {
  display: flex;
  justify-content: flex-end;
}
.page__footer button + button, .page__footer a + a {
  margin-left: 24px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.search-input {
  position: relative;
}
.search-input__input {
  padding-left: 62px;
}
.search-input__input:focus + .search-input__icon path {
  fill: var(--c-primary);
}
.search-input__icon {
  position: absolute;
  top: 16px;
  left: 28px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.select-box {
  position: relative;
}
.select-box__label {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}
.select-box__desktop {
  display: none;
}
@media (min-width: 768px) {
  .select-box__desktop {
    display: block;
  }
}
.select-box__mobile:after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 8px);
  right: 24px;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--c-primary);
  border-bottom: 2px solid var(--c-primary);
}
@media (min-width: 768px) {
  .select-box__mobile {
    display: none;
  }
}
.select-box__container-select {
  position: relative;
}
.select-box__select, .select-box__button-toggle, .select-box__button-option {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  border: 1px solid var(--c-primary);
  width: 100%;
  min-width: 140px;
  padding: 16px 50px 16px 24px;
  font-size: 16px;
  font-weight: 700;
  color: var(--c-primary);
  white-space: nowrap;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.select-box__button-toggle {
  display: flex;
  justify-content: space-between;
}
.select-box__button-toggle:after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 8px);
  right: 24px;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--c-primary);
  border-bottom: 2px solid var(--c-primary);
}
.select-box__container-options {
  display: none;
  position: absolute;
  min-width: 100%;
  z-index: 9;
}
.select-box__button-option {
  border-radius: 0;
  padding-right: 24px;
  text-align: left;
}
.select-box__button-option:not(:first-of-type) {
  border-top: 0;
}
.select-box__button-option:last-of-type {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.select-box__button-option:hover, .select-box__button-toggle:hover, .select-box--has-selected .select-box__button-toggle:hover {
  border-color: var(--c-primary-darker);
  background: var(--c-primary-darker);
  color: var(--c-white);
}
.select-box__button-option:hover:after, .select-box__button-toggle:hover:after, .select-box--has-selected .select-box__button-toggle:hover:after {
  border-color: var(--c-white);
}
.select-box--is-active .select-box__button-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
}
.select-box--is-active .select-box__container-options {
  display: block;
}
:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.response-block {
  border: 1px solid var(--c-grey-border);
  border-radius: 5px;
  margin-top: 30px;
  padding: 30px;
}
.response-block__title {
  margin-bottom: 30px;
}
.response-block__title-and-button {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.response-block__statistics {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 14px;
  width: calc(100% + 20px);
}
.response-block__divider {
  margin-bottom: 30px;
}

.response-block-statistic {
  margin-bottom: 16px;
  width: 100%;
  max-width: 160px;
}
.response-block-statistic:not(:last-child) {
  margin-right: 16px;
}
@media (min-width: 768px) {
  .response-block-statistic {
    position: relative;
  }
}
.response-block-statistic__label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: calc(19px * 2);
  margin-bottom: 5px;
  font-size: 16px;
  color: var(--c-grey);
}
.response-block-statistic__score {
  line-height: 24px;
  font-weight: 700;
  font-size: 20px;
}
.response-block-statistic__score-slash, .response-block-statistic__score-number:last-child {
  color: var(--c-grey);
}
.response-block-statistic__score-number:first-child {
  color: var(--c-text);
}
.response-block-statistic__score-slash {
  margin: 0 4px;
}

.response-block-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.response-block-bar:not(:last-child) {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .response-block-bar {
    flex-wrap: nowrap;
  }
  .response-block-bar:not(:last-child) {
    margin-bottom: 16px;
  }
}
.response-block-bar__label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: calc(19px * 2);
  margin-bottom: 10px;
  width: 50%;
  font-weight: 700;
  font-size: 16px;
}
@media (min-width: 768px) {
  .response-block-bar__label {
    margin-bottom: 0;
    width: 20%;
    max-width: 180px;
  }
}
.response-block-bar__bar {
  position: relative;
  border-radius: 500px;
  width: 100%;
  overflow: hidden;
  order: 3;
}
@media (min-width: 768px) {
  .response-block-bar__bar {
    margin: 0 30px;
    width: auto;
    flex-grow: 99;
    order: inherit;
  }
}
.response-block-bar__bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 500px 500px 0;
  height: 100%;
  min-width: 8px;
}
.response-block-bar__bar-background {
  width: 100%;
  height: 10px;
  background: var(--c-grey-border);
}
.response-block-bar__score {
  display: flex;
  justify-content: flex-end;
  width: 50%;
  line-height: 19px;
  font-weight: 700;
  font-size: 16px;
  color: var(--c-text);
}
@media (min-width: 768px) {
  .response-block-bar__score {
    justify-content: flex-start;
    text-align: left;
    width: 80px;
  }
}
.response-block-bar__score-slash, .response-block-bar__score-number:last-child {
  color: var(--c-grey);
}
.response-block-bar__score-slash {
  margin: 0 4px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.schedule {
  display: flex;
  width: 100%;
}
.schedule__table {
  width: 100%;
}
.schedule__table-head, .schedule__table-body {
  display: flex;
  position: relative;
}
.schedule__time-table {
  padding-top: 52px;
  width: 56px;
}
.schedule__time-table-row {
  height: 50px;
}
.schedule__weekday {
  line-height: 1.25;
  font-size: 16px;
  width: 14.2857%;
  height: 52px;
  padding: 16px;
}
.schedule__table-body {
  border: 1px solid var(--c-grey-border);
  border-left: 0;
  border-radius: 5px;
  overflow: hidden;
}

.schedule-column {
  position: relative;
  width: 14.2857%;
}

.schedule-button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  width: 100%;
  height: 100%;
  padding-left: 6px;
}
.schedule-button:hover {
  background: var(--c-grey-border);
}
.schedule-button__text {
  text-align: left;
  color: var(--c-white);
}

.schedule-row {
  position: relative;
  border-left: 1px solid var(--c-grey-border);
  width: 100%;
  height: 25px;
  padding: 2px;
}
.schedule-row--is-saved, .schedule-row--is-created, .schedule-row--is-edited {
  padding-bottom: 0;
}
.schedule-row--is-saved + .schedule-row--is-saved, .schedule-row--is-saved + .schedule-row--is-created, .schedule-row--is-saved + .schedule-row--is-edited, .schedule-row--is-created + .schedule-row--is-saved, .schedule-row--is-created + .schedule-row--is-created, .schedule-row--is-created + .schedule-row--is-edited, .schedule-row--is-edited + .schedule-row--is-saved, .schedule-row--is-edited + .schedule-row--is-created, .schedule-row--is-edited + .schedule-row--is-edited {
  padding-top: 0;
}
.schedule-row--is-saved + .schedule-row--is-saved .schedule-button__text, .schedule-row--is-saved + .schedule-row--is-created .schedule-button__text, .schedule-row--is-saved + .schedule-row--is-edited .schedule-button__text, .schedule-row--is-created + .schedule-row--is-saved .schedule-button__text, .schedule-row--is-created + .schedule-row--is-created .schedule-button__text, .schedule-row--is-created + .schedule-row--is-edited .schedule-button__text, .schedule-row--is-edited + .schedule-row--is-saved .schedule-button__text, .schedule-row--is-edited + .schedule-row--is-created .schedule-button__text, .schedule-row--is-edited + .schedule-row--is-edited .schedule-button__text {
  display: none;
}
.schedule-row--is-saved .schedule-button, .schedule-row--is-created .schedule-button, .schedule-row--is-edited .schedule-button {
  background: var(--c-green);
}
.schedule-row--is-saved .schedule-button:hover, .schedule-row--is-created .schedule-button:hover, .schedule-row--is-edited .schedule-button:hover {
  background: var(--c-green-dark);
}
.schedule-row--is-created .schedule-button {
  background: #A8A9B0;
}
.schedule-row--is-created .schedule-button:hover {
  background: var(--c-grey);
}
.schedule-row--is-edited .schedule-button {
  background: var(--c-primary);
}
.schedule-row--is-edited .schedule-button:hover {
  background: var(--c-primary-darker);
}
.schedule-row--is-end-of-appointment {
  padding-bottom: 2px;
}
.schedule-row--is-end-of-appointment + .schedule-row {
  padding-bottom: 0;
}
.schedule-row--is-end-of-appointment + .schedule-row .schedule-button__text {
  display: block;
}
.schedule-row + .schedule-row {
  border-top: 1px solid var(--c-grey-border);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.table-container {
  width: 100%;
  overflow-x: auto;
}

.table--is-vertical tr th::after {
  content: none !important;
}
.table--is-vertical tr td {
  padding-top: 0 !important;
  padding-bottom: 24px !important;
}

table:not(.import-table):not(.import-import-table):not(.mx-table) {
  border: 1px solid var(--c-grey-border);
  border-radius: 5px;
  width: 100%;
  padding: 24px;
}
table:not(.import-table):not(.import-import-table):not(.mx-table) thead {
  font-size: 16px;
}
table:not(.import-table):not(.import-import-table):not(.mx-table) th {
  position: relative;
  padding: 0 4px 4px;
  text-align: left;
}
@media (min-width: 768px) {
  table:not(.import-table):not(.import-import-table):not(.mx-table) th {
    padding-bottom: 24px;
  }
  table:not(.import-table):not(.import-import-table):not(.mx-table) th:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 2px);
    height: 1px;
    background: var(--c-grey-border);
  }
}
table:not(.import-table):not(.import-import-table):not(.mx-table) th:last-child:after {
  width: 100%;
}
@media (min-width: 768px) {
  table:not(.import-table):not(.import-import-table):not(.mx-table) th {
    padding-bottom: 28px;
  }
}
table:not(.import-table):not(.import-import-table):not(.mx-table) tbody {
  font-size: 14px;
}
table:not(.import-table):not(.import-import-table):not(.mx-table) td {
  padding: 24px 4px 0;
}
@media (min-width: 768px) {
  table:not(.import-table):not(.import-import-table):not(.mx-table) td {
    padding-top: 30px;
  }
}

.table__td-buttons {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}
.table__td-buttons button:last-child:not(:first-child) {
  margin-left: 8px;
}
@media (min-width: 768px) {
  .table__td-buttons button:last-child:not(:first-child) {
    margin-left: 32px;
  }
}
.table__td-button span {
  display: none;
}
@media (min-width: 768px) {
  .table__td-button span {
    display: block;
  }
}
.table__th-hidden-mobile, .table__td-hidden-mobile {
  display: none;
}
@media (min-width: 768px) {
  .table__th-hidden-mobile, .table__td-hidden-mobile {
    display: table-cell;
  }
}
.table--no-thead tr:first-child td {
  padding-top: 0 !important;
}
.table--is-vertical, .table--is-vertical-with-one-column, .table--is-vertical-with-two-columns {
  padding-bottom: 12px;
}
.table--is-vertical th, .table--is-vertical td, .table--is-vertical-with-one-column th, .table--is-vertical-with-one-column td, .table--is-vertical-with-two-columns th, .table--is-vertical-with-two-columns td {
  padding: 0 4px 12px;
}
@media (min-width: 768px) {
  .table--is-vertical th, .table--is-vertical td, .table--is-vertical-with-one-column th, .table--is-vertical-with-one-column td, .table--is-vertical-with-two-columns th, .table--is-vertical-with-two-columns td {
    padding-bottom: 16px;
  }
}
.table--is-vertical th:after, .table--is-vertical td:after, .table--is-vertical-with-one-column th:after, .table--is-vertical-with-one-column td:after, .table--is-vertical-with-two-columns th:after, .table--is-vertical-with-two-columns td:after {
  display: none;
}
.table--is-vertical-with-one-column, .table--is-vertical-with-two-columns {
  padding-bottom: 0;
}
.table--is-vertical-with-one-column tr, .table--is-vertical-with-two-columns tr {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.table--is-vertical-with-one-column th, .table--is-vertical-with-one-column td, .table--is-vertical-with-two-columns th, .table--is-vertical-with-two-columns td {
  width: 100%;
}
.table--is-vertical-with-two-columns tbody {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.table--is-vertical-with-two-columns tr {
  width: 50%;
}
@media (max-width: 480px) {
  .table--is-vertical-with-two-columns tr {
    width: 100%;
  }
}
.table--no-thead-border th {
  padding-bottom: 0;
}
.table--no-thead-border th:after {
  display: none;
}
.table--thead-hidden-mobile {
  padding-top: 6px;
}
@media (min-width: 768px) {
  .table--thead-hidden-mobile {
    padding-top: 24px;
  }
}
.table--thead-hidden-mobile thead {
  display: none;
}
@media (min-width: 768px) {
  .table--thead-hidden-mobile thead {
    display: table-header-group;
  }
}
@media (min-width: 768px) {
  .table--is-mobile {
    display: none !important;
  }
}
.table--is-desktop {
  display: none;
}
@media (min-width: 768px) {
  .table--is-desktop {
    display: table;
  }
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.textfield-editor__title {
  margin-bottom: 20px;
}
.textfield-editor__intro {
  margin-bottom: 30px;
  line-height: 1.25;
  font-size: 16px;
}
.textfield-editor__container-buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.textfield-editor__container-language-buttons {
  display: flex;
}
.textfield-editor__textarea__textarea {
  width: 100%;
  min-height: 222px;
  max-height: 222px;
}
.textfield-editor__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.textfield-editor__button-copy-text {
  justify-self: flex-end;
  margin-left: auto;
  color: var(--c-grey);
  background: var(--c-grey-border);
}
.textfield-editor__button-copy-text svg {
  margin-right: 12px;
}
.textfield-editor__button-copy-text path {
  fill: var(--c-grey);
}
.textfield-editor__button-copy-text:hover {
  color: var(--c-white);
  background: var(--c-grey);
}
.textfield-editor__button-copy-text:hover path {
  fill: var(--c-white);
}
.textfield-editor__tags {
  margin-right: 16px;
}
.textfield-editor__tags-title {
  margin-bottom: 8px;
}
.textfield-editor__tags-description {
  font-size: 16px;
}
.textfield-editor--has-copy-text-button .textfield-editor__textarea__textarea, .textfield-editor--has-tag-description .textfield-editor__textarea__textarea {
  margin-bottom: 24px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.toaster {
  display: flex;
  align-items: center;
  position: fixed;
  top: 20px;
  right: 20px;
  border: 1px solid var(--c-grey-border);
  margin-left: 20px;
  max-width: 480px;
  padding: 15px;
  background: var(--c-white);
  z-index: 99;
}
@media (min-width: 768px) {
  .toaster {
    top: 30px;
    right: 30px;
    margin-left: 30px;
  }
}
.toaster__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 30px;
  min-width: 28px;
  height: 28px;
  background: var(--c-green);
  overflow: hidden;
}
.toaster__icon path {
  fill: var(--c-white);
}
.toaster__text {
  margin-right: 48px;
  font-size: 16px;
  font-weight: 700;
}
.toaster__button-close {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -14px;
  width: 28px;
  height: 28px;
  fill: var(--c-grey);
}
.toaster__button-close:hover path {
  fill: var(--c-black);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.total-report {
  border: 1px solid var(--c-grey-border);
  border-radius: 5px;
  margin-top: 30px;
  padding: 30px;
}
.total-report__title-and-button {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 30px;
}
.total-report__legend-and-button-container {
  display: flex;
}
.total-report .total-report__legend {
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .total-report .total-report__legend {
    display: none;
  }
}
.total-report .total-report__legend-desktop {
  display: none;
}
@media (min-width: 1024px) {
  .total-report .total-report__legend-desktop {
    display: flex;
    justify-content: flex-end;
    margin-right: 30px;
    max-width: 560px;
  }
}
.total-report .total-report__legend-desktop__item {
  margin-right: 0 !important;
  margin-left: 16px;
}
.total-report__charts {
  display: flex;
  align-items: flex-end;
  position: relative;
  margin-bottom: 48px;
  height: 188px;
  padding-left: 48px;
}
@media (min-width: 768px) {
  .total-report__charts {
    height: 268px;
  }
}
.total-report__charts-axis-values {
  position: absolute;
  width: 100%;
  left: 0;
}
.total-report__charts-line {
  position: relative;
  width: 100%;
  height: 47px;
  font-weight: 700;
  color: var(--c-grey);
}
@media (min-width: 768px) {
  .total-report__charts-line {
    height: 67px;
  }
}
.total-report__charts-line span {
  transform: translateY(-50%);
  display: block;
  width: 36px;
  text-align: center;
}
.total-report__charts-line:after {
  content: "";
  display: block;
  position: absolute;
  left: 48px;
  top: 0;
  border-bottom: 1px dashed var(--c-grey-border);
  width: calc(100% - 48px);
}
.total-report__charts-line:last-of-type {
  height: 0;
}

.total-report-legend {
  display: flex;
  flex-wrap: wrap;
}
.total-report-legend__item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.total-report-legend__item:not(:last-of-type) {
  margin-right: 18px;
}
.total-report-legend__item-circle {
  border-radius: 50%;
  margin-right: 10px;
  width: 8px;
  height: 8px;
  background: var(--c-grey);
}

.bar-chart {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 188px;
}
.bar-chart + .bar-chart {
  display: none;
}
@media (min-width: 768px) {
  .bar-chart {
    height: 268px;
  }
  .bar-chart:nth-child(-n+3) {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .bar-chart:nth-child(-n+5) {
    display: flex;
  }
}
@media (min-width: 1448px) {
  .bar-chart + .bar-chart {
    display: flex;
  }
}
.bar-chart__year {
  position: absolute;
  top: 100%;
  width: 100%;
  padding-top: 15px;
  text-align: center;
  font-weight: 700;
  color: var(--c-grey);
}
.bar-chart__bar {
  width: 20px;
}
.bar-chart__bar + .bar-chart__bar {
  margin-left: 8px;
}

.total-report-legend__item-circle--is-blue, .bar-chart__bar--is-blue {
  background-color: var(--c-secondary);
}
.total-report-legend__item-circle--is-pink, .bar-chart__bar--is-pink {
  background-color: var(--c-pink);
}
.total-report-legend__item-circle--is-green, .bar-chart__bar--is-green {
  background-color: var(--c-green);
}
.total-report-legend__item-circle--is-purple, .bar-chart__bar--is-purple {
  background-color: var(--c-purple);
}
.total-report-legend__item-circle--is-yellow, .bar-chart__bar--is-yellow {
  background-color: var(--c-yellow);
}
.total-report-legend__item-circle--is-brown, .bar-chart__bar--is-brown {
  background-color: var(--c-brown);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.sort-buttons {
  display: flex;
  align-items: center;
}
.sort-buttons__text {
  font-size: 16px;
  font-weight: 600;
  color: var(--c-primary);
}
.sort-buttons__button-arrow-up, .sort-buttons__button-arrow-down {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  margin-left: 8px;
}
.sort-buttons__button-arrow-up svg, .sort-buttons__button-arrow-down svg {
  fill: var(--c-primary);
}
.sort-buttons__button-arrow-up {
  margin-left: 16px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: rgba(29, 29, 34, 0.5);
  overflow-y: auto;
  z-index: 2;
}
@media (min-width: 768px) {
  .modal {
    left: 104px;
    width: calc(100% - 104px);
  }
}
.modal__inner {
  position: relative;
  border: 1px solid var(--c-grey-border);
  margin: 102px 10px;
  width: calc(100% - 20px);
  max-width: 696px;
  padding: 40px;
  background: var(--c-white);
}
@media (min-width: 800px) {
  .modal__inner {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .modal__inner {
    margin: 50px auto;
  }
}
.modal__title {
  margin-bottom: 32px;
}
.modal__input, .modal__select, .modal__input-check-select, .modal__input-textarea {
  display: block;
  margin-bottom: 32px;
}
.modal__paragraph {
  font-size: 16px;
  margin-bottom: 40px;
}
.modal__footer {
  display: flex;
  justify-content: space-between;
}
.modal--is-small .modal__title {
  margin-bottom: 20px;
}
.modal--is-small .modal__inner {
  max-width: 480px;
  padding: 40px 60px;
}
.modal--is-small .modal__footer {
  justify-content: flex-end;
}
.modal--is-small .modal__button-primary {
  margin-left: 24px;
  background: var(--c-vermilion);
}
.modal--is-small .modal__button-cancel {
  color: var(--c-text);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.modify-question-form {
  position: relative;
}
.modify-question-form:after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 8px);
  right: 24px;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--c-primary);
  border-bottom: 2px solid var(--c-primary);
}
.modify-question-form__button-collapse {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 1px solid #F2970D;
  width: 100%;
  height: 47px;
  padding: 0 18px 0 44px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: var(--c-primary);
}
.modify-question-form__question-index {
  justify-self: flex-start;
  margin-right: auto;
}
.modify-question-form__button-delete {
  margin-right: 32px;
}
.modify-question-form__collapsable {
  overflow: hidden;
  height: 0;
}
.modify-question-form__form {
  border: 1px solid var(--c-grey-border);
  padding: 24px;
}
.modify-question-form__section {
  display: flex;
  width: 100%;
  padding-bottom: 30px;
}
.modify-question-form__section + .modify-question-form__section {
  border-top: 1px solid var(--c-grey-border);
  padding-top: 30px;
}
.modify-question-form__section-columns > * {
  width: 50%;
}
.modify-question-form__section-columns > *:not(:first-child) {
  margin-left: 25px;
}
.modify-question-form__append-description, .modify-question-form__title {
  margin-bottom: 16px;
  font-size: 16px;
}
.modify-question-form__title {
  margin-bottom: 40px;
  font-weight: 700;
}
.modify-question-form__section-multiple-choice {
  border-top: 1px solid var(--c-grey-border);
  padding-top: 30px;
}
.modify-question-form__table-multiple-choice {
  border: 0;
  margin-bottom: 16px;
  padding: 0;
}
.modify-question-form__table-multiple-choice th {
  padding-bottom: 0;
  font-size: 16px;
}
.modify-question-form__table-multiple-choice th:after {
  display: none;
}
.modify-question-form__table-multiple-choice td {
  padding-top: 16px;
}
.modify-question-form:after {
  transform: rotate(225deg) scale(0.9);
  top: 20px;
  right: inherit;
  left: 19px;
}
.modify-question-form + .modify-question-form {
  margin-top: 20px;
}
.modify-question-form--is-collapsed:after {
  top: 16px;
  transform: rotate(45deg) scale(0.9);
}
.modify-question-form--is-collapsed .modify-question-form__collapsable {
  height: auto;
}

.multiple-choice-option-form td:first-child {
  width: 72px;
  padding-left: 0;
}
.multiple-choice-option-form__index {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 53px;
  height: 51px;
  font-size: 16px;
  background: var(--c-primary);
  color: var(--c-white);
}
.multiple-choice-option-form__input-label, .multiple-choice-option-form__input-value {
  margin-right: 12px;
}

.button-add {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
}
.button-add:hover .button-add__icon {
  background: var(--c-green-dark);
}
.button-add__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  border-radius: 50%;
  width: 37px;
  height: 37px;
  background: var(--c-green);
}
.button-add__icon path {
  fill: var(--c-white);
}

.button-schedule {
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  background: var(--c-grey-light);
  color: var(--c-grey);
}
@media (max-width: 480px) {
  .button-schedule {
    font-size: 14px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.button-schedule:hover, .button-schedule--is-active {
  background: var(--c-green);
  color: var(--c-white);
}
.button-schedule:hover .button-schedule__icon-cross, .button-schedule--is-active .button-schedule__icon-cross {
  fill: var(--c-white);
}
.button-schedule--is-active {
  pointer-events: none;
}
.button-schedule .button-schedule__icon-cross {
  margin-right: 12px;
  fill: var(--c-grey);
}

.button-save {
  display: flex;
  color: var(--c-white);
  background: var(--c-green);
}
.button-save:hover {
  background: var(--c-green-dark);
}
.button-save .button-save__svg {
  margin-right: 13px;
}
.button-save .button-save__svg path {
  fill: var(--c-white);
}

.button-table-sort {
  display: flex;
  align-items: center;
  color: var(--c-text);
}
.button-table-sort__triangles {
  display: none;
}
@media (min-width: 768px) {
  .button-table-sort__triangles {
    display: flex;
    flex-direction: column;
    margin-left: 6px;
  }
}
.button-table-sort__triangle-up, .button-table-sort__triangle-down {
  margin: 0;
  fill: var(--c-grey-border);
}
.button-table-sort__triangle-up {
  margin-bottom: 3px;
}
.button-table-sort--sort-asc .button-table-sort__triangle-down {
  fill: var(--c-grey);
}
.button-table-sort--sort-desc .button-table-sort__triangle-up {
  fill: var(--c-grey);
}

.button-prev-next {
  height: 49px;
  padding: 0;
  border-radius: 2px;
}
.button-prev-next:hover {
  color: var(--c-primary);
  border-color: var(--c-primary);
}
.button-prev-next__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
.button-prev-next__text {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.button-prev-next__button-prev, .button-prev-next__button-next {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
}
.button-prev-next__button-prev svg, .button-prev-next__button-next svg {
  margin: 0;
}
.button-prev-next__button-prev path, .button-prev-next__button-next path {
  fill: var(--c-primary);
}
.button-prev-next__button-prev:hover path, .button-prev-next__button-next:hover path {
  fill: var(--c-primary-darker);
}

.grouped-buttons {
  display: flex;
}
.grouped-buttons .button-primary {
  border: 1px solid var(--c-btn-primary);
  border-radius: 0;
}
.grouped-buttons .button-primary:not(.button-primary--active) {
  color: var(--c-btn-primary);
  background: var(--c-btn-primary-text);
}
.grouped-buttons .button-primary:not(.button-primary--active):hover {
  color: var(--c-btn-primary-text);
  background: var(--c-btn-primary);
}
.grouped-buttons .button-primary:not(:first-of-type) {
  border-left: 0;
}
.grouped-buttons .button-primary:first-of-type {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.grouped-buttons .button-primary:last-of-type {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.input-check {
  display: block;
}
.input-check + .input-check {
  margin-top: 16px;
}
.input-check__input {
  position: absolute;
  pointer-events: none;
  visibility: hidden;
  margin: 0;
}
.input-check__label {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
.input-check__label-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--c-grey);
  width: 17px;
  height: 17px;
}
.input-check__label-checkbox img {
  display: none;
  width: 10px;
  height: 9px;
}
.input-check__label-text {
  padding-left: 10px;
}
.input-check__input:checked ~ .input-check__label .input-check__label-checkbox {
  border-color: var(--c-green);
}
.input-check__input:checked ~ .input-check__label .input-check__label-checkbox img {
  display: block;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.input-check-select {
  position: relative;
}
.input-check-select__label {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}
.input-check-select__button-toggle {
  border: 1px solid var(--c-grey-border);
  width: 100%;
  padding: 16px 50px 16px 24px;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  color: var(--c-black);
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
}
.input-check-select__button-toggle:disabled {
  color: var(--c-grey);
  background: var(--c-grey-light);
}
.input-check-select__button-toggle:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 22px;
  right: 24px;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--c-grey);
  border-bottom: 2px solid var(--c-grey);
  pointer-events: none;
}
.input-check-select__checkboxes {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 52px;
  border: 1px solid var(--c-grey-border);
  border-top: 0;
  padding: 24px;
  width: 100%;
  max-height: 165px;
  background: var(--c-white);
  pointer-events: none;
  overflow-y: auto;
}
.input-check-select--open .input-check-select__checkboxes {
  display: flex;
  pointer-events: visible;
}
.input-check-select--with-label .input-check-select__checkboxes {
  top: 88px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.input-color {
  display: block;
}
.input-color__label {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}
.input-color__container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 1px dashed var(--c-grey);
  border-radius: 5px;
  width: 86px;
  height: 86px;
  overflow: hidden;
}
.input-color__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.input-color__plus-icon path {
  fill: var(--c-grey);
}
.input-color:hover .input-color__container {
  background: var(--c-grey-light);
}
.input-color--has-color .input-color__container {
  border-color: transparent;
}
.input-color--has-color .input-color__plus-icon path {
  fill: var(--c-white);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.input-date {
  display: block;
}
.input-date__label {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}
.input-date__input {
  border: 1px solid var(--c-grey-border);
  width: 100%;
  padding: 16px 50px 16px 24px;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  color: var(--c-black);
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-top: 13.2px;
  padding-right: 16px;
  padding-bottom: 13.2px;
}
.input-date__input:disabled {
  color: var(--c-grey);
  background: var(--c-grey-light);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.input-file {
  display: block;
}
.input-file__label {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}
.input-file__container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 1px dashed var(--c-grey);
  border-radius: 5px;
  width: 100%;
  min-height: 73px;
  padding: 16px 32px;
  overflow: hidden;
}
.input-file__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.input-file__fake-button {
  margin-right: 16px;
}
.input-file__fake-button path {
  fill: var(--c-grey);
}
.input-file__image-preview, .input-file__file-icon {
  align-self: flex-start;
  margin-right: 16px;
}
.input-file__transfer-info {
  width: 100%;
}
.input-file__filename-and-button {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  width: 100%;
}
.input-file__filename {
  font-size: 16px;
  color: var(--c-grey);
}
.input-file__file-size {
  margin-top: 8px;
  font-size: 12px;
  color: var(--c-grey);
}
.input-file__button-delete {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
.input-file__button-delete path {
  fill: var(--c-grey);
}
.input-file__button-delete:hover path {
  fill: var(--c-text);
}
.input-file:hover .input-file__container {
  background: var(--c-grey-light);
}
.input-file--is-dragover .input-file__container {
  background: var(--c-primary);
}
.input-file--is-dragover .input-file__text, .input-file--is-dragover .input-file__file-size {
  color: var(--c-white);
}
.input-file--is-dragover .input-file__fake-button path, .input-file--is-dragover .input-file__button-delete path {
  fill: var(--c-white);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.input-radio {
  display: block;
}
.input-radio + .input-radio {
  margin-top: 16px;
}
.input-radio__input {
  position: absolute;
  pointer-events: none;
  visibility: hidden;
  margin: 0;
}
.input-radio__label {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
.input-radio__label-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid var(--c-grey);
  border-radius: 50%;
  width: 18px;
  height: 18px;
}
.input-radio__label-text {
  padding-left: 10px;
}
.input-radio__input:checked ~ .input-radio__label .input-radio__label-radio {
  border-color: var(--c-green);
}
.input-radio__input:checked ~ .input-radio__label .input-radio__label-radio::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background: var(--c-green);
  overflow: hidden;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.input-textarea {
  display: block;
}
.input-textarea__label {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}
.input-textarea__textarea {
  border: 1px solid var(--c-grey-border);
  width: 100%;
  padding: 16px 50px 16px 24px;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  color: var(--c-black);
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 280px;
  font-family: "proxima-nova", sans-serif;
  color: var(--c-text);
  resize: none;
}
.input-textarea__textarea:disabled {
  color: var(--c-grey);
  background: var(--c-grey-light);
}
.input-textarea__textarea::-moz-placeholder {
  color: var(--c-grey);
}
.input-textarea__textarea::placeholder {
  color: var(--c-grey);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.input-text {
  display: block;
}
.input-text__label {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}
.input-text__input {
  border: 1px solid var(--c-grey-border);
  width: 100%;
  padding: 16px 50px 16px 24px;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  color: var(--c-black);
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.input-text__input:disabled {
  color: var(--c-grey);
  background: var(--c-grey-light);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.form-select {
  display: block;
}
.form-select__inner {
  position: relative;
  position: relative;
}
.form-select__inner:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 22px;
  right: 24px;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--c-grey);
  border-bottom: 2px solid var(--c-grey);
  pointer-events: none;
}
.form-select__label {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}
.form-select__select {
  border: 1px solid var(--c-grey-border);
  width: 100%;
  padding: 16px 50px 16px 24px;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  color: var(--c-black);
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-select__select:disabled {
  color: var(--c-grey);
  background: var(--c-grey-light);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.transfer-progress-bar {
  width: 100%;
}
.transfer-progress-bar__bar {
  position: relative;
  margin-bottom: 8px;
  width: 100%;
  height: 5px;
}
.transfer-progress-bar__bar-circle {
  position: absolute;
  top: -4px;
  border: 2px solid var(--c-white);
  border-radius: 50%;
  width: 13px;
  height: 13px;
  background: var(--c-green);
  overflow: hidden;
  transform: translateX(-50%);
}
.transfer-progress-bar__bar-background, .transfer-progress-bar__bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 263px;
  background: var(--c-grey-border);
}
.transfer-progress-bar__bar-fill {
  background: var(--c-green);
}
.transfer-progress-bar__text {
  font-size: 12px;
  color: var(--c-grey);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.table-emails__th-date {
  min-width: 128px;
  width: 128px;
}
.table-emails__th-mail {
  min-width: 160px;
  width: 160px;
}
.table-emails__th-received {
  width: calc(100% - 288px);
}
.table-emails--is-mobile tr {
  width: 50% !important;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.table-notes__td-note {
  max-width: 352px;
  min-width: 240px;
}
.table-notes__th-date {
  min-width: 96px;
  max-width: 96px;
}
.table-notes__th-creator {
  min-width: 128px;
  max-width: 128px;
}
.table-notes__th-name-and-date {
  display: flex;
  justify-content: space-between;
}
.table-notes__th-name-and-date span + span {
  text-align: right;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.table-projects__status-label {
  display: inline-block;
  border-radius: 38px;
  padding: 8px 14px;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
}
.table-projects__status-label--is-started {
  color: var(--c-blue);
  background: var(--c-blue-light);
}
.table-projects__status-label--is-not-started {
  color: var(--c-red);
  background: var(--c-skin);
}
.table-projects__status-label--is-done {
  color: var(--c-green);
  background: var(--c-green-light);
}

.table-projects-desktop__th-status {
  min-width: 150px;
}

.table-projects-mobile + .table-projects-mobile {
  margin-top: 30px;
}
.table-projects-mobile tr:not(:last-of-type) th, .table-projects-mobile tr:not(:last-of-type) td {
  padding-bottom: 20px;
}
.table-projects-mobile tr:not(:last-of-type) th {
  width: 60%;
}
.table-projects-mobile__th-header, .table-projects-mobile__td-header {
  padding-bottom: 28px !important;
}
.table-projects-mobile__th-header {
  font-size: 18px;
}
.table-projects-mobile__button-link {
  justify-content: flex-start;
}
.table-projects-mobile__th-button-download {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.table-projects-mobile__button-download {
  justify-content: flex-start;
  margin: 0;
  text-align: left;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.table-reports {
  border: 1px solid var(--c-grey-border);
  border-radius: 5px;
  width: 100%;
  padding: 24px;
}

.table-reports-desktop {
  border: 0;
  padding: 0;
}
.table-reports-desktop__title-and-button {
  display: none;
}
@media (min-width: 1024px) {
  .table-reports-desktop__title-and-button {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
  }
}

.table-reports-mobile {
  border: 0;
  margin-bottom: 4px;
  padding: 0;
}
.table-reports-mobile th, .table-reports-mobile td {
  font-size: 16px;
}
.table-reports-mobile td {
  text-align: right;
}
.table-reports-mobile__container:not(:last-of-type) {
  padding-bottom: 30px;
}
.table-reports-mobile__container + .table-reports-mobile__container {
  border-top: 1px solid var(--c-grey-border);
  padding-top: 30px;
}
@media (min-width: 768px) {
  .table-reports-mobile__container {
    display: none;
  }
}
.table-reports-mobile__title-and-button {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .table-reports-mobile__title-and-button {
    display: none;
  }
}
.table-reports-mobile__button-download {
  margin-left: 4px;
  justify-content: flex-start;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-branches__editable-text-block + .page-branches__editable-text-block, .page-branches__editable-text-block + .page-functions__editable-text-block, .page-functions__editable-text-block + .page-branches__editable-text-block, .page-functions__editable-text-block + .page-functions__editable-text-block {
  margin-top: 10px;
}
.page-branches__editable-text-block:last-of-type, .page-functions__editable-text-block:last-of-type {
  margin-bottom: 30px;
}
.page-branches__button-add, .page-functions__button-add {
  margin: 30px 0;
}
.page-branches__footer, .page-functions__footer {
  flex-direction: column;
}
@media (min-width: 768px) {
  .page-branches__footer, .page-functions__footer {
    flex-direction: row;
    justify-content: space-between;
  }
}
.page-branches__button-next, .page-branches__button-skip, .page-branches__button-prev, .page-functions__button-next, .page-functions__button-skip, .page-functions__button-prev {
  width: 100%;
}
@media (min-width: 768px) {
  .page-branches__button-next, .page-branches__button-skip, .page-branches__button-prev, .page-functions__button-next, .page-functions__button-skip, .page-functions__button-prev {
    width: auto;
  }
}
.page-branches__button-skip, .page-branches__button-next, .page-functions__button-skip, .page-functions__button-next {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .page-branches__button-skip, .page-branches__button-next, .page-functions__button-skip, .page-functions__button-next {
    margin-top: 0;
  }
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-company-detail {
  padding-bottom: 112px;
}
@media (min-width: 768px) {
  .page-company-detail__title {
    margin-bottom: 20px;
  }
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-company-overview {
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .page-company-overview__title {
    margin-bottom: 20px;
  }
}
.page-company-overview__scores-filters {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .page-company-overview__scores-filters {
    flex-direction: row;
  }
}
.page-company-overview__scores-filters-results-count {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .page-company-overview__scores-filters-results-count {
    display: none;
  }
}
.page-company-overview__select-box {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .page-company-overview__select-box {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .page-company-overview__search-input {
    justify-self: flex-end;
    margin-left: auto;
    width: 240px;
  }
}
.page-company-overview__response-block {
  margin-bottom: 30px;
}
.page-company-overview__table-projects, .page-company-overview__table-templates, .page-company-overview__table-module, .page-company-overview__table-notes {
  margin-bottom: 30px;
}
.page-company-overview__button-add-project {
  display: none;
}
@media (min-width: 768px) {
  .page-company-overview__button-add-project {
    display: flex;
  }
}
@media (min-width: 768px) {
  .page-company-overview__table-projects__th-buttons {
    min-width: 160px;
  }
}
.page-company-overview__table-projects__td-button-edit, .page-company-overview__table-templates__button-edit, .page-company-overview__button-edit-contact-persons, .page-company-overview__button-add-note {
  display: none;
}
@media (min-width: 768px) {
  .page-company-overview__table-projects__td-button-edit, .page-company-overview__table-templates__button-edit, .page-company-overview__button-edit-contact-persons, .page-company-overview__button-add-note {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .page-company-overview__title-company-info {
    height: 52px;
  }
}
.page-company-overview__table-company-info-and-contact-persons {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .page-company-overview__table-company-info-and-contact-persons {
    flex-direction: row;
  }
}
.page-company-overview__table-company-info-container {
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 1024px) {
  .page-company-overview__table-company-info-container {
    margin-right: 30px;
    margin-bottom: 0;
    width: 40%;
  }
}
.page-company-overview__table-contact-persons-container {
  width: 100%;
}
@media (min-width: 1024px) {
  .page-company-overview__table-contact-persons-container {
    width: 60%;
  }
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-edit-email-template {
  display: none;
}
@media (min-width: 768px) {
  .page-edit-email-template {
    display: block;
  }
}
.page-edit-email-template__container-top-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-edit-email-template__button-cancel {
  margin-right: 24px;
}
.page-edit-email-template__form-general {
  display: flex;
  margin-bottom: 30px;
}
.page-edit-email-template__input-name, .page-edit-email-template__input-interval {
  width: 50%;
}
.page-edit-email-template__input-interval {
  margin-left: 30px;
}
.page-edit-email-template__text-editor {
  margin-bottom: 30px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-edit-questionnaire {
  display: none;
}
@media (min-width: 768px) {
  .page-edit-questionnaire {
    display: block;
  }
}
.page-edit-questionnaire__container-top-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-edit-questionnaire__paragraph {
  margin-bottom: 16px;
}
.page-edit-questionnaire__button-cancel {
  margin-right: 24px;
}
.page-edit-questionnaire__form-general {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.page-edit-questionnaire__input-questionnaire-name {
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .page-edit-questionnaire__input-questionnaire-name {
    width: calc(50% - 30px);
    margin-right: 30px;
  }
}
.page-edit-questionnaire__input-module {
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .page-edit-questionnaire__input-module {
    width: 50%;
  }
}
.page-edit-questionnaire__textarea-description {
  width: 100%;
}
.page-edit-questionnaire__textarea-description textarea {
  height: 150px;
}
.page-edit-questionnaire__form-questions {
  margin-bottom: 30px;
}
.page-edit-questionnaire__button-add-question, .page-edit-questionnaire__form-options, .page-edit-questionnaire__form-pdf {
  margin-bottom: 40px;
}
.page-edit-questionnaire__form-options-checkboxes__checkbox-with-title + .page-edit-questionnaire__form-options-checkboxes__checkbox-with-title {
  margin-left: 40px;
}
.page-edit-questionnaire__text-editor-pdf {
  margin-bottom: 30px;
}
.page-edit-questionnaire__text-editor-progress-bar {
  margin-bottom: 40px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.login-page {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  min-height: 560px;
  padding: 35px 20px;
}
.login-page .button-simple, .login-page .button-simple-large, .login-page .button-simple-cursive {
  color: var(--c-text);
}
.login-page__form {
  position: relative;
  width: 100%;
  padding-bottom: 32px;
}
.login-page__background {
  display: none;
  position: relative;
  pointer-events: none;
}
.login-page__paragraph {
  margin-bottom: 32px;
}
.login-page__background-overlay {
  position: absolute;
  width: 200%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 2;
  mix-blend-mode: screen;
  background: linear-gradient(135deg, var(--c-nav-primary) 30%, var(--c-nav-primary-darker) 80%);
}
@media (min-width: 768px) {
  .login-page {
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
    overflow: hidden;
  }
  .login-page__form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 200px;
    padding-bottom: 120px;
    padding-left: 40px;
    width: 45%;
    height: 100%;
    z-index: 3;
  }
  .login-page__background {
    display: flex;
    justify-content: flex-start;
    align-self: stretch;
    position: relative;
    width: 50%;
    min-height: 800px;
  }
  .login-page__background-img {
    position: relative;
    width: auto;
    min-width: 640px;
    height: 100%;
    padding-right: 78%;
    z-index: 2;
  }
  .login-page__background-img-base, .login-page__background-img-squares {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .login-page__background-img-squares {
    width: 110%;
  }
}
@media (min-width: 1024px) {
  .login-page__background {
    justify-content: flex-end;
  }
}
@media (min-width: 1448px) {
  .login-page__form {
    padding-left: 120px;
  }
}
.login-page__logo {
  position: relative;
  margin-bottom: 40px;
  width: 162px;
  height: 72px;
}
@media (min-width: 768px) {
  .login-page__logo {
    position: absolute;
    margin: 0;
    top: 32px;
    left: 40px;
    width: 193px;
    height: 86px;
  }
}
.login-page__title, .login-page__title-with-step {
  margin-bottom: 30px;
}
.login-page__title-with-step {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-page__step {
  font-weight: 700;
  color: var(--c-grey);
}
.login-page__buttons-container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 30px;
}
@media (min-width: 1024px) {
  .login-page__buttons-container {
    flex-direction: row;
    align-items: center;
  }
}
.login-page__button-login {
  margin-bottom: 16px;
  width: 100%;
}
@media (min-width: 1024px) {
  .login-page__button-login {
    margin-right: 32px;
    margin-bottom: 0;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.login-page__button-skip {
  margin-left: 0;
  margin-bottom: 16px;
  width: 100%;
  color: var(--c-grey);
  background: var(--c-grey-border);
}
@media (min-width: 1024px) {
  .login-page__button-skip {
    margin-bottom: 0;
    width: auto;
  }
}
.login-page__input-birth-date, .login-page__input-start-date, .login-page__input-first-name, .login-page__input-last-name {
  margin-bottom: 30px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

@media (min-width: 768px) {
  .login-password-set {
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (min-width: 1024px) {
  .login-password-set {
    height: 100vh;
    min-height: 720px;
  }
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-my-account__title, .page-my-account__table-mobile, .page-my-account__table-desktop {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .page-my-account__table-mobile {
    display: none;
  }
}
.page-my-account__table-desktop {
  display: none;
}
@media (min-width: 768px) {
  .page-my-account__table-desktop {
    display: table;
  }
}
.page-my-account__buttons {
  display: flex;
  flex-wrap: wrap;
}
.page-my-account__button-edit-email, .page-my-account__button-edit-password {
  margin-bottom: 16px;
}
.page-my-account__button-edit-email {
  margin-right: 20px;
}
.page-my-account__button-delete-account {
  margin-top: 16px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-schedule {
  display: none;
}
@media (min-width: 768px) {
  .page-schedule {
    display: block;
  }
}
.page-schedule__filters {
  display: flex;
  margin-bottom: 16px;
}
.page-schedule__filter-time-slot {
  margin: 0 20px;
}
.page-schedule__filter-week {
  justify-self: flex-end;
  margin-left: auto;
}
.page-schedule__table {
  margin-bottom: 80px;
}
.page-schedule__button-save {
  display: flex;
  position: fixed;
  bottom: 30px;
  right: 30px;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-planning__subtitle {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .page-planning__title-and-button {
    align-items: flex-end;
  }
}
.page-planning__button-prev-next-desktop {
  display: none;
}
@media (min-width: 768px) {
  .page-planning__button-prev-next-desktop {
    display: block;
  }
}
.page-planning__button-prev-next-mobile {
  margin-bottom: 13px;
  width: 100%;
}
@media (min-width: 768px) {
  .page-planning__button-prev-next-mobile {
    display: none;
  }
}
.page-planning__title-availability {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .page-planning__title-availability {
    display: none;
  }
}
.page-planning__availability-grid {
  display: none;
}
@media (min-width: 768px) {
  .page-planning__availability-grid {
    display: flex;
    margin-bottom: 40px;
  }
}
.page-planning__input-limit {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.page-planning__input-limit span {
  margin: 0;
  margin-right: 16px;
}
.page-planning__input-limit input {
  padding: 16px;
}
@media (min-width: 768px) {
  .page-planning__input-limit {
    display: none;
  }
}
.page-planning__table-filters {
  display: none;
}
@media (min-width: 768px) {
  .page-planning__table-filters {
    display: flex;
    margin-bottom: 20px;
    width: 100%;
  }
}
.page-planning__table-filters-months, .page-planning__table-filters-button-prev-next {
  margin-right: 20px;
  height: 51px;
}
.page-planning__table-filters-search-input {
  margin-left: auto;
  justify-self: flex-end;
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-register-employee__button-next {
  margin-left: auto;
  align-self: flex-end;
}
.page-register-employee__select-function, .page-register-employee__select-department {
  margin-bottom: 30px;
}
.page-register-employee__footer {
  flex-direction: column;
}
@media (min-width: 768px) {
  .page-register-employee__footer {
    flex-direction: row;
    justify-content: space-between;
  }
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-schedule-consult {
  padding: 0 40px;
}
@media (min-width: 768px) {
  .page-schedule-consult {
    padding-left: calc(104px + 40px);
  }
}
@media (min-width: 1024px) {
  .page-schedule-consult {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .page-schedule-consult {
    padding: 0 20px;
  }
}
.page-schedule-consult__container {
  border: 1px solid var(--c-grey-border);
  border-radius: 5px;
  margin: 60px auto 0;
  width: 100%;
  max-width: 650px;
  padding: 25px;
}
@media (min-width: 768px) {
  .page-schedule-consult__container {
    margin-top: 125px;
    padding: 50px;
  }
}
.page-schedule-consult__title, .page-schedule-consult__paragraph, .page-schedule-consult__input-date, .page-schedule-consult__input-email {
  margin-bottom: 30px;
}
.page-schedule-consult__subtitle {
  margin-bottom: 16px;
}
.page-schedule-consult__schedule-buttons {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 7px;
  width: calc(100% + 15px);
}
@media (max-width: 480px) {
  .page-schedule-consult__schedule-buttons {
    width: 100%;
  }
}
.page-schedule-consult__schedule-button {
  margin-right: 15px;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .page-schedule-consult__schedule-button {
    margin-right: 0;
    width: 100%;
  }
}
.page-schedule-consult__appointment {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  font-size: 16px;
  font-weight: 700;
  color: var(--c-grey);
}
.page-schedule-consult__appointment-icon {
  margin-right: 16px;
  fill: var(--c-green);
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-settings {
  display: none;
}
@media (min-width: 768px) {
  .page-settings {
    display: block;
  }
}
.page-settings__container-top-buttons {
  display: flex;
}
.page-settings__select-box {
  margin-right: 20px;
}
.page-settings__grouped-buttons {
  margin-bottom: 32px;
}
.page-settings__questionnaires-table-buttons button:last-child:not(:first-child) {
  margin-left: 8px;
}
.page-settings__questionnaires-table-buttons button span {
  display: none;
}
@media (min-width: 1024px) {
  .page-settings__questionnaires-table-buttons button:last-child:not(:first-child) {
    margin-left: 24px;
  }
  .page-settings__questionnaires-table-buttons button span {
    display: block;
  }
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-settings-company, .page-settings-employee {
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
}
.page-settings-company__input, .page-settings-company__divider, .page-settings-company__passwords, .page-settings-employee__input, .page-settings-employee__divider, .page-settings-employee__passwords {
  margin-bottom: 30px;
}
.page-settings-company__editable-text-block, .page-settings-employee__editable-text-block {
  margin-bottom: 10px;
}
.page-settings-company__editable-text-block:last-of-type, .page-settings-employee__editable-text-block:last-of-type {
  margin-bottom: 30px;
}
.page-settings-company__two-columns-container, .page-settings-employee__two-columns-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-settings-company__two-columns-container label, .page-settings-company__two-columns-container label, .page-settings-employee__two-columns-container label, .page-settings-employee__two-columns-container label {
  width: calc(50% - 15px);
}
.page-settings-company__two-columns-container label:nth-child(even), .page-settings-company__two-columns-container label:nth-child(even), .page-settings-employee__two-columns-container label:nth-child(even), .page-settings-employee__two-columns-container label:nth-child(even) {
  margin-left: 30px;
}
@media (max-width: 480px) {
  .page-settings-company__two-columns-container label, .page-settings-company__two-columns-container label, .page-settings-employee__two-columns-container label, .page-settings-employee__two-columns-container label {
    width: 100%;
  }
  .page-settings-company__two-columns-container label:nth-child(even), .page-settings-company__two-columns-container label:nth-child(even), .page-settings-employee__two-columns-container label:nth-child(even), .page-settings-employee__two-columns-container label:nth-child(even) {
    margin-left: 0;
  }
}
.page-settings-company__input-logo-file, .page-settings-employee__input-logo-file {
  margin-right: 30px;
  width: 50%;
}
@media (max-width: 480px) {
  .page-settings-company__input-logo-file, .page-settings-employee__input-logo-file {
    margin-right: 0;
    margin-bottom: 30px;
    width: 100%;
  }
}
.page-settings-company__input-logo-file .input-file__container, .page-settings-employee__input-logo-file .input-file__container {
  min-height: 86px;
}
.page-settings-company__logo-and-theme-color, .page-settings-employee__logo-and-theme-color {
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .page-settings-company__logo-and-theme-color, .page-settings-employee__logo-and-theme-color {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .page-settings-company__input-password:last-of-type, .page-settings-employee__input-password:last-of-type {
    margin-top: 30px;
  }
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-project-detail {
  padding-bottom: 12px;
}
@media (min-width: 768px) {
  .page-project-detail {
    padding-bottom: 30px;
  }
}
.page-project-detail__title {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .page-project-detail__title-and-filters {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
}
.page-project-detail__filters {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .page-project-detail__filters {
    flex-direction: row;
  }
}
.page-project-detail__filters-results-count {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .page-project-detail__filters-results-count {
    display: none;
  }
}
.page-project-detail__select-box {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .page-project-detail__select-box {
    margin-left: 20px;
    margin-bottom: 0;
  }
}
.page-project-detail__table-project, .page-project-detail__total-report, .page-project-detail__invitation-text {
  margin-bottom: 30px;
}
.page-project-detail__current-situation-and-table-reports {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .page-project-detail__current-situation-and-table-reports {
    flex-direction: row;
  }
}
.page-project-detail__current-situation {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .page-project-detail__current-situation {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .page-project-detail__table-reports {
    margin-left: 30px;
    min-width: 560px;
  }
}
@media (min-width: 1448px) {
  .page-project-detail__table-reports {
    min-width: 690px;
  }
}
.page-project-detail__invitation-text {
  display: none;
}
@media (min-width: 768px) {
  .page-project-detail__invitation-text {
    display: block;
  }
}

:root {
  --c-primary: #F2970D;
  --c-primary-darker: #D97E00;
  --c-secondary: #39B4F9;
  --c-tertiary: #F2600D;
  --c-error: #F2600D;
  --c-grey: #7B7F81;
  --c-grey-border: #E2E5E6;
  --c-grey-light: #F4F5F4;
  --c-orange-light: #FFDBC7;
  --c-blue: #39B4F9;
  --c-blue-light: #BAE6FF;
  --c-text: #1D1D22;
  --c-white: #fff;
  --c-black: #000;
  --c-orange: #F2970D;
  --c-red: #FF1515;
  --c-vermilion: #FF4E16;
  --c-skin: #FFC6C6;
  --c-pink: #F939F1;
  --c-green: #00B712;
  --c-green-light: #ADF9B5;
  --c-green-dark: #346916;
  --c-brown: #F2600D;
  --c-yellow: #FFCA0D;
  --c-yellow-light: #FFF2C2;
  --c-purple: #AC25DB;
  --c-nav-primary: #F2970D;
  --c-nav-primary-darker: #D97E00;
  --c-nav-text: #7B7F81;
  --c-nav-text-active: #fff;
  --c-nav-bg: #fff;
  --c-btn-primary: #F2970D;
  --c-btn-primary-darker: #D97E00;
  --c-btn-primary-text: #fff;
}

.page-questionnaire {
  padding: 0 40px;
}
@media (min-width: 768px) {
  .page-questionnaire {
    padding-left: calc(104px + 40px);
  }
}
@media (min-width: 1024px) {
  .page-questionnaire {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .page-questionnaire {
    padding: 0 20px;
  }
}
.page-questionnaire__container {
  border: 1px solid var(--c-grey-border);
  border-radius: 5px;
  margin: 60px auto 0;
  width: 100%;
  max-width: 650px;
  padding: 25px;
}
@media (min-width: 768px) {
  .page-questionnaire__container {
    margin-top: 125px;
    margin-bottom: 125px;
    padding: 50px;
  }
}
.page-questionnaire__title {
  margin-right: 16px;
  word-break: break-word;
}
@media (max-width: 480px) {
  .page-questionnaire__title {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.page-questionnaire__title-question {
  margin-bottom: 16px;
}
.page-questionnaire__question-number {
  white-space: nowrap;
  font-weight: 700;
  color: var(--c-grey);
}
.page-questionnaire__title-with-question-number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
}
@media (max-width: 480px) {
  .page-questionnaire__title-with-question-number {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
}
.page-questionnaire__input-textarea, .page-questionnaire__input-date, .page-questionnaire__input-file, .page-questionnaire__input-email, .page-questionnaire__input-checks-container, .page-questionnaire__paragraph {
  margin-bottom: 30px;
}
.page-questionnaire__input-textarea textarea {
  height: 9rem;
}
.page-questionnaire__buttons-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 480px) {
  .page-questionnaire__buttons-container {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .page-questionnaire__button-prev {
    margin-bottom: 16px;
  }
}
.page-questionnaire__button-next {
  justify-self: flex-end;
  margin-left: auto;
}
@media (max-width: 480px) {
  .page-questionnaire__button-next, .page-questionnaire__button-prev {
    margin-left: 0;
    width: 100%;
  }
}
.page-questionnaire__button-finish {
  border: 1px solid var(--c-primary);
  color: var(--c-primary);
  background: var(--c-white);
}

.page-questionnaire-start__buttons-container, .page-questionnaire-end__buttons-container {
  flex-direction: column;
}
@media (min-width: 768px) {
  .page-questionnaire-start__buttons-container, .page-questionnaire-end__buttons-container {
    flex-direction: row;
  }
}
.page-questionnaire-start__button-next, .page-questionnaire-start__button-prev, .page-questionnaire-start__button-finish, .page-questionnaire-start__button-download, .page-questionnaire-end__button-next, .page-questionnaire-end__button-prev, .page-questionnaire-end__button-finish, .page-questionnaire-end__button-download {
  margin-left: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .page-questionnaire-start__button-next, .page-questionnaire-start__button-prev, .page-questionnaire-start__button-finish, .page-questionnaire-start__button-download, .page-questionnaire-end__button-next, .page-questionnaire-end__button-prev, .page-questionnaire-end__button-finish, .page-questionnaire-end__button-download {
    width: auto;
  }
}
.page-questionnaire-start__button-prev, .page-questionnaire-start__button-finish, .page-questionnaire-end__button-prev, .page-questionnaire-end__button-finish {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .page-questionnaire-start__button-prev, .page-questionnaire-start__button-finish, .page-questionnaire-end__button-prev, .page-questionnaire-end__button-finish {
    margin-bottom: 0;
  }
}

.import-table {
  width: 100%;
}
.import-table thead tr.top th {
  text-align: center;
}
.import-table thead tr th {
  text-align: left;
}
.import-table th, .import-table td {
  margin: 0;
  padding: 5px;
  vertical-align: top;
}
.import-table tbody tr td input[type=text] {
  width: 100%;
  padding: 5px 10px;
}
.import-table tbody tr td input[type=date] {
  width: 100%;
  padding: 5px 10px;
}
.import-table tbody tr td select {
  width: 100%;
  padding: 5px 10px;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 14px;
  font-weight: 400;
}

body {
  margin: 0;
  padding: 0;
  font-family: "proxima-nova", sans-serif;
  color: var(--c-text);
  background-color: var(--c-white);
}

hr {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--c-grey-border);
}

.toaster.toaster-login {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  margin: 0 0 30px 0 !important;
  display: inline-flex !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  width: 100% !important;
}

.tooltip .tooltip-inner {
  background: #1D1D22;
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(29, 29, 34, 0.1);
  margin-bottom: 5px;
}
.tooltip .tooltip-arrow {
  border-color: #1D1D22;
}

.questionnair_sidebar {
  width: 350px;
  border: 1px solid var(--c-grey-border);
  border-radius: 5px;
  padding: 50px;
  height: 100%;
}
.questionnair_sidebar__content {
  margin-top: 10px;
}
.questionnair_sidebar__row {
  margin-top: 10px;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.questionnair_sidebar__row svg {
  margin-right: 5px;
}
.questionnair_sidebar__row .success {
  color: green;
}
.questionnair_sidebar__row .warning {
  color: orange;
}
.questionnair_sidebar__row .danger {
  color: red;
}

.page-questionnaire_cont {
  max-width: 1400px !important;
  margin: 60px 0px 60px 144px;
  display: flex;
}

.page-questionnaire__container {
  max-width: 1000px !important;
  margin-bottom: 100px;
  margin: 0 auto;
  height: 100%;
}

.table_questionnair {
  border: none;
  padding: 0;
}
.table_questionnair th {
  border: none;
  margin-left: 10px;
  margin-right: 10px;
}
.table_questionnair th:after {
  content: inherit;
}
.table_questionnair td {
  padding-top: 20px !important;
}
.table_questionnair td.center, .table_questionnair th.center {
  text-align: center !important;
}
.table_questionnair td.center .input-radio__label-radio, .table_questionnair th.center .input-radio__label-radio {
  display: inline-flex;
}

.page-businesses__table-filters {
  display: none;
}
@media (min-width: 768px) {
  .page-businesses__table-filters {
    display: flex;
    margin-bottom: 20px;
    width: 100%;
  }
}
.page-businesses__table-filters-search-input {
  margin-left: auto;
  justify-self: flex-end;
}

.VuePagination {
  margin-top: 10px;
}
.VuePagination nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
}
.VuePagination nav ul {
  list-style-type: none;
  padding: 0;
}
.VuePagination nav ul li {
  float: left;
}
.VuePagination nav ul li.disabled {
  display: none;
}
.VuePagination nav ul li .page-link {
  font-size: 16;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.VuePagination nav ul li .page-link.active {
  font-weight: bold;
}
.VuePagination nav .VuePagination__count {
  display: none;
}

.response-block-bar.response-block-bar__split .response-block-bar__bar-fill {
  border-radius: 0 !important;
}
.response-block-bar.response-block-bar__split .response-block-bar__bar-background {
  background: var(--c-green) !important;
}

.bar-chart__bar {
  position: relative;
}
.bar-chart__bar-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.bar-chart__bar-inner.is-green {
  background: var(--c-green);
}
.bar-chart__bar-inner.is-red {
  background: var(--c-red);
}

.page-questionnaire__title-question.no-margin,
.input-date__label.no-margin,
.input-file__label.no-margin {
  margin-bottom: 0;
}

.page-questionnaire__description-question,
.input-date__description {
  margin-bottom: 16px;
  display: block;
}

.margin-r-25 {
  margin-right: 25px;
}

.input-file__container {
  cursor: pointer;
}

.d-none {
  display: none;
}

.page-questionnaire__input-file {
  position: relative;
  overflow: inherit !important;
}
.page-questionnaire__input-file .remove {
  width: 25px;
  height: 25px;
  background: var(--c-red);
  position: absolute;
  right: -10px;
  top: -10px;
  border-radius: 50%;
  color: #f1f1f1;
  font-size: 20px;
  font-weight: bold;
  transition: 0.3s;
  cursor: pointer;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mb-15px {
  margin-bottom: 15px;
}

.btn-outline-gray {
  padding: 0;
  border: 1px solid #A8A9B0;
  font: inherit;
  color: #A8A9B0;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  border-radius: 2px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 24px;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  background: transparent;
}
.btn-outline-gray:hover {
  background-color: var(--c-btn-primary);
  border-color: var(--c-btn-primary);
  color: white;
}
.btn-outline-gray:hover svg {
  fill: white;
}
.btn-outline-gray svg {
  fill: #A8A9B0;
}

.input-radio__label.mobile {
  font-weight: normal !important;
  margin-bottom: 10px;
}

td.td-mobile {
  padding-top: 0 !important;
}

.question-mobile {
  font-size: 16px;
}

.mobile-hide {
  display: none;
}

.mobile-show {
  display: block;
}

@media (min-width: 768px) {
  .mobile-hide {
    display: block !important;
  }
  .mobile-show {
    display: none !important;
  }
}
.button-top {
  display: inline-flex;
  margin-right: 15px;
}

.select2-container {
  width: 100% !important;
}

.import-input {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 3px 10px !important;
  color: #444;
}

.import-import-table {
  margin-top: 20px;
  margin-bottom: 20px;
}
.import-import-table tr th {
  text-align: left;
  padding-right: 15px;
}

.modal__footer {
  margin-top: 20px;
}

.mt-3 {
  margin-top: 15px;
}