@charset "UTF-8";
:root {
  --color-black: #000000;
  --color-grey: #666666;
  --color-grey-dark: #626262;
  --color-grey-light: #F1F1F1;
  --color-grey-lighter: #DFDFDF;
  --color-brand: #FFD11E;
  --color-primary: #FFD11E;
  --color-primary-darker: #EBBC06;
  --color-primary-light: #FFE069;
  --color-brand-border-hover: #C59300;
  --color-secondary: #0076CC;
  --color-secondary-light: #66BFFF;
  --color-secondary-lighter: #0094FF;
  --color-blue: #0094FF;
  --color-red: #F14343;
  --font: "Nunito";
  --text-color: #000000;
  --main-background-color: #F1F1F1;
  --nav-color: #000000;
  --nav-color-hover: #626262;
  --nav-color-border: #0094FF;
  --next-election-color: #000000;
  --next-election-background: #FFD11E;
  --btn-main-color: #000000;
  --btn-main-background: #FFD11E;
  --btn-main-border: #FFD11E;
  --btn-main-color-hover: #000000;
  --btn-main-background-hover: #EBBC06;
  --btn-main-border-hover: #EBBC06;
  --btn-secondary-color: #000000;
  --btn-secondary-background: transparent;
  --btn-secondary-border: #FFD11E;
  --btn-secondary-color-hover: #000000;
  --btn-secondary-background-hover: #EBBC06;
  --btn-secondary-border-hover: #C59300;
  --link-color: #0094FF;
  --link-color-hover: #0076CC;
  --icon-color: #555555;
  --icon-color-hover: #555555;
  --selected-dates-in-action: #0094FF;
  --completed-action-state: #FFD11E;
  --completed-action-circle: #FFD11E;
  --custom-radio-text-title-color: #000000;
  --custom-radio-text-explanation-color: rgba(0, 0, 0, 0.5);
  --custom-radio-icon-color: #555555;
  --custom-radio-border-color: #555555;
  --custom-radio-background-color: #FFFFFF;
  --custom-radio-text-title-color-selected: #000000;
  --custom-radio-text-explanation-color-selected: #FFFFFF;
  --custom-radio-icon-color-selected: #FFFFFF;
  --custom-radio-border-color-selected: #FFD11E;
  --custom-radio-background-color-selected: #FFD11E;
  --today-date-color: #000000;
  --selected-date-color: #0076CC;
  --available-dates-color: #FFD11E;
  --date-range-color: #FFD11E;
  --early-vote-date-range-color: #661EFF;
  --received-absentee-return-deadline-color: #F14343;
  --postmarked-absentee-return-deadline-color: #64C900;
  --mail-absentee-return-deadline-color: #0094FF;
}

.flex-grow-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.img-responsive {
  max-width: 100%;
}

.font-small {
  font-size: 14px;
}

.list-nostyle {
  padding: 0;
  margin: 0;
  list-style: none;
}

.scroll-x {
  overflow: hidden;
  overflow-x: auto;
}

hr {
  border-color: #979797;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.skip-to-link {
  position: absolute;
  left: -9999px;
}
.skip-to-link:focus-visible {
  left: auto;
  background-color: var(--btn-main-background);
  color: var(--btn-main-color);
}

@media (hover: hover) and (pointer: fine) {
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--color-grey-light);
  }
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 6px;
  }
}
.color-brand {
  color: var(--color-brand);
}

.color-icon {
  color: var(--icon-color);
}

.color-F55858 {
  color: #F55858;
}

.color-D40C0C {
  color: #D40C0C;
}

.bg-color-icon {
  background-color: var(--icon-color);
}

.primary-color-icon {
  color: #555;
}

.primary-color-btn {
  background-color: #555 !important;
  color: #fff;
}
.primary-color-btn:hover {
  background-color: #3A3A3A !important;
}

.ghost-btn {
  background-color: transparent !important;
  border: 1px solid #555555 !important;
  color: #555555 !important;
}
.ghost-btn:hover {
  background-color: #f3f3f3 !important;
}

.color-selected-date {
  color: var(--selected-dates-in-action);
}

.overflow-hidden {
  overflow: hidden !important;
}

.no-opacity {
  opacity: 0 !important;
}

.bg-logo {
  background-image: url(../img/logo-bg.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
}

.bg-logo-white {
  background-image: url(../img/logo-bg-white.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
}
@media (max-width: 991px) {
  .bg-logo-white {
    background-size: 220px;
  }
}
.bg-logo-white--s {
  background-size: 30%;
}

.bg-brand-light {
  background-color: #FFFBEA;
}

body, html {
  font-family: var(--font);
  background: var(--main-background-color);
  font-size: 16px;
  color: var(--text-color);
}

body {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

:focus-visible {
  outline: var(--icon-color) auto 1px !important;
}

:focus, button:focus, .btn.focus, .btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.h2 {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 27px;
  color: var(--text-color);
}

.h3 {
  font-size: 24px;
  line-height: 36px;
  color: var(--text-color);
}

h4, .h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #000000;
}

.lh-136 {
  line-height: 1.36 !important;
}

p {
  margin-bottom: 12px;
}

b, strong {
  font-weight: 700;
}

.cursor-pointer {
  cursor: pointer;
}

.color-blue {
  color: var(--color-blue);
}

a, a.color-blue,
a.color-blue:not([href]):not([tabindex]),
a:not([href]):not([tabindex]) {
  color: var(--link-color);
}
a:focus, a.color-blue:focus,
a.color-blue:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):focus {
  color: var(--link-color-hover);
}
a:hover, a.color-blue:hover,
a.color-blue:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):hover {
  color: var(--link-color-hover);
}

a.color-light:hover, a.color-light:focus {
  color: var(--color-grey-dark);
}

a:hover {
  text-decoration: none;
}

a.color-inherit {
  color: inherit !important;
}
a.color-inherit:hover, a.color-inherit:focus {
  color: var(--color-grey-dark) !important;
}

a.text-underline {
  text-decoration: underline;
}

a[type=button] {
  -webkit-appearance: none;
}

a.link-grayed-out {
  color: rgba(0, 0, 0, 0.4) !important;
}
a.link-grayed-out:hover {
  color: rgba(0, 0, 0, 0.4) !important;
}

.color-inverse {
  color: #fff;
}

.color-light {
  color: var(--color-grey);
}

.color-dark {
  color: #222222 !important;
}

.color-red {
  color: var(--color-red);
}

.color-black {
  color: var(--color-black) !important;
}

.border-color-white {
  border-color: #fff !important;
}

@media (min-width: 768px) {
  .border-md-0 {
    border-width: 0 !important;
  }
}

.border-color-brand {
  border-color: var(--btn-main-background) !important;
}

.main-btn-bg-color {
  color: var(--btn-main-background);
}

.icon-16 {
  font-size: 16px !important;
  line-height: 1 !important;
}

.icon-20 {
  font-size: 20px;
  line-height: 1;
}

.icon-22 {
  font-size: 22px;
  line-height: 1;
}

.icon-23 {
  font-size: 23px;
  line-height: 1;
}

.icon-24 {
  font-size: 24px;
  line-height: 1;
}

@media (min-width: 576px) {
  .icon-sm-24 {
    font-size: 24px !important;
    line-height: 1 !important;
  }
}

.icon-25 {
  font-size: 25px;
}

.icon-32 {
  font-size: 32px;
  line-height: 1;
}

.icon-34 {
  font-size: 34px;
  line-height: 1;
}

.icon-38 {
  font-size: 38px;
  line-height: 1;
}

.icon-40 {
  font-size: 40px;
  line-height: 1;
}

.icon-43 {
  font-size: 43px;
  line-height: 1;
}

.fs-xl {
  font-size: 32px;
  line-height: 34px;
}
@media (min-width: 992px) {
  .fs-xl {
    font-size: 40px;
    line-height: 47px;
  }
}

.fs-11 {
  font-size: 11px;
}

.fs-m {
  font-size: 12px;
}
@media (min-width: 992px) {
  .fs-m {
    font-size: 14px;
  }
}

.fs-l {
  font-size: 14px;
}
@media (min-width: 992px) {
  .fs-l {
    font-size: 16px;
  }
}

.fs-4 {
  font-size: 4px;
}

.fs-10 {
  font-size: 10px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

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

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

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

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

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

.fs-28 {
  font-size: 28px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-34 {
  font-size: 34px !important;
}

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

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

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

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

.line-height-1 {
  line-height: 1;
}

.line-height-2 {
  line-height: 1.5 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.w-auto {
  width: auto !important;
}

.h-auto {
  height: auto !important;
}

@media (min-width: 992px) {
  .w-lg-auto {
    width: auto !important;
  }
}

.valign-bottom {
  vertical-align: bottom;
}

.valign-middle {
  vertical-align: middle !important;
}
.valign-middle td, .valign-middle th {
  vertical-align: middle !important;
}

.border-radius {
  border-radius: 5px;
}

.border-radius-50 {
  border-radius: 50%;
}

.marked:before {
  content: "";
  display: inline-block;
  margin: 0 0.5em;
  vertical-align: 0.1em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: currentColor;
}

.break-all {
  word-break: break-all !important;
}

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

.right-0 {
  right: 0;
}

.top-0 {
  top: 0;
}

.-mr-2 {
  margin-right: -8px;
}

.wrapper {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.my-main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 25px 15px 0;
}
@media (max-width: 991px) {
  .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
}

.main-content-holder {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: calc(100% - 295px);
  margin: 0 auto;
}
@media (max-width: 991px) {
  .main-content-holder {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
}

@media (min-width: 1360px) {
  .container {
    max-width: 1300px;
  }
}

.footer {
  font-size: 14px;
}
@media (max-width: 991px) {
  .footer {
    margin-bottom: 55px;
  }
}

.top-section {
  position: relative;
}
.top-section__image {
  width: 100%;
  max-height: 23vh;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .top-section__image {
    min-height: 239px;
    max-height: 23vh;
  }
}
.top-section__info {
  position: relative;
  min-height: 3em;
  padding-top: 4px;
  background-color: #fff;
}
@media (min-width: 992px) {
  .top-section__info {
    padding: 0;
  }
  .top-section__info .container {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-grey-lighter);
  }
}
.top-section__info .image {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 992px) {
  .top-section__info .image {
    top: auto;
    -webkit-transform: translateY(-23px);
            transform: translateY(-23px);
    bottom: 0;
  }
}
.top-section__info .name {
  margin-left: 80px;
  padding: 0 10px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (min-width: 992px) {
  .top-section__info .name {
    margin-left: 170px;
    max-width: 70%;
    padding: 0 15px;
  }
}
.top-section__info .name .h1 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .top-section__info .name .h1 {
    margin-bottom: 0;
    margin-right: 19px;
    font-size: 24px;
    white-space: normal;
  }
}
@media (min-width: 992px) {
  .top-section__info .name .badge {
    color: #fff;
  }
}
.top-section__info .actions {
  margin-left: auto;
  position: relative;
}
@media (min-width: 992px) {
  .top-section__info .actions {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.top-section__info .actions .navbar-toggler {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top-section__info .actions .navbar-toggler .icon {
  font-size: 4px;
}
.top-section__info .actions .collapse, .top-section__info .actions .collapsing {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 20;
  background: #fff;
  -webkit-box-shadow: -1px 0px 10px rgba(0, 0, 0, 0.1);
          box-shadow: -1px 0px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .top-section__info .actions .collapse .btn, .top-section__info .actions .collapsing .btn {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--color-grey-dark) !important;
  }
  .top-section__info .actions .collapse .btn + .btn, .top-section__info .actions .collapsing .btn + .btn {
    border-top: 1px solid #e1e1e1;
  }
  .top-section__info .actions .collapse .btn:hover, .top-section__info .actions .collapse .btn:focus, .top-section__info .actions .collapse .btn:active, .top-section__info .actions .collapsing .btn:hover, .top-section__info .actions .collapsing .btn:focus, .top-section__info .actions .collapsing .btn:active {
    color: var(--color-primary-darker) !important;
  }
}
@media (min-width: 992px) {
  .top-section__info .actions .collapse, .top-section__info .actions .collapsing {
    position: static;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent;
  }
}
@media (min-width: 992px) {
  .top-section .image--l {
    width: 170px;
    height: 170px;
  }
}

.team-background {
  width: 100%;
  height: 213px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .team-background {
    margin: 0;
    height: 80px;
    border-radius: 0;
  }
}

.article-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
}

.alert {
  padding: 1rem;
  font-size: 16px;
  line-height: 21.82px;
  font-weight: 500;
  border-radius: 5px;
}
.alert .icon {
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
  margin-right: 0.7em;
}
.alert .close {
  padding: 0;
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.alert .close .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  font-size: 16px;
}
@media (min-width: 992px) {
  .alert .close .icon {
    font-size: 20px;
  }
}
.alert .close.close--bottom {
  position: static;
  -webkit-transform: none;
          transform: none;
  margin: 0;
  display: block;
  width: 100%;
  opacity: 1;
  text-align: center;
  color: var(--link-color);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  border-top: 1px solid #EDEDED;
}
.alert .close.close--bottom:hover {
  color: var(--link-color-hover);
}
.alert-danger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #D40C0C;
  background-color: #FFE2E2;
  border-color: #D40C0C;
}
.alert-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3C6D3D;
  background-color: #D6FAD5;
  border-color: #3C6D3D;
}
.alert-attention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #A84C00;
  background-color: #FFF2D7;
  border-color: #A84C00;
}
.alert-instruction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #555555;
  background-color: rgba(85, 85, 85, 0.04);
  border-color: #555555;
}
.alert-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  color: var(--color-black);
  background: var(--color-grey-light);
}
.alert-info small {
  font-size: 12px;
}
.alert-info .icon-voted {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-25%, -50%);
          transform: translate(-25%, -50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 3.85em;
  height: 3.85em;
  background: url(../img/bg-star-brand.svg) no-repeat center;
  background-size: cover;
  line-height: 1;
}
.alert-info .icon-voted + * {
  margin-left: 4em;
}
.alert-warning {
  background: #ffffff;
  border: 1px solid var(--color-grey-light);
  border-radius: 0;
  color: inherit;
}
.alert-light {
  background: #FFF5CE;
  border: 0;
  color: var(--color-black);
  border-radius: 5px;
}
.alert-dark {
  background: #EFEFEF;
  border: 0;
  color: var(--color-black);
  border-radius: 5px;
}
.alert-info-brand {
  position: relative;
}
.alert-info-brand:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: var(--btn-main-background);
  opacity: 0.1;
}
.alert-info-brand__body {
  position: relative;
  border: 1px solid currentColor;
  color: var(--btn-main-background);
  border-radius: 5px;
}
.alert-info-brand__body p {
  margin: 0;
}
.alert-info-grey__body {
  position: relative;
  border: 1px solid currentColor;
  color: #555555;
  background-color: rgba(85, 85, 85, 0.04);
  border-radius: 5px;
}
.alert-info-grey__body p {
  margin: 0;
}
.alert .close .icon {
  margin: 0;
  font-size: 17px;
}

.image {
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #E2E2E2;
  background-color: #ffffff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.image img {
  width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.image .chosen-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image--round {
  border-radius: 50%;
}
.image--square {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.image--square img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
}
.image--square.image--xl img {
  max-width: 340px;
  max-height: 340px;
}
.image--border {
  border: 1px solid #FFFFFF;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}
.image--s {
  width: 40px;
  height: 40px;
}
.image--m {
  width: 48px;
  height: 48px;
}
.image--l {
  width: 80px;
  height: 80px;
}
.image--120 {
  width: 120px;
  height: 120px;
}
.image--xl {
  width: 170px;
  height: 170px;
}
.image--badged {
  position: relative;
}
.image--badged .btn-badge {
  position: absolute;
  bottom: 0;
  right: 0;
}
.image-subteam {
  position: relative;
}
.image-subteam__name {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  font-size: 40px;
  text-transform: uppercase;
  width: 2.25em;
  height: 2.25em;
  border-radius: 50%;
  background: rgba(98, 98, 98, 0.8);
  color: #fff;
}

.badge {
  padding: 0.5em 0.7em;
  font-size: 14px;
  border-radius: 16px;
  border: 1px solid currentColor;
}
@media (min-width: 992px) {
  .badge {
    font-size: 18px;
  }
}
.badge-m {
  padding: 0.2em 0.5em;
  font-size: 12px;
}
.badge--brand-border {
  border-color: var(--icon-color);
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.bg-brand {
  background-color: var(--color-primary);
}

.promo-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  padding: 10px;
  padding-right: 15px;
  background-color: var(--next-election-background);
  color: var(--next-election-color);
}
.promo-brand p {
  margin: 0;
}
.promo-brand .content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.promo-brand .left-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding: 0 10px;
  pointer-events: none;
}
.promo-brand .icon-election {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/icon_election.png) no-repeat center;
  background-size: contain;
}
.promo-brand .icon-election-civic {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon_election_civic.png) no-repeat center;
  background-size: contain;
}
.promo-brand .close {
  display: inline-block;
  background: url(../img/icon-expand.svg) no-repeat right 16px center;
  background-size: 20px;
  opacity: 1;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
}
.promo-brand .close[aria-expanded=true] {
  background-image: url(../img/icon-compress.svg);
}
@media (orientation: landscape), (min-width: 768px) {
  .promo-brand {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .promo-brand .content {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
@media (min-width: 992px) {
  .promo-brand .close {
    display: none;
  }
  .promo-brand .content-collapsed {
    display: inline-block !important;
  }
  .promo-brand p {
    display: inline-block;
  }
}

@media (min-width: 992px) {
  .accordion--brand .accordion__btn[aria-expanded=true] {
    border-left-color: var(--icon-color);
  }
}

.card {
  border: 0;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.08);
}
.card-image {
  border-radius: 5px;
}
.card-img-top {
  position: relative;
  width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  color: inherit;
}
@media (min-width: 768px) {
  .card-img-top {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.card-img-top img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card .close {
  font-size: 16px;
}
.card--sponsored {
  position: relative;
}
.card--sponsored .block-sponsored {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.card--sponsored .block-sponsored__text {
  border-radius: 5px 5px 0 0;
}
@media (max-width: 500px) {
  .card-members {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

a.card {
  color: inherit;
  border: 1px solid transparent;
}
a.card:hover {
  text-decoration: none;
  border-color: var(--color-primary);
}

.image-subteam__name {
  background: rgba(255, 209, 30, 0.8);
}

.block-sponsored__text {
  display: block;
  padding: 0.7em;
  padding-left: 50px;
  background-color: var(--color-primary);
  color: var(--color-black);
  font-size: 11px;
}
.block-sponsored__image {
  display: inline-block;
  -webkit-transform: translate(8px, -55%);
          transform: translate(8px, -55%);
}

.block-abs {
  position: absolute;
  max-width: 50%;
}
.block-abs--rb {
  right: 0;
  bottom: 19px;
}

.image-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.image-list li + li {
  margin-left: -15px;
}

.list-group-flush .list-group-item {
  border-top: 0;
  margin-bottom: 0;
  padding: 0.75rem 0;
}

.bg-joined {
  padding-top: 120px;
  background-image: url(../img/bg-wow.png);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: 100% 100%;
}
@media (min-width: 768px) {
  .bg-joined {
    padding-top: 0;
    background-image: url(../img/bg-wow.png), url(../img/bg-wow.png);
    background-repeat: no-repeat;
    background-size: 10%, 8%;
    background-position: 0 center, 90% 90%;
  }
}

.pagination {
  border-radius: 0;
}
.pagination .page-link {
  padding: 0 0.2em;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--color-grey);
  font-size: 14px;
}
.pagination .page-item {
  padding: 0.5rem;
}
.pagination .page-item.active .page-link {
  background: transparent;
  color: var(--color-black);
  border-bottom-color: var(--icon-color);
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  border-radius: 0;
}

.map-holder {
  max-height: 400px;
  overflow: hidden;
}

.bg-star-white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url(../img/bg-star-white.svg);
  background-size: cover;
  width: 4.7em;
  height: 4.7em;
}

.social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-links a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.75em;
  margin-right: 0.75em;
  margin-bottom: 0.75em;
  font-size: 32px;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  color: var(--color-grey);
  border: 1px solid currentColor;
}
.social-links a:hover {
  text-decoration: none;
  color: var(--color-blue);
  border-color: var(--color-black);
}
.social-links a:hover .icomoon-fb {
  color: #3b5998;
}
.social-links a:hover .icomoon-linkedin {
  color: #0077b5;
}
.social-links a:hover .icomoon-twit {
  color: #1da1f2;
}
.social-links a:hover .icomoon-skype {
  color: #00aff0;
}
.social-links a:hover .icomoon-whatsapp {
  color: #075e54;
}

.carousel-controls {
  position: relative;
  margin-top: 10px;
  width: 100%;
}
.carousel-controls .carousel-control-next, .carousel-controls .carousel-control-prev {
  position: static;
  color: var(--icon-color);
}
.carousel-controls .carousel-indicators {
  position: static;
  margin: 0;
}
.carousel-controls .carousel-indicators li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-grey);
}
.carousel-controls .carousel-indicators .active {
  background-color: var(--icon-color);
}

.quiz-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 14px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: inherit;
  border: 1px solid var(--color-grey-light);
  border-radius: 5px;
}
.quiz-link:hover, .quiz-link:focus {
  border-color: var(--icon-color);
  color: inherit;
}

.quiz-list {
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: link;
}
.quiz-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0;
}
.quiz-list li:before {
  color: var(--icon-color);
}
.quiz-list li + li:before {
  content: "";
  position: absolute;
  bottom: 50%;
  left: 10px;
  width: 1px;
  height: calc(100% - 17px);
  -webkit-transform: translate(-1px, -10px);
          transform: translate(-1px, -10px);
  background: currentColor;
}
.quiz-list li:first-child {
  z-index: 20;
}
.quiz-list li a {
  font-size: 14px;
}
.quiz-list li a:before {
  counter-increment: link;
  content: counter(link) ". ";
  font-weight: 900;
  margin-right: 3px;
}
.quiz-list li .icon {
  position: relative;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-right: 1em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 20px;
}

.quiz-progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  line-height: 1;
}
.quiz-progress span {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.quiz-progress span + span {
  margin-left: 34px;
}
.quiz-progress span + span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  -webkit-transform: translate(1px, -1px);
          transform: translate(1px, -1px);
  width: 36px;
  height: 1px;
  background: currentColor;
}
.quiz-progress span.current {
  font-size: 34px;
}

.quiz-form .custom-control label {
  width: 100%;
  padding: 8px 14px;
  border: 1px solid var(--color-grey-light);
  border-radius: 5px;
}
.quiz-form .custom-control input:checked + label {
  font-weight: 500;
  border-color: var(--icon-color);
}
.quiz-form .custom-control input + label .icon {
  left: 18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
}

.marked-brand:before {
  background: var(--icon-color);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 15vh);
          transform: translate(0, 15vh);
}
.modal.show .modal-dialog.modal-dialog-centered {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

#signupModal.modal.show .modal-dialog {
  -webkit-transform: translate(0, 2vh);
          transform: translate(0, 2vh);
}

.modal-footer, .modal-header {
  border: 0;
}

.icon-9 {
  font-size: 9px;
}

.icon-star {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.7em;
  height: 2.7em;
}
.icon-star.icon-brand {
  background: url(../img/star.svg) no-repeat center;
  background-size: contain;
  color: #fff;
}

.input-group-message {
  position: relative;
}

.input-group-message .form-control {
  padding-bottom: 51px;
}

.input-group-message .btn-copy-message {
  height: 51px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0 0 5px 0;
}

.share-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 31px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.share-twitter {
  color: #fff;
  background: #1DA1F2;
  border: 1px solid #1DA1F2;
}

.share-twitter:hover, .share-twitter:focus {
  color: #1DA1F2;
  background: #fff;
}

.share-facebook {
  color: #fff;
  background: #3b5998;
  border: 1px solid #3b5998;
}

.share-facebook:hover, .share-facebook:focus {
  color: #3b5998;
  background: #fff;
}

.share-email {
  color: #fff;
  background: #666666;
  border: 1px solid #666666;
}

.share-email:hover, .share-email:focus {
  color: #666666;
  background: #fff;
}

.croppie-container .cr-viewport {
  -webkit-box-shadow: 0 0 2000px 2000px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 2000px 2000px rgba(255, 255, 255, 0.5);
  border-color: var(--icon-color);
}

.cr-slider-wrap input {
  color: var(--color-grey-lighter);
}

@-webkit-keyframes animatePathOne {
  from {
    d: path("M231.463 182.446C217.166 184.312 203.708 190.292 192.728 199.66C181.748 209.028 173.719 221.379 169.618 235.211C165.517 249.043 165.521 263.759 169.629 277.568C173.737 291.377 181.773 303.684 192.758 312.992C203.743 322.299 217.203 328.206 231.502 329.992C245.801 331.779 260.321 329.369 273.295 323.056C286.269 316.743 297.139 306.798 304.581 294.432C312.023 282.067 315.716 267.813 315.212 253.405L433.584 237.959C434.477 237.842 435.338 237.551 436.119 237.102C436.9 236.653 437.586 236.055 438.136 235.341C438.686 234.628 439.091 233.813 439.327 232.944C439.563 232.075 439.626 231.168 439.512 230.276C439.398 229.383 439.109 228.522 438.662 227.742C438.214 226.962 437.618 226.279 436.906 225.73C436.194 225.181 435.38 224.778 434.512 224.545C433.644 224.311 432.737 224.25 431.845 224.367L313.472 239.814C309.435 221.731 298.787 205.826 283.617 195.213C268.447 184.601 249.847 180.048 231.463 182.446ZM295.21 248.798C296.608 259.725 294.735 270.831 289.826 280.709C284.917 290.588 277.193 298.796 267.632 304.295C258.07 309.795 247.1 312.339 236.108 311.605C225.116 310.872 214.597 306.895 205.88 300.176C197.163 293.458 190.64 284.299 187.136 273.86C183.632 263.42 183.305 252.168 186.195 241.526C189.085 230.885 195.063 221.331 203.373 214.074C211.683 206.817 221.952 202.183 232.881 200.757C247.536 198.844 262.336 202.831 274.025 211.841C285.714 220.85 293.334 234.144 295.21 248.798Z");
  }
  to {
    d: path("M329.537 45.9569C318.506 36.6718 305.007 30.7852 290.683 29.0133C276.359 27.2415 261.827 29.6608 248.856 35.9769C235.886 42.293 225.035 52.2336 217.624 64.589C210.214 76.9445 206.564 91.182 207.117 105.569C207.671 119.956 212.405 133.873 220.743 145.625C229.081 157.378 240.664 166.459 254.082 171.765C267.5 177.07 282.175 178.371 296.321 175.509C310.467 172.647 323.473 165.745 333.759 155.644L425.09 232.516C425.778 233.096 426.575 233.534 427.433 233.807C428.292 234.08 429.196 234.181 430.094 234.105C430.992 234.03 431.866 233.778 432.666 233.365C433.467 232.953 434.178 232.386 434.759 231.699C435.34 231.012 435.78 230.218 436.053 229.362C436.326 228.505 436.428 227.603 436.352 226.708C436.276 225.812 436.023 224.94 435.609 224.142C435.195 223.343 434.628 222.634 433.939 222.054L342.608 145.182C353.218 129.993 357.759 111.399 355.341 93.0441C352.923 74.6892 343.721 57.8965 329.537 45.9569ZM323.65 137.78C316.534 146.191 307.079 152.309 296.478 155.36C285.877 158.41 274.608 158.257 264.095 154.918C253.581 151.58 244.297 145.207 237.415 136.605C230.532 128.003 226.362 117.559 225.431 106.593C224.499 95.6266 226.849 84.6312 232.182 74.997C237.515 65.3628 245.593 57.5226 255.393 52.4677C265.194 47.4128 276.277 45.3703 287.241 46.5985C298.205 47.8267 308.558 52.2704 316.99 59.3677C328.297 68.8849 335.351 82.4929 336.6 97.1981C337.849 111.903 333.191 126.501 323.65 137.78Z");
  }
}

@keyframes animatePathOne {
  from {
    d: path("M231.463 182.446C217.166 184.312 203.708 190.292 192.728 199.66C181.748 209.028 173.719 221.379 169.618 235.211C165.517 249.043 165.521 263.759 169.629 277.568C173.737 291.377 181.773 303.684 192.758 312.992C203.743 322.299 217.203 328.206 231.502 329.992C245.801 331.779 260.321 329.369 273.295 323.056C286.269 316.743 297.139 306.798 304.581 294.432C312.023 282.067 315.716 267.813 315.212 253.405L433.584 237.959C434.477 237.842 435.338 237.551 436.119 237.102C436.9 236.653 437.586 236.055 438.136 235.341C438.686 234.628 439.091 233.813 439.327 232.944C439.563 232.075 439.626 231.168 439.512 230.276C439.398 229.383 439.109 228.522 438.662 227.742C438.214 226.962 437.618 226.279 436.906 225.73C436.194 225.181 435.38 224.778 434.512 224.545C433.644 224.311 432.737 224.25 431.845 224.367L313.472 239.814C309.435 221.731 298.787 205.826 283.617 195.213C268.447 184.601 249.847 180.048 231.463 182.446ZM295.21 248.798C296.608 259.725 294.735 270.831 289.826 280.709C284.917 290.588 277.193 298.796 267.632 304.295C258.07 309.795 247.1 312.339 236.108 311.605C225.116 310.872 214.597 306.895 205.88 300.176C197.163 293.458 190.64 284.299 187.136 273.86C183.632 263.42 183.305 252.168 186.195 241.526C189.085 230.885 195.063 221.331 203.373 214.074C211.683 206.817 221.952 202.183 232.881 200.757C247.536 198.844 262.336 202.831 274.025 211.841C285.714 220.85 293.334 234.144 295.21 248.798Z");
  }
  to {
    d: path("M329.537 45.9569C318.506 36.6718 305.007 30.7852 290.683 29.0133C276.359 27.2415 261.827 29.6608 248.856 35.9769C235.886 42.293 225.035 52.2336 217.624 64.589C210.214 76.9445 206.564 91.182 207.117 105.569C207.671 119.956 212.405 133.873 220.743 145.625C229.081 157.378 240.664 166.459 254.082 171.765C267.5 177.07 282.175 178.371 296.321 175.509C310.467 172.647 323.473 165.745 333.759 155.644L425.09 232.516C425.778 233.096 426.575 233.534 427.433 233.807C428.292 234.08 429.196 234.181 430.094 234.105C430.992 234.03 431.866 233.778 432.666 233.365C433.467 232.953 434.178 232.386 434.759 231.699C435.34 231.012 435.78 230.218 436.053 229.362C436.326 228.505 436.428 227.603 436.352 226.708C436.276 225.812 436.023 224.94 435.609 224.142C435.195 223.343 434.628 222.634 433.939 222.054L342.608 145.182C353.218 129.993 357.759 111.399 355.341 93.0441C352.923 74.6892 343.721 57.8965 329.537 45.9569ZM323.65 137.78C316.534 146.191 307.079 152.309 296.478 155.36C285.877 158.41 274.608 158.257 264.095 154.918C253.581 151.58 244.297 145.207 237.415 136.605C230.532 128.003 226.362 117.559 225.431 106.593C224.499 95.6266 226.849 84.6312 232.182 74.997C237.515 65.3628 245.593 57.5226 255.393 52.4677C265.194 47.4128 276.277 45.3703 287.241 46.5985C298.205 47.8267 308.558 52.2704 316.99 59.3677C328.297 68.8849 335.351 82.4929 336.6 97.1981C337.849 111.903 333.191 126.501 323.65 137.78Z");
  }
}
@-webkit-keyframes animatePathTwo {
  from {
    d: path("M247.024 311.26C233.154 313.069 219.123 309.596 207.718 301.531C196.313 293.466 188.368 281.399 185.461 267.725C185.531 269.235 185.662 270.753 185.855 272.28C186.783 279.536 189.132 286.535 192.766 292.876C196.401 299.218 201.251 304.778 207.039 309.239C212.827 313.701 219.439 316.976 226.499 318.878C233.559 320.78 240.928 321.272 248.184 320.325C255.441 319.378 262.444 317.011 268.793 313.359C275.142 309.707 280.713 304.842 285.187 299.041C289.662 293.241 292.952 286.618 294.871 279.552C296.79 272.486 297.299 265.114 296.37 257.858C296.175 256.332 295.919 254.83 295.604 253.352C296.235 267.323 291.59 281.033 282.59 291.761C273.59 302.489 260.895 309.449 247.024 311.26Z");
  }
  to {
    d: path("M245.042 144.423C234.34 135.415 227.426 122.722 225.673 108.864C223.919 95.0059 227.454 80.997 235.576 69.6187C234.509 70.6902 233.478 71.8123 232.482 72.9851C227.757 78.5699 224.182 85.0283 221.959 91.9915C219.737 98.9548 218.911 106.287 219.529 113.568C220.147 120.85 222.197 127.939 225.562 134.43C228.927 140.921 233.54 146.688 239.139 151.401C244.738 156.113 251.213 159.68 258.194 161.896C265.175 164.113 272.525 164.936 279.825 164.319C287.125 163.701 294.231 161.656 300.739 158.299C307.246 154.942 313.027 150.34 317.751 144.754C318.744 143.58 319.68 142.377 320.557 141.146C310.679 151.047 297.43 156.879 283.441 157.486C269.451 158.093 255.744 153.43 245.042 144.423Z");
  }
}
@keyframes animatePathTwo {
  from {
    d: path("M247.024 311.26C233.154 313.069 219.123 309.596 207.718 301.531C196.313 293.466 188.368 281.399 185.461 267.725C185.531 269.235 185.662 270.753 185.855 272.28C186.783 279.536 189.132 286.535 192.766 292.876C196.401 299.218 201.251 304.778 207.039 309.239C212.827 313.701 219.439 316.976 226.499 318.878C233.559 320.78 240.928 321.272 248.184 320.325C255.441 319.378 262.444 317.011 268.793 313.359C275.142 309.707 280.713 304.842 285.187 299.041C289.662 293.241 292.952 286.618 294.871 279.552C296.79 272.486 297.299 265.114 296.37 257.858C296.175 256.332 295.919 254.83 295.604 253.352C296.235 267.323 291.59 281.033 282.59 291.761C273.59 302.489 260.895 309.449 247.024 311.26Z");
  }
  to {
    d: path("M245.042 144.423C234.34 135.415 227.426 122.722 225.673 108.864C223.919 95.0059 227.454 80.997 235.576 69.6187C234.509 70.6902 233.478 71.8123 232.482 72.9851C227.757 78.5699 224.182 85.0283 221.959 91.9915C219.737 98.9548 218.911 106.287 219.529 113.568C220.147 120.85 222.197 127.939 225.562 134.43C228.927 140.921 233.54 146.688 239.139 151.401C244.738 156.113 251.213 159.68 258.194 161.896C265.175 164.113 272.525 164.936 279.825 164.319C287.125 163.701 294.231 161.656 300.739 158.299C307.246 154.942 313.027 150.34 317.751 144.754C318.744 143.58 319.68 142.377 320.557 141.146C310.679 151.047 297.43 156.879 283.441 157.486C269.451 158.093 255.744 153.43 245.042 144.423Z");
  }
}
path.path-animate-1 {
  -webkit-animation: animatePathOne 1.4s alternate both;
          animation: animatePathOne 1.4s alternate both;
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
}

path.path-animate-2 {
  -webkit-animation: animatePathTwo 1.4s alternate both;
          animation: animatePathTwo 1.4s alternate both;
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
}

.team-block {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: inherit;
}
.team-block:hover, .team-block:focus, .team-block:active {
  text-decoration: none;
  color: inherit;
}
.team-block .point-cell {
  min-width: 4em;
  text-align: right;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.team-block .action-cell {
  width: 4em;
  text-align: right;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.team-block .icon-arrow {
  display: inline-block;
  color: #777777;
}
.team-block .active .icon-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.team-block.is-hidden {
  display: none !important;
}

.level-2.team-block {
  background: #FBFBFB;
  border-top: 0;
}

.level-3.team-block {
  padding-left: 64px;
  background: var(--color-grey-light);
  border-top: 0;
}

.prize-modal-image {
  max-height: 90px;
  max-width: 100%;
  margin-bottom: 1rem;
}

.voted-modal .modal-body {
  padding-top: 160px;
  background-image: url(../img/bg-congrats.svg);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 242px;
}

a[data-toggle=collapse] .icon {
  display: inline-block;
  vertical-align: -0.1em;
  margin-left: 0.2em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
a[data-toggle=collapse][aria-expanded=false] .less {
  display: none;
}
a[data-toggle=collapse][aria-expanded=true] .less {
  display: inline;
}
a[data-toggle=collapse][aria-expanded=true] .more {
  display: none;
}
a[data-toggle=collapse][aria-expanded=true] .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.vote-text {
  max-width: 200px;
  font-size: 14px;
  word-break: break-word;
  margin-left: auto;
  margin-right: auto;
}

.image--xl.vote-image {
  width: 114px;
  height: 114px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
@media (min-width: 576px) {
  .image--xl.vote-image {
    width: 224px;
    height: 224px;
  }
}
@media (min-width: 768px) {
  .image--xl.vote-image {
    width: 199px;
    height: 199px;
  }
}
@media (min-width: 992px) {
  .image--xl.vote-image {
    width: 127px;
    height: 127px;
  }
}
@media (min-width: 1200px) {
  .image--xl.vote-image {
    width: 131px;
    height: 131px;
  }
}
.image--xl.vote-image img {
  position: static;
  -webkit-transform: none;
          transform: none;
  border-radius: 8px;
  max-width: none;
  max-height: none;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image--xl.vote-image img.portrait, .image--xl.vote-image img.square {
  width: 100%;
}
.image--xl.vote-image img.landscape {
  width: auto;
  height: 100%;
}

.action-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: inherit;
}
.action-block:hover, .action-block:focus {
  color: inherit;
}
@media (min-width: 768px) {
  .action-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .action-block:hover {
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

.action-border {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 5px;
  background: var(--icon-color);
  border-radius: 5px 5px 0px 0px;
}
@media (min-width: 768px) {
  .action-border {
    width: 5px;
    height: auto;
    border-radius: 5px 0 0 5px;
  }
}

.action-image {
  width: 36px;
  height: 36px;
  float: left;
}
@media (min-width: 768px) {
  .action-image {
    width: 48px;
    height: 48px;
    float: none;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}

@media (min-width: 768px) {
  .action-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.action-title .title {
  font-weight: bold;
  font-size: 16px;
  line-height: 25px;
}
@media (min-width: 768px) {
  .action-title .title {
    margin-right: 10px;
    font-size: 18px;
    line-height: 21px;
  }
}

.action-tag {
  margin-bottom: 9px;
  padding: 4px 6px;
  border: 1px solid var(--icon-color);
  border-radius: 100px;
  font-size: 12px;
  line-height: 14px;
}

.action-reuse {
  padding: 0;
  border: 0;
  font-size: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.6em;
  height: 1.6em;
  border-radius: 50%;
  background: transparent;
  color: var(--icon-color);
}
.action-reuse:hover {
  background: #ffffff;
}

.action-has-competition {
  margin-bottom: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.3em;
  height: 1.3em;
  border-radius: 6px;
  font-size: 24px;
  color: var(--btn-main-color);
  background-color: var(--btn-main-background);
}

.action-body {
  padding: 15px;
}
@media (min-width: 768px) {
  .action-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.action-buttons {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .action-buttons {
    margin-top: 0;
    margin-left: auto;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}

.points-xl {
  font-weight: 700;
  font-size: 40px;
  line-height: 47px;
}

.flex-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  overflow-x: auto;
}
.flex-list li {
  padding-bottom: 15px;
}
.flex-list li + li {
  margin-left: 17px;
}
.flex-list .label {
  max-width: 66px;
  font-size: 13px;
  color: var(--color-grey);
}
.flex-list .label:hover {
  color: var(--color-black);
}
.flex-list .image--l {
  width: 66px;
  height: 66px;
}
.flex-list a:hover {
  color: var(--color-primary-darker);
}
@media (min-width: 1200px) {
  .flex-list .label {
    max-width: 80px;
  }
  .flex-list .image--l {
    width: 80px;
    height: 80px;
  }
  .flex-list li + li {
    margin-left: 20px;
  }
}

.timeline {
  list-style: none;
  padding: 0;
  margin: 0;
  display: table;
  width: 100%;
}
.timeline li {
  display: table-row;
}
.timeline li > * {
  display: table-cell;
  padding: 12px 6px;
  padding-left: 0;
  vertical-align: middle;
}
.timeline li .icon {
  padding: 12px;
  position: relative;
  text-align: center;
}
.timeline li .icon > * {
  position: relative;
}
.timeline li .icon:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--color-grey-light);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.timeline li:first-child .icon:before {
  top: 50%;
}
.timeline li:last-child .icon:before {
  bottom: 50%;
}
.timeline li:only-child .icon:before {
  content: none;
}

.language-select .btn {
  width: auto !important;
  padding: 10px !important;
  background: transparent;
  font-size: 18px;
}
.language-select .btn .flag-icon {
  display: none;
}
.language-select .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}
.language-select .btn:active, .language-select .btn[aria-expanded=true] {
  background: transparent !important;
}
.language-select .btn:hover {
  background: var(--color-grey-lighter);
  color: var(--color-grey-dark);
}
.language-select .btn:after {
  content: "\e905";
  font-family: "icomoon";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 0;
  font-size: 16px;
  width: 1em;
  height: 1em;
  line-height: 1.1;
}
.language-select .filter-option {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: none;
}
.language-select .filter-option-inner-inner {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  width: 1.1em;
  overflow: hidden !important;
}
.language-select .dropdown-menu.show {
  overflow: visible !important;
  padding: 0;
}
.language-select .dropdown-menu.show .dropdown-menu.inner {
  display: block;
}
.language-select .dropdown-menu {
  width: auto !important;
}
.language-select .dropdown-menu li a span.text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flag-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-right: 6px;
}

.flag-icon-gb {
  background: url(../flags/4x3/gb.svg) center;
  background-size: cover;
}

.flag-icon-es {
  background: url(../flags/4x3/es.svg) center;
  background-size: cover;
}

.bg-aside-banner {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-holder {
  width: 100%;
  height: 30vw;
  max-height: 291px;
  border: 1px solid;
}

.list-two-column {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .list-two-column {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

.custom-radio-time {
  position: relative;
}
.custom-radio-time input {
  position: absolute;
  visibility: hidden;
}
.custom-radio-time input + label, .custom-radio-time input + span {
  display: inline-block;
  margin-bottom: 10px;
  width: 183px;
  padding: 14px 5px;
  background: var(--btn-secondary-background);
  color: var(--btn-secondary-color);
  border: 1px solid var(--btn-secondary-border);
  border-radius: 5px;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 991px) {
  .custom-radio-time input + label, .custom-radio-time input + span {
    padding: 10px;
    font-size: 16px;
  }
}
.custom-radio-time input:checked + label, .custom-radio-time input:checked + span {
  background: var(--btn-secondary-background-hover);
  color: var(--btn-secondary-color-hover);
  border: 1px solid var(--btn-secondary-border-hover);
}
.custom-radio-time:hover input + label, .custom-radio-time:hover input + span {
  background-color: var(--btn-secondary-background-hover);
}
.custom-radio-time:hover input:checked + label, .custom-radio-time:hover input:checked + span {
  background: var(--btn-secondary-background-hover);
  color: var(--btn-secondary-color-hover);
  border: 1px solid var(--btn-secondary-border-hover);
}

.icon-20 {
  font-size: 20px;
  vertical-align: -0.1em;
}

.icon-36 {
  font-size: 36px;
}

.icon-48 {
  font-size: 48px;
}

.icon-watch-brand {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../img/watch-brand.svg) center no-repeat;
  background-size: contain;
}

.icon-election-brand {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../img/election-brand.svg) 0 center no-repeat;
  background-size: contain;
}

.icon-location-brand {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../img/location-brand.svg) center no-repeat;
  background-size: contain;
}

.label-light {
  font-size: 14px;
  line-height: 16px;
  color: var(--color-grey);
}

.bootstrap-select.sort-select .dropdown-toggle {
  padding: 5px;
  color: #000;
  background: transparent;
  border: 0;
}
.bootstrap-select.sort-select .dropdown-toggle:after {
  content: "\e905";
  font-family: "icomoon";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 0;
  font-size: 1em;
  width: 1em;
  height: 1em;
  line-height: 1.1;
  color: var(--icon-color);
}

@media (min-width: 768px) {
  .w-md-auto {
    width: auto !important;
  }
}

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

.error-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90vw;
  height: 59vw;
  max-width: 430px;
  max-height: 275px;
  background: url(../img/bg-error-page.svg) no-repeat center 0;
  background-size: contain;
}
.error-block .number {
  font-size: 100px;
  line-height: 1;
  font-weight: 600;
  color: var(--icon-color);
}
.error-block .text {
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  color: #C4C4C4;
}

.error-text {
  max-width: 563px;
  margin-left: auto;
  margin-right: auto;
}

.bg-done {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bg-done:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 63px;
  height: 63px;
  margin-right: 15px;
  background-image: url(../img/bg-done.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.container-collapse.is-collapsed {
  overflow: hidden;
}

.text-collapse .button-collapse {
  cursor: pointer;
  text-decoration: underline;
}

.prize-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.prize-image img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .prize-image {
    width: 70px;
    height: 70px;
  }
}

.bg-stars {
  padding-top: 90px !important;
  background-image: url(../img/bg-stars.svg);
  background-repeat: no-repeat;
  background-size: 150px;
  background-position: center 0;
}
@media (min-width: 768px) {
  .bg-stars {
    min-height: 90px;
    padding-top: 0 !important;
    background-image: url(../img/bg-stars-l.svg), url(../img/bg-stars-r.svg);
    background-repeat: no-repeat;
    background-size: 154px, 165px;
    background-position: 0 center, 100% center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

[data-fancybox=gallery] {
  cursor: pointer;
}

.vote-card {
  position: relative;
  width: 114px;
}
@media (min-width: 576px) {
  .vote-card {
    width: 224px;
  }
}
@media (min-width: 768px) {
  .vote-card {
    width: 199px;
  }
}
@media (min-width: 992px) {
  .vote-card {
    width: 127px;
  }
}
@media (min-width: 1200px) {
  .vote-card {
    width: 131px;
  }
}
.vote-card .btn-wish,
.vote-card .btn-wish.active,
.vote-card .btn-wish:hover {
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  background-size: 14px;
}
.vote-card .icon-voted {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-0.2em, -0.2em);
          transform: translate(-0.2em, -0.2em);
}
.vote-card .btn-inform {
  position: absolute;
  top: 0;
  right: 0;
}

.vote-text {
  padding-top: 9px;
  font-size: 14px;
}
.vote-text .number {
  font-size: 12px;
  white-space: nowrap;
}

.icon-voted {
  font-size: 36px;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
}

.btn-inform {
  font-size: 14px;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  border: 0;
  background: transparent;
  background-image: url(../img/icon-inform.svg);
  background-size: 1em;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.modal-header .close {
  font-size: 1rem;
  padding: 0.8rem;
}

.modal-footer {
  padding-bottom: 2rem;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  .modal.show .modal-dialog {
    -webkit-transform: none;
            transform: none;
  }
  .modal-footer, .modal-body {
    padding: 10px;
  }
  .modal-body img {
    width: auto;
    max-height: 15vh;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  .modal.show .modal-dialog {
    -webkit-transform: none;
            transform: none;
  }
  .modal-footer, .modal-body {
    padding: 10px;
  }
  .modal-body img {
    width: auto;
    max-height: 15vh;
  }
}
.more-link,
.less-link {
  display: block;
  text-align: center;
  text-decoration: underline;
  text-indent: -9999px;
}

.more-link {
  margin-top: 8px;
  background: url(../img/select-arrow.svg) no-repeat center;
  background-size: 16px;
}

.less-link {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url(../img/select-arrow.svg) no-repeat center;
  background-size: 16px;
}

.icon-send {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-position: center;
  background-repeat: no-repeat;
}
.icon-send.color-inverse {
  background-image: url(../img/icon-send-white.svg);
}

.btn-transparent-icon-hover {
  background: transparent;
  text-decoration: none;
  color: #7D7D7D;
}
.btn-transparent-icon-hover .icon {
  color: #FFD11E;
}
.btn-transparent-icon-hover:hover {
  background: transparent;
  text-decoration: none;
  color: #000;
}
.btn-transparent-icon-hover:hover .icon {
  color: #EBBC06;
}
.btn-transparent-icon-hover:focus {
  background: transparent;
  text-decoration: none;
  border-color: transparent;
}

.modal-send-invite {
  max-width: 570px;
}

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

@-webkit-keyframes shake {
  0%, 10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  1%, 3%, 5%, 7%, 9% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  2%, 4%, 6%, 8% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
}

@keyframes shake {
  0%, 10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  1%, 3%, 5%, 7%, 9% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  2%, 4%, 6%, 8% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
}
.button-animated-shake {
  -webkit-animation: shake 10s both infinite;
          animation: shake 10s both infinite;
}

.btn-email-verify {
  font-size: 24px;
  line-height: 1;
  padding: 5px;
}

.signup-holder {
  position: relative;
}
.signup-holder .tooltip-signup {
  position: absolute;
  top: 100%;
  right: 0;
  -webkit-transform: translate3d(0, 22px, 0) !important;
          transform: translate3d(0, 22px, 0) !important;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.signup-holder.is-hover .tooltip-signup {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 12px, 0) !important;
          transform: translate3d(0, 12px, 0) !important;
}

.modal-570.modal-dialog {
  max-width: 570px;
}

.modal-600.modal-dialog {
  max-width: 600px;
}

.block-grey-rounded {
  background: var(--color-grey-light);
  border-radius: 8px;
  color: var(--text-color);
}

.fs-14 {
  font-size: 14px;
}

.btn-fb .icon, .btn-google .icon {
  position: static;
  -webkit-transform: none;
          transform: none;
  display: inline-block;
  margin-right: 0.5em;
}

.create-form {
  width: 100%;
  max-width: 476px;
  margin: 0 auto;
}
.create-form .form-buttons .form-group .btn-fb, .create-form .form-buttons .form-group .btn-google {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.create-form-holder h3 {
  font-size: 26px;
}
.create-form-holder .form-group {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .create-form .create-form-holder {
    position: relative;
    max-height: calc(100vh - 1rem - 66px);
    overflow: hidden;
    overflow-y: auto;
    padding-right: 20px;
    padding-bottom: 66px;
  }
}

@media (max-width: 767px) {
  .modal-body .create-form-holder .form-buttons {
    display: block;
    position: static;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.modal-text-responsive {
  font-size: 16px;
}
@media (max-width: 767px) {
  .modal-text-responsive {
    font-size: 14px;
  }
  .modal-text-responsive .form-control {
    padding: 6px 15px;
  }
}

.modal-title-responsive {
  font-size: 24px;
}
@media (min-width: 768px) {
  .modal-title-responsive--desktop {
    font-size: 36px;
  }
}

.plan-steps .icon-number {
  position: relative;
  font-weight: bold;
  font-size: 13px;
  color: #C4C4C4;
  background-color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 2px solid var(--icon-color);
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 20;
}
.plan-steps-step {
  position: relative;
  padding-left: 51px;
  min-height: 51px;
}
.plan-steps-step:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9px;
  width: 2px;
  background-color: var(--icon-color);
}
.plan-steps-step:last-child:after {
  content: none;
}
.plan-steps-step:before {
  content: attr(data-title);
  display: block;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: var(--color-black);
  margin-bottom: 16px;
}
.plan-steps-step .icon-number {
  position: absolute;
  left: 0;
  top: 0;
}
.plan-steps-step .step-icon {
  display: none;
}
.plan-steps-step.active .icon-number {
  color: #000;
}
.plan-steps-step.complete .step {
  -webkit-transform: translateX(-150%);
          transform: translateX(-150%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  display: none;
}
.plan-steps-step.complete .icon-number {
  background-color: var(--icon-color);
  color: #fff;
  font-size: 8px;
}
.plan-steps-step .step-content {
  padding-bottom: 20px;
}
.plan-steps-step.step-final {
  padding-left: 0;
}
.plan-steps-step.step-final:before {
  padding-left: 51px;
}
@media (min-width: 268px) {
  .plan-steps {
    overflow: hidden;
  }
  .plan-steps .step {
    height: 0;
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .plan-steps-step {
    position: static;
    padding-left: 0;
    min-height: 0;
  }
  .plan-steps-step.active {
    padding-top: 2px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .plan-steps-step.active .step {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
  .plan-steps-step.active .icon-number {
    width: 33px;
    height: 33px;
    -webkit-transform: translate(-16px, -6px);
            transform: translate(-16px, -6px);
  }
  .plan-steps-step.active .step-content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .plan-steps-step.complete .step {
    -webkit-transform: translateX(-150%);
            transform: translateX(-150%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .plan-steps-step:before, .plan-steps-step:after {
    content: none;
  }
  .plan-steps-step .step {
    text-align: center;
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
  }
  .plan-steps-step .step-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 140px;
    height: 140px;
  }
  .plan-steps-step .step-icon img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }
  .plan-steps-step .icon-number {
    left: 50%;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  .plan-steps-step .icon-number:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    height: 2px;
    background: var(--icon-color);
    width: 34px;
    margin-left: 2px;
  }
  .plan-steps-step:first-child .icon-number {
    margin-left: -54px;
  }
  .plan-steps-step:last-child .icon-number {
    margin-left: 54px;
  }
  .plan-steps-step:last-child .icon-number:after {
    content: none;
  }
}

.card-bottom-screen-img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  max-height: 26vw;
}
@media (min-width: 576px) {
  .card-bottom-screen-img {
    max-height: 151px;
  }
}
@media (min-width: 768px) {
  .card-bottom-screen-img {
    max-height: 202px;
  }
}
@media (min-width: 992px) {
  .card-bottom-screen-img {
    max-height: 269px;
  }
}
@media (min-width: 1200px) {
  .card-bottom-screen-img {
    max-height: 319px;
  }
}

.bg-quotes {
  padding: 60px 40px;
  background-image: url(../img/bg-quotes-left.svg), url(../img/bg-quotes-right.svg);
  background-repeat: no-repeat;
  background-size: 74px 75px;
  background-position: left top 24px, right bottom 28px;
}

.bg-hands-left {
  min-height: 195px;
  background-image: url(../img/bg-hands.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}

.bg-welcome {
  width: 73px;
  height: 73px;
  background-image: url(../img/bg-welcome.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.br-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.color-yellow {
  color: var(--color-primary);
}

.bg-light {
  background-color: var(--color-grey-light) !important;
}

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

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

.icon-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.4em;
  height: 1.4em;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.icon-26 {
  font-size: 26px;
  line-height: 26px;
}

.icon-30 {
  font-size: 30px;
  line-height: 30px;
}

.icon-globe {
  background-image: url(../img/icon-globe.svg);
}

.icon-mailbox {
  background-image: url(../img/icon-mailbox.svg);
}

.icon-email-check-outline {
  background-image: url(../img/icon-email-check-outline.svg);
}

.icon-building {
  background-image: url(../img/icon-building.svg);
}

.icon-clock {
  background-image: url(../img/icon-clock.svg);
}

.icon-id-card-solid {
  background-image: url(../img/icon-id-card-solid.svg);
}

.icon-hand-point-right {
  background-image: url(../img/icon-hand-point-right.svg);
}

.icon-stamp-outline {
  background-image: url(../img/icon-stamp-outline.svg);
}

.footnote {
  color: #9f9f9f;
}
.footnote:before {
  content: "*";
  color: #000;
}

.action-block-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #F7F7F7;
  border-radius: 12px;
  padding: 24px;
}
.action-block-vertical .action-image {
  width: 24px;
  height: 24px;
}
.action-block-vertical .action-tag {
  margin-bottom: 0;
}
.action-block-vertical .action-btn {
  width: 100%;
  min-width: 100px;
  max-width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.action-block-vertical .action-btn.action-unavailable-btn {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  border-radius: 5px;
}
.action-block-vertical .action-btn.action-unavailable-btn .icon {
  font-size: 20px;
}
.action-block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.action-block-image {
  margin-bottom: 15px;
  margin-top: 15px;
  text-align: center;
}
@media (min-width: 1400px) {
  .action-block-image {
    height: 126px;
  }
}
.action-block-image img {
  max-width: 100%;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 1400px) {
  .action-block-image img {
    height: 100%;
  }
}
.action-block-title {
  font-size: 20px;
  line-height: 1.1;
  font-weight: 700;
}
.action-block-date {
  line-height: 1.2;
  color: #424240;
  border-radius: 3px;
}
.action-block-date-success {
  color: #3C6D3D;
  background: #D6FAD5;
}
.action-block-date-warning {
  color: #A84C00;
  background: #FFF2D7;
}
.action-block-date-danger {
  color: #F55858;
  background: #FFE2E2;
}

.collapse-block-toggle .icon {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.collapse-block-toggle[aria-expanded=true] .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.collapse-block-toggle[aria-expanded=true] .btn-see-less {
  display: inline-block;
}
.collapse-block-toggle[aria-expanded=true] .btn-see-more {
  display: none;
}
.collapse-block-toggle[aria-expanded=false] .btn-see-less {
  display: none;
}
.collapse-block-toggle[aria-expanded=false] .btn-see-more {
  display: inline-block;
}

@media (min-width: 1400px) {
  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (max-width: 667px) {
  .modal-body, .modal-header, .modal-footer {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (max-width: 410px) {
  .modal-footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .modal-footer .flex-separator {
    width: 100%;
    margin: 5px 0;
  }
}

@media (max-width: 560px) {
  .label-small-mobile {
    font-size: 14px;
  }
}

.border-left {
  border-left: 1px solid var(--color-grey-light) !important;
}

@media (min-width: 768px) {
  .name-adaptive {
    width: 6em;
  }
}

.header-custom-tooltip {
  position: relative;
}
.header-custom-tooltip .tooltip-custom-body {
  min-width: 285px;
  -webkit-transform: translate3d(-50%, 25px, 0) !important;
          transform: translate3d(-50%, 25px, 0) !important;
  left: 50%;
  display: none;
}
.header-custom-tooltip .tooltip-custom:before {
  margin-left: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.header-custom-tooltip-icon {
  padding: 0;
  background: transparent;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(4px, 6px);
          transform: translate(4px, 6px);
  display: none;
}
@media (min-width: 992px) {
  .header-custom-tooltip-icon {
    display: block;
  }
}

.header-icon-btn {
  min-width: 1.8em;
  min-height: 1.8em;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
}
.header-icon-btn:hover {
  background-color: #f4f4f4;
}
.header-icon-btn:focus {
  border: 1px solid #f4f4f4;
}

@media screen and (max-width: 767px) {
  .action-block-vertical {
    background: #fff;
    padding-top: 15px;
  }
  .action-block-vertical .action-completed-btn {
    border: 1px solid var(--color-grey-light);
  }
  .action-block-vertical .action-btn {
    margin-bottom: 0;
  }
  .action-block-vertical .action-btn .right-part {
    display: none;
  }
  .action-block-vertical .action-btn .left-part {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.action-block__responsive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .action-block__responsive {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .action-block-header {
    display: none;
  }
}
.action-block-header .action-reuse {
  margin: 0;
}

.action-block-image {
  max-width: 191px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .action-block-image {
    margin: 0;
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .action-image__responsive {
    width: 40%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.action-description__responsive {
  min-height: 26px;
}
.action-description__responsive .action-title-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .action-description__responsive {
    width: 60%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .action-description__responsive .action-title-mobile {
    display: block;
    font-size: 18px;
  }
  .action-description__responsive .action-buttons__responsive {
    margin-top: auto;
  }
}

@media screen and (max-width: 767px) {
  .d-none-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .order-1-mobile {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: left !important;
  }
}

@media screen and (max-width: 767px) {
  .order-2-mobile {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media screen and (max-width: 767px) {
  .action-title-mobile {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0;
  }
}

.action-points__responsive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 15px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  background: #F1F1F1;
  border-radius: 20px;
  font-weight: bold;
  font-size: 16px;
}
.action-points__responsive .action-reuse {
  margin-bottom: 0;
  background-color: transparent;
  color: inherit;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .transparent-mobile {
    background: transparent;
  }
}

@media screen and (max-width: 767px) {
  .no-shadow-mobile {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .foz-14-mobile {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .foz-14-bold-mobile {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 16px;
  }
}

.action-info {
  display: none;
}
@media screen and (max-width: 767px) {
  .action-info {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("../img/icon-info-gold.svg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    border: none;
    outline: none;
    position: relative;
    top: 1px;
  }
}

@media (min-width: 992px) {
  .action-election-title {
    font-size: 24px;
    line-height: 1.5;
  }
}

.banner-title {
  white-space: normal;
  word-break: break-word;
}

.color-grey {
  color: #555555;
}

.mw-242 {
  min-width: 242px;
}

.fow-600 {
  font-weight: 600;
}

.text-cross {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #DFDFDF;
  line-height: 0.1em;
  margin: 20px 0 20px;
}

.text-cross span {
  background: #fff;
  padding: 0 10px;
}

.mw-311 {
  max-width: 311px;
}

.mw-148 {
  min-width: 148px;
}

.plan-steps-visible {
  display: block !important;
  position: static !important;
  padding-left: 0 !important;
  min-height: 0 !important;
}
.plan-steps-visible::before {
  content: none;
}

.modal-title-mobile {
  font-size: 24px;
  text-align: center;
}

.step-content-mobile {
  text-align: center;
}

.plan-steps-step .step-icon.step-icon__mobile {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 140px;
  height: 140px;
}

.step-1__mobile {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .mw-241__mobile {
    max-width: 241px;
  }
}

.w-33 {
  width: 33%;
}
.w-33:nth-child(2) {
  text-align: center;
}
.w-33:nth-child(3) {
  text-align: right;
}

.min-241 {
  min-width: 241px;
}

.no-elections {
  padding: 20px;
  background-color: #F1F1F1;
  border-radius: 5px;
}

.breadcrumb-static {
  position: static;
  -webkit-transform: none;
          transform: none;
}

.stepper-wrapper {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 600px;
}

.stepper-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 768px) {
  .stepper-item {
    font-size: 12px;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 17px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 17px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #DFDFDF;
  margin-bottom: 6px;
  border: 1px solid #9D9D9D;
}

.stepper-item.active {
  font-weight: bold;
}
.stepper-item.active .step-counter {
  border: 2px solid var(--icon-color);
  background-color: #fff;
}

.stepper-item.completed .step-counter {
  border: 2px solid transparent;
  background-color: var(--icon-color);
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid var(--icon-color);
  width: 100%;
  top: 17px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}

.stepper-item:last-child::after {
  content: none;
}

.breadcrumb-static li {
  background: transparent;
}

.btn-google-aligned {
  -webkit-transform: none;
          transform: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 20px;
}
@media screen and (max-width: 576px) {
  .btn-google-aligned {
    padding-left: 10px;
  }
}

.btn-google-aligned .icon {
  -webkit-transform: none;
          transform: none;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  transform: none;
}

.btn-fb-aligned {
  padding-left: 20px;
  -webkit-transform: none;
          transform: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 576px) {
  .btn-fb-aligned {
    padding-left: 10px;
  }
}

.btn-fb-aligned .icon {
  -webkit-transform: none;
          transform: none;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  transform: none;
}

.manage-form .mb {
  margin-bottom: 36px;
}

.replace-buttons-block {
  position: relative;
  min-height: 56px;
  width: 100%;
  max-width: 324px;
}

.replace-buttons-item {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .replace-buttons-item {
    width: 100%;
  }
}

div.replace-buttons-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  border: 1px solid var(--icon-color);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 324px;
  background: #ffffff;
}
@media (max-width: 767px) {
  div.replace-buttons-item {
    width: 100%;
  }
}
div.replace-buttons-item > a {
  color: inherit;
}
div.replace-buttons-item > a:hover {
  color: var(--link-color-hover);
  text-decoration: underline;
}

.replace-buttons-block-centered .replace-buttons-item {
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.color-9f9f9f {
  color: #9F9F9F;
}

.modal {
  overflow-y: auto;
}

.color-1F7800 {
  color: #1F7800 !important;
}

.color-9d9d9d {
  color: #9D9D9D !important;
}

.color-a9a9a9 {
  color: #A9A9A9 !important;
}

.prize-image-small {
  width: 64px;
  height: 64px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.prize-image-small img {
  max-width: 100%;
  max-height: 100%;
}

.filter-group-btn {
  border: 1px solid var(--btn-main-border);
  background-color: transparent;
  color: var(--color-black);
}
.filter-group-btn .icon {
  color: var(--btn-main-border);
}
.filter-group-btn:focus {
  color: var(--color-black);
}
.filter-group-btn:hover, .filter-group-btn.active {
  border: 1px solid var(--btn-main-border-hover);
  background: var(--btn-main-background-hover);
  color: var(--btn-main-color-hover);
}
.filter-group-btn:hover .icon, .filter-group-btn.active .icon {
  color: var(--btn-main-color-hover);
}

.btn-group.filter-group .filter-group-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0;
}
@media (min-width: 576px) {
  .btn-group.filter-group .filter-group-btn {
    min-width: 120px;
  }
}
.btn-group.filter-group .filter-group-btn:first-child {
  border-radius: 5px 0 0 5px;
}
.btn-group.filter-group .filter-group-btn:last-child {
  border-radius: 0 5px 5px 0;
}

@media (min-width: 768px) {
  .text-md-nowrap {
    white-space: nowrap !important;
  }
}

.embed-responsive-custom iframe {
  position: relative;
  display: block;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .embed-responsive-custom iframe {
    height: auto;
  }
}
.color-grey-dark {
  color: var(--color-grey-dark) !important;
}

.profile-title {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  text-transform: capitalize;
}
@media (max-width: 566px) {
  .profile-title {
    font-size: 20px;
    line-height: 27px;
  }
}

.action-block.action-labeled {
  position: relative;
}
.action-block.action-pinned:not(.action-labeled) {
  border-radius: 0 12px 12px 0;
  border-left: 2px solid var(--icon-color);
}

.action-labeled.action-new {
  border: 1px solid var(--icon-color);
  overflow: hidden;
}
.action-labeled.action-new .corner {
  width: 0;
  height: 0;
  border-top: 35px solid var(--icon-color);
  border-bottom: 0px solid transparent;
  border-right: 35px solid transparent;
  position: absolute;
  left: 0;
  top: 0;
}
.action-labeled.action-new .corner span {
  position: absolute;
  top: -30px;
  left: 3px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  color: var(--text-rang-color);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: block;
}

.line-height-inherit {
  line-height: inherit !important;
}

.header-language-select, .sort-select {
  display: inline-block;
  width: auto;
  padding: 0.6em 1.4em 0.5em 0.8em;
  background: transparent;
  font-size: 18px;
  color: var(--color-grey-dark);
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Ech-down%3C/title%3E%3Cpath d='M21.871 6.7c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582l-7.18 7.080-7.080-7.080c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582c-0.187 0.186-0.336 0.407-0.438 0.651s-0.154 0.505-0.154 0.769c0 0.264 0.052 0.525 0.154 0.769s0.25 0.465 0.438 0.651l8.48 8.48c0.186 0.187 0.407 0.336 0.651 0.438s0.505 0.154 0.769 0.154c0.264 0 0.525-0.052 0.769-0.154s0.465-0.25 0.651-0.438l8.58-8.48c0.187-0.186 0.336-0.407 0.438-0.651s0.154-0.505 0.154-0.769c0-0.264-0.052-0.525-0.154-0.769s-0.25-0.465-0.438-0.651z' fill='%23626262'%3E%3C/path%3E%3C/svg%3E"), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Ech-down%3C/title%3E%3Cpath d='M21.871 6.7c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582l-7.18 7.080-7.080-7.080c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582c-0.187 0.186-0.336 0.407-0.438 0.651s-0.154 0.505-0.154 0.769c0 0.264 0.052 0.525 0.154 0.769s0.25 0.465 0.438 0.651l8.48 8.48c0.186 0.187 0.407 0.336 0.651 0.438s0.505 0.154 0.769 0.154c0.264 0 0.525-0.052 0.769-0.154s0.465-0.25 0.651-0.438l8.58-8.48c0.187-0.186 0.336-0.407 0.438-0.651s0.154-0.505 0.154-0.769c0-0.264-0.052-0.525-0.154-0.769s-0.25-0.465-0.438-0.651z' fill='%23626262'%3E%3C/path%3E%3C/svg%3E"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.5em top 50%, 0 0;
  background-size: 11px auto, 100%;
}
.header-language-select:hover, .header-language-select:focus, .sort-select:hover, .sort-select:focus {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Ech-down%3C/title%3E%3Cpath d='M21.871 6.7c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582l-7.18 7.080-7.080-7.080c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582c-0.187 0.186-0.336 0.407-0.438 0.651s-0.154 0.505-0.154 0.769c0 0.264 0.052 0.525 0.154 0.769s0.25 0.465 0.438 0.651l8.48 8.48c0.186 0.187 0.407 0.336 0.651 0.438s0.505 0.154 0.769 0.154c0.264 0 0.525-0.052 0.769-0.154s0.465-0.25 0.651-0.438l8.58-8.48c0.187-0.186 0.336-0.407 0.438-0.651s0.154-0.505 0.154-0.769c0-0.264-0.052-0.525-0.154-0.769s-0.25-0.465-0.438-0.651z' fill='%23626262'%3E%3C/path%3E%3C/svg%3E"), -webkit-gradient(linear, left top, left bottom, from(var(--color-grey-lighter)), to(var(--color-grey-lighter)));
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Ech-down%3C/title%3E%3Cpath d='M21.871 6.7c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582l-7.18 7.080-7.080-7.080c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582c-0.187 0.186-0.336 0.407-0.438 0.651s-0.154 0.505-0.154 0.769c0 0.264 0.052 0.525 0.154 0.769s0.25 0.465 0.438 0.651l8.48 8.48c0.186 0.187 0.407 0.336 0.651 0.438s0.505 0.154 0.769 0.154c0.264 0 0.525-0.052 0.769-0.154s0.465-0.25 0.651-0.438l8.58-8.48c0.187-0.186 0.336-0.407 0.438-0.651s0.154-0.505 0.154-0.769c0-0.264-0.052-0.525-0.154-0.769s-0.25-0.465-0.438-0.651z' fill='%23626262'%3E%3C/path%3E%3C/svg%3E"), linear-gradient(to bottom, var(--color-grey-lighter) 0%, var(--color-grey-lighter) 100%);
  color: var(--color-grey-dark);
  outline: none;
}
.header-language-select::-ms-expand, .sort-select::-ms-expand {
  display: none;
}
.header-language-select option, .sort-select option {
  font-weight: normal;
}

label:hover + .sort-select {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Ech-down%3C/title%3E%3Cpath d='M21.871 6.7c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582l-7.18 7.080-7.080-7.080c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582c-0.187 0.186-0.336 0.407-0.438 0.651s-0.154 0.505-0.154 0.769c0 0.264 0.052 0.525 0.154 0.769s0.25 0.465 0.438 0.651l8.48 8.48c0.186 0.187 0.407 0.336 0.651 0.438s0.505 0.154 0.769 0.154c0.264 0 0.525-0.052 0.769-0.154s0.465-0.25 0.651-0.438l8.58-8.48c0.187-0.186 0.336-0.407 0.438-0.651s0.154-0.505 0.154-0.769c0-0.264-0.052-0.525-0.154-0.769s-0.25-0.465-0.438-0.651z' fill='%23626262'%3E%3C/path%3E%3C/svg%3E"), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Ech-down%3C/title%3E%3Cpath d='M21.871 6.7c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582l-7.18 7.080-7.080-7.080c-0.375-0.372-0.882-0.582-1.41-0.582s-1.035 0.209-1.41 0.582c-0.187 0.186-0.336 0.407-0.438 0.651s-0.154 0.505-0.154 0.769c0 0.264 0.052 0.525 0.154 0.769s0.25 0.465 0.438 0.651l8.48 8.48c0.186 0.187 0.407 0.336 0.651 0.438s0.505 0.154 0.769 0.154c0.264 0 0.525-0.052 0.769-0.154s0.465-0.25 0.651-0.438l8.58-8.48c0.187-0.186 0.336-0.407 0.438-0.651s0.154-0.505 0.154-0.769c0-0.264-0.052-0.525-0.154-0.769s-0.25-0.465-0.438-0.651z' fill='%23626262'%3E%3C/path%3E%3C/svg%3E"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  color: #000000;
}

*[dir=rtl] .header-language-select,
:root:lang(ar) .header-language-select,
:root:lang(iw) .header-language-select,
*[dir=rtl] .sort-select,
:root:lang(ar) .sort-select,
:root:lang(iw) .sort-select {
  background-position: left 0.5em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.sort-select {
  min-width: 6em;
  font-size: 14px;
  color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Ctitle%3Ech-down%3C/title%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z' fill='var(--icon-color)'%3E%3C/path%3E%3C/svg%3E"), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Ctitle%3Ech-down%3C/title%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z' fill='var(--icon-color)'%3E%3C/path%3E%3C/svg%3E"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  background-size: 14px;
}
.sort-select:hover, .sort-select:focus {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Ctitle%3Ech-down%3C/title%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z' fill='var(--icon-color)'%3E%3C/path%3E%3C/svg%3E"), -webkit-gradient(linear, left top, left bottom, from(var(--color-grey-lighter)), to(var(--color-grey-lighter)));
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Ctitle%3Ech-down%3C/title%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z' fill='var(--icon-color)'%3E%3C/path%3E%3C/svg%3E"), linear-gradient(to bottom, var(--color-grey-lighter) 0%, var(--color-grey-lighter) 100%);
  outline: 0 !important;
}

.range-zoom-button {
  background: transparent;
  border: 0;
  color: var(--icon-color);
}
.range-zoom-button:hover, .range-zoom-button:focus {
  color: var(--text-color);
}

option {
  font: -moz-pull-down-menu;
}

.description-block img {
  max-width: 100%;
}

@media (min-width: 1440px) {
  .overview-block {
    width: 270px;
  }
}

.dropdown-toggle-custom:after {
  content: none;
}

.dropdown-submenu .dropdown-menu {
  position: relative !important;
  margin: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0;
}
@media (max-width: 991px) {
  .dropdown-submenu .dropdown-menu {
    display: none !important;
  }
  .dropdown-submenu .dropdown-menu.show {
    display: block !important;
  }
}

.embed-responsive-custom img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.vote-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #E9ECEF;
}
.vote-steps-icon {
  color: var(--icon-color);
  margin-right: 4px;
  font-size: 20px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .vote-steps-icon {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .vote-steps-title {
    display: none;
  }
}
.vote-steps-item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: center;
  color: #333333;
  font-weight: 700;
  opacity: 0.4;
  padding: 19px 5px 13px;
  position: relative;
}
.vote-steps-item::before {
  content: "";
  position: absolute;
  left: -50%;
  width: 100%;
  bottom: 0;
  height: 1px;
}
.vote-steps-item:first-child::before {
  left: 0;
  width: 50%;
}
.vote-steps-item.passed {
  opacity: 1;
}
.vote-steps-item.passed::before {
  background: var(--icon-color);
}
.vote-steps-item.passed::after {
  content: "●";
  position: absolute;
  bottom: 0;
  left: 50%;
  color: var(--icon-color);
  line-height: 1;
  -webkit-transform: translate(-0.2em, 0.45em);
          transform: translate(-0.2em, 0.45em);
  z-index: 20;
}

.shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.object-cover {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-prize {
  background: #F7F7F7;
  border-radius: 12px;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 160px auto;
  grid-template-rows: 160px auto;
}
@media (min-width: 520px) {
  .card-prize {
    -ms-grid-rows: 310px auto;
    grid-template-rows: 310px auto;
  }
}
@media (min-width: 992px) {
  .card-prize {
    -ms-grid-rows: 200px auto;
    grid-template-rows: 200px auto;
  }
}
@media (min-width: 1310px) {
  .card-prize {
    -ms-grid-rows: 216px auto;
    grid-template-rows: 216px auto;
  }
}
.card-prize .card-img-top {
  position: relative;
  height: 160px;
  border-radius: 12px 12px 0 0;
}
@media (min-width: 520px) {
  .card-prize .card-img-top {
    height: 310px;
  }
}
@media (min-width: 992px) {
  .card-prize .card-img-top {
    height: 200px;
  }
}
@media (min-width: 1310px) {
  .card-prize .card-img-top {
    height: 216px;
  }
}
.card-prize .card-img-top img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-prize .card-img-top .card-prize-points {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(-24px, 24px);
          transform: translate(-24px, 24px);
}
.card-prize .card-img-top .card-prize-logo {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(24px, 24px);
          transform: translate(24px, 24px);
}
.card-prize .card-prize-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1em;
}
.card-prize-points {
  padding: 4px 8px;
  background: #FEFEFF;
  border: 1px solid #E9E9E9;
  -webkit-box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  font-weight: 700;
  font-size: 18px;
  color: var(--icon-color);
}
.card-prize-title {
  font-size: 20px;
}
.card-prize-logo {
  background: #FEFEFF;
  border: 1px solid #E9E9E9;
  padding: 5px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
}
.card-prize-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.prize-badge {
  font-size: 14px;
  font-weight: 600;
  border-radius: 3px;
  padding: 5px 8px;
  background: #D8D8D8;
  color: #424240;
}
.prize-badge-success {
  background: #D6FAD5;
  color: #3C6D3D;
}
.prize-badge-warning {
  background: #FFF2D7;
  color: #A84C00;
}
.prize-badge-danger {
  background: #FFE2E2;
  color: #D40C0C;
}

.transform-0 {
  -webkit-transform: none !important;
          transform: none !important;
}

.md-grid-two-col {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 768px) {
  .md-grid-two-col {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
  }
}

.grid-two-col {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}

.action-block-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 24px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.action-block-image {
  width: 128px;
  height: 128px;
  margin: 0;
  margin-right: 2px;
}
.action-block-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) and (max-width: 1399px) {
  .action-block-image {
    width: 100px;
    height: 100px;
  }
}

.action-block-status {
  max-width: calc(100% - 128px);
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.action-block-points {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 4px 8px;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  color: var(--icon-color);
}
@media (max-width: 767px) {
  .action-block-points {
    background: #F7F7F7;
  }
}

.action-block-title {
  margin-top: 16px;
  font-size: 17px;
  line-height: 1.1;
  font-weight: 700;
  word-break: break-word;
  height: 100%;
  width: 100%;
}

@media (max-width: 991px) {
  .main-onboarding .action-block-title {
    font-size: 16px;
  }
}

.action-block-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.action-block-info {
  margin-right: 2px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #424240;
}
.action-block-info .action-block-date-badge {
  display: inline-block;
  border-radius: 4px;
  padding: 4px;
  background: #D8D8D8;
}
.action-block-info .action-block-date-badge-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
}
.action-block-info .action-block-date-badge-item + .action-block-date-badge-item {
  margin-top: 2px;
}
.action-block-info .action-block-date-badge-item .icon {
  font-size: 18px;
}
.action-block-info .date-danger {
  color: #D40C0C;
}
.action-block-info .date-danger .action-block-date-badge {
  background: #FFE2E2;
}
.action-block-info .date-success {
  color: #3C6D3D;
}
.action-block-info .date-success .action-block-date-badge {
  background: #D6FAD5;
}
.action-block-info .date-warning {
  color: #A84C00;
}
.action-block-info .date-warning .action-block-date-badge {
  background: #FFF2D7;
}
.action-block-info .date-completed .action-block-date-badge {
  color: #FFFFFF;
  background: #66AA68;
}

.action-block {
  padding: 24px;
  border-radius: 12px;
}
.action-block .action-btn {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  margin: 0;
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .action-block.disabled {
    pointer-events: none;
  }
  .action-block-top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 12px 1fr;
    grid-template-columns: 80px 1fr;
    gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .action-block-image {
    width: 80px;
    height: 80px;
    margin: 0;
  }
  .action-block-title {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .action-block-multiple {
    margin-left: auto;
  }
  .action-block-name {
    margin: auto 0;
  }
  .action-block-bottom {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .action-block-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .action-block-status {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 4px;
  }
  .action-block .action-has-competition {
    margin: 0;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    font-size: 20px;
  }
  .action-block-points {
    margin: 0;
    font-size: 14px;
    padding: 2px 8px;
    background: #ffffff;
  }
  .action-block .action-btn-mobile {
    font-size: 24px;
    width: 24px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-black);
  }
  .action-block .action-btn-mobile.text {
    width: auto;
    height: auto;
    font-size: 16px;
  }
  .action-block .action-btn-mobile:hover {
    color: var(--color-grey);
  }
  .action-block .action-btn-mobile.unavailable {
    opacity: 0.5;
  }
  .action-block-vertical {
    background: #f7f7f7;
  }
  .action-block-vertical .action-btn.action-unavailable-btn {
    font-size: 24px;
    width: 24px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.action-block.action-block-home {
  padding: 16px;
}
.action-block.action-block-home .action-btn.action-unavailable-btn {
  padding: 4px;
  width: auto;
  min-width: auto;
}
.action-block.action-block-home .action-block-top-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.action-block.action-block-home .action-block-top-mobile .action-block-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.action-block-top-mobile {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 12px 1fr;
  grid-template-columns: 80px 1fr;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1024px) and (max-width: 1185px) {
  .action-block-top-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .action-block-top-mobile .action-block-name {
    margin: 0 auto;
  }
}
.action-block-top-mobile .action-block-image {
  width: 80px;
  height: 80px;
  margin: 0;
}
.action-block-top-mobile .action-block-title {
  position: relative;
  padding-right: 16px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.action-block-top-mobile .action-block-multiple {
  position: absolute;
  right: 0;
  top: 0;
}
.action-block-bottom-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding: 6.5px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.action-block-bottom-mobile .action-block-info {
  margin: 0;
}
.action-block-bottom-mobile .action-block-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.action-block-bottom-mobile .action-block-status {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.action-block-bottom-mobile .action-has-competition {
  margin: 0;
  width: 25px;
  height: 25px;
  border-radius: 3px;
  font-size: 20px;
}
.action-block-bottom-mobile .action-block-points {
  margin: 0;
  font-size: 14px;
  padding: 2px 8px;
  background: #ffffff;
}
.action-block-bottom-mobile .action-btn-mobile {
  font-size: 24px;
  width: 24px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--color-black);
}
.action-block-bottom-mobile .action-btn-mobile.text {
  width: auto;
  height: auto;
  font-size: 16px;
}
.action-block-bottom-mobile .action-btn-mobile:hover {
  color: var(--color-grey);
}
.action-block-bottom-mobile .action-btn-mobile.unavailable {
  opacity: 0.5;
}

.bg-f1f1f1 {
  background-color: #f1f1f1 !important;
}

.bg-f7f7f7 {
  background-color: #f7f7f7;
}

.color-7D8083 {
  color: #7D8083;
}

.color-272C30 {
  color: #272C30;
}

.color-525659 {
  color: #525659;
}

.br-0 {
  border-radius: 0 !important;
}

.br-3 {
  border-radius: 3px !important;
}

.br-4 {
  border-radius: 4px !important;
}

.br-6 {
  border-radius: 6px !important;
}

.br-8 {
  border-radius: 8px !important;
}

.br-12 {
  border-radius: 12px !important;
}

.br-14 {
  border-radius: 14px !important;
}

.br-30 {
  border-radius: 30px !important;
}

.br-r-30 {
  border-radius: 0 30px 30px 0 !important;
}

.h-8 {
  height: 8px !important;
}

.h-12 {
  height: 12px !important;
}

.border-left {
  border-left-width: 1px;
  border-left-style: solid;
}

.border-D4D5D6 {
  border-color: #D4D5D6 !important;
}

.color-555555 {
  color: #555555;
}

.w-1\/5em {
  width: 1.5em;
}

.h-1\/5em {
  height: 1.5em;
}

.w-1em {
  width: 1em;
}

.h-1em {
  height: 1em;
}

.w-2em {
  width: 2em;
}

.h-2em {
  height: 2em;
}

.color-completed {
  color: var(--completed-action-state);
}

@media (min-width: 992px) {
  .row-header-border .col-header-border {
    border-right: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
  }
  .row-header-border .col-header-border:last-child {
    border-right: 0;
  }
}

.label-color {
  color: #000000;
}

.main-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.main-grid-col {
  width: 100%;
}
@media (min-width: 1024px) {
  .main-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .main-grid-col {
    width: 28.65%;
  }
  .main-grid-col--l {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.vote-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.vote-grid .vote-card {
  width: 100%;
}
@media (min-width: 576px) {
  .vote-grid {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .vote-grid .vote-card:nth-child(n+7) {
    display: none;
  }
}
@media (min-width: 768px) {
  .vote-grid {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .vote-grid .vote-card:nth-child(n+9) {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1131px) {
  .vote-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .vote-grid .vote-card:nth-child(n+5) {
    display: none;
  }
}
@media (min-width: 1132px) {
  .vote-grid {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .vote-grid .vote-card:nth-child(n+7) {
    display: none;
  }
}

.vote-card-image {
  height: 85px;
  overflow: hidden;
  margin-bottom: 4px;
}
.vote-card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.vote-card-text {
  font-size: 13px;
  line-height: 18px;
  color: var(--color-grey-dark);
  word-break: break-word;
}
.vote-card .icon-voted {
  font-size: 26px;
  -webkit-transform: translate(-8px, -8px);
          transform: translate(-8px, -8px);
}

.actions-grid {
  max-height: 410px;
  overflow: hidden;
  position: relative;
  padding: 0 25px;
  display: -ms-grid;
  display: grid;
  gap: 1rem;
}
.actions-grid:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30.63%, rgba(255, 255, 255, 0.15)), to(#FFFFFF));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 30.63%, #FFFFFF 100%);
}
.actions-grid.actions-grid-2 {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.actions-grid.actions-grid-2:after {
  content: none;
}

.transform-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.gap-1 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 1rem;
}

@media (max-width: 767px) {
  .mobile-fixed-block {
    position: fixed;
    bottom: 8px;
    left: 0;
    background-color: #FFFFFF;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
    padding: 1rem;
    z-index: 100;
  }
}
@media (max-width: 767px) {
  .mb-m-150 {
    margin-bottom: 150px !important;
  }
}

@media (max-width: 767px) {
  .mb-m-180 {
    margin-bottom: 180px !important;
  }
}

.text-freshness {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 9px;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
}
@media (min-width: 768px) {
  .text-freshness {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
  }
}

.action-card {
  padding: 16px;
  line-height: 1.364;
}
@media (min-width: 992px) {
  .action-card {
    padding: 20px;
  }
}
.action-card .border-bottom, .action-card .border-top {
  border-color: var(--color-grey-light) !important;
}
.action-card-btn {
  padding: 8px 23px;
  min-width: 97px;
  font-size: 16px;
  line-height: 1.36;
  font-weight: 700;
}

.action-heading-l {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.36;
}
.action-heading-l-LH26 {
  font-size: 24px;
  font-weight: 800;
  line-height: 26px;
}
.action-heading-m {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.36;
}
.action-text-s {
  font-size: 16px;
  line-height: 1.36;
}

.action-description-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.action-description-block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f1f1f1;
  border-radius: 4px;
  padding: 8px;
}
.action-description-block-title {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-bottom: 8px;
}
.action-description-block-points {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.action-description-block-points-number {
  font-size: 14px;
  line-height: 1.36;
  font-weight: 700;
}
.action-description-block-points-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.36;
}
.action-description-block-points-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.36;
}
.action-description-block-subtitle {
  width: 100%;
  font-weight: 600;
}
.action-description-block-subtitle p {
  margin: 0;
}
@media (max-width: 991px) {
  .action-description-block-points-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .action-description-block-points-icon .icon {
    font-size: 18px;
    line-height: 1;
  }
  .action-description-block .points-holder-mobile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .action-description-block .points-holder-mobile .icon {
    font-size: 18px;
    line-height: 1;
  }
  .action-description-block-deadline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-size: 14px;
    line-height: 1.36;
    font-weight: 600;
  }
  .action-description-block-deadline .icon {
    font-size: 18px;
    line-height: 1;
  }
  .action-description-block-deadline.date-danger {
    color: #D40C0C;
  }
  .action-description-block-deadline.date-success {
    color: #3C6D3D;
  }
  .action-description-block-deadline.date-warning {
    color: #A84C00;
  }
  .action-description-block-subtitle {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #E7E7E8;
  }
}
@media (min-width: 992px) {
  .action-description-block {
    gap: 20px;
  }
  .action-description-block-inner {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    -ms-grid-columns: 1fr 16px auto;
    grid-template-columns: 1fr auto;
    row-gap: 0;
    padding: 16px 20px;
    border-radius: 4px;
  }
  .action-description-block-points {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    -ms-grid-column: 2;
        grid-column-start: 2;
    padding-right: 0;
    margin: 0;
    border: 0;
  }
  .action-description-block-points-number {
    font-size: 32px;
    color: var(--icon-color);
  }
  .action-description-block-points-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
  }
  .action-description-block-points-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 32px;
    line-height: 1;
  }
  .action-description-block-title {
    margin-bottom: 0;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  .action-description-block-subtitle {
    margin-top: 4px;
  }
}

.action-buttons-holder {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  border-radius: 6px;
  background-color: var(--color-grey-light);
  text-align: center;
}
.action-buttons-holder .action-buttons {
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 8px;
}
.action-buttons-holder .action-buttons .btn {
  min-width: 97px;
}
@media (min-width: 992px) {
  .action-buttons-holder {
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 992px) {
  .px-md-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (min-width: 992px) {
  .pl-md-20 {
    padding-left: 20px !important;
  }
}

@media (min-width: 992px) {
  .pr-md-20 {
    padding-right: 20px !important;
  }
}

@media (min-width: 992px) {
  .py-md-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (min-width: 992px) {
  .pt-md-20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 992px) {
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 992px) {
  .mx-md-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (min-width: 992px) {
  .ml-md-20 {
    nargin-left: 20px !important;
  }
}

@media (min-width: 992px) {
  .mr-md-20 {
    margin-right: 20px !important;
  }
}

@media (min-width: 992px) {
  .my-md-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 992px) {
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 992px) {
  .mt-md-20 {
    margin-top: 20px !important;
  }
}

.mt-10 {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .border-md-top {
    border-top: 1px solid var(--color-grey-light) !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-20 {
    padding: 20px !important;
  }
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
}
.heading-l {
  font-size: 24px;
  font-weight: 800;
  line-height: 26px;
}

.heading-m {
  font-size: 18px;
  font-weight: 700;
  line-height: 24.55px;
}

.text-s {
  font-size: 14px;
  line-height: 19.1px;
}
.text-s-semibold {
  font-size: 14px;
  line-height: 19.1px;
  font-weight: 600;
}

.text-base {
  font-size: 16px;
  line-height: 21.82px;
}
.text-base-bold {
  font-size: 16px;
  line-height: 21.82px;
  font-weight: 700;
}

.text-xs {
  font-size: 12px;
  line-height: 16.37px;
}
.text-xs-bold {
  font-size: 12px;
  line-height: 16.37px;
  font-weight: 700;
}

.editable-text > p {
  margin-bottom: 0;
  text-align: left !important;
}

.border-bottom.border-f1f1f1 {
  border-bottom-color: #f1f1f1 !important;
}

@media screen and (max-width: 767px) {
  .modal-dialog.modal-referral-link {
    margin: 0;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    max-width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .modal-dialog.modal-referral-link .modal-content {
    border-radius: 0;
  }
  .modal-dialog.modal-referral-link .modal-header {
    padding: 16px 0;
  }
  .modal-dialog.modal-referral-link .modal-body {
    padding: 0 16px 16px;
  }
}
@media screen and (min-width: 768px) {
  .modal-dialog.modal-referral-link {
    max-width: 700px;
  }
  .modal-dialog.modal-referral-link .modal-header {
    padding: 24px 24px 20px 24px;
  }
  .modal-dialog.modal-referral-link .modal-header .close {
    font-size: 24px;
  }
  .modal-dialog.modal-referral-link .modal-body {
    padding: 0 24px 24px;
  }
}

.close-mobile {
  background: transparent;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--link-color);
}
.close-mobile .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
}

.w-40 {
  width: 40px !important;
}

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

.h-4 {
  height: 4px !important;
}

.h-10 {
  height: 10px !important;
}

.br-20 {
  border-radius: 20px !important;
}

.bg-f8f8f8 {
  background-color: #F8F8F8 !important;
}

.bg-f1f1f1-30 {
  background-color: rgba(241, 241, 241, 0.3);
}

.bg-color-icon-gradient {
  background: var(--icon-color);
  background: -webkit-gradient(linear, left top, right top, from(color-mix(in srgb, var(--icon-color) 40%, transparent)), to(var(--icon-color)));
  background: linear-gradient(90deg, color-mix(in srgb, var(--icon-color) 40%, transparent) 0%, var(--icon-color) 100%);
}

.tooltip {
  font-family: inherit !important;
}
.tooltip .arrow {
  display: none;
}
.tooltip .tooltip-inner {
  padding: 4px 8px;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  font-size: 12px;
  line-height: 14px;
  color: var(--color-black);
  opacity: 1;
}
.tooltip.show {
  opacity: 1;
}

[data-toggle=tooltip] {
  cursor: pointer;
}

.tooltip-holder {
  position: relative;
}

.tooltip-info {
  margin-left: 7px;
}

.tooltip-custom-body {
  width: 100%;
  -webkit-transform: translate3d(0, 50px, 0) !important;
          transform: translate3d(0, 50px, 0) !important;
  position: relative;
  z-index: 20;
}
.tooltip-custom-body.transform-0 {
  -webkit-transform: none !important;
          transform: none !important;
}

.tooltip-custom {
  max-width: 708px;
  margin-left: 70px;
  margin-right: -70px;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 16px;
}
.tooltip-custom:before {
  content: "";
  position: absolute;
  top: 0;
  margin-top: -13px;
  left: 0;
  margin-left: 95px;
  width: 26px;
  height: 25px;
  background-image: url(../img/tooltip-arrow-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}
.tooltip-custom .icon-20 {
  margin-right: 3px;
}

.tooltip-absolute--bottom-right {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(-0.25rem);
          transform: translateY(-0.25rem);
}

.tooltip-verify-holder {
  position: relative;
}
.tooltip-verify-holder .tooltip-custom {
  padding: 12px 32px;
}
.tooltip-verify-holder .tooltip-custom-body {
  -webkit-transform: translate3d(-65px, 50px, 0) !important;
          transform: translate3d(-65px, 50px, 0) !important;
}

.tooltip-signup {
  width: 350px;
}
@media (max-width: 467px) {
  .tooltip-signup {
    width: 240px;
  }
}
.tooltip-signup .tooltip-custom {
  width: 100%;
  text-align: center;
  font-size: 13px;
}
.tooltip-signup .tooltip-custom:before {
  left: auto;
  right: 0;
  margin-left: auto;
  margin-right: 30%;
}
.tooltip-signup .tooltip-custom .btn {
  margin-bottom: 11px;
}
@media (max-width: 767px) {
  .tooltip-signup .tooltip-custom {
    margin-left: 0;
  }
}

.tooltip-holder-button {
  background: transparent;
  border: 0;
  padding: 0;
  color: #949494;
}
.tooltip-holder-button:hover {
  color: #FFD11E;
}

[data-tippy-content] {
  cursor: pointer;
}

.tippy-content {
  padding: 1rem;
  text-align: left;
}

.tippy-box[data-theme~=light] {
  color: inherit !important;
  border-radius: 12px !important;
}

.tippy-button.inactive {
  opacity: 0.55;
}

.btn {
  border-radius: 5px;
  border: 1px solid transparent;
  background: transparent;
}
.btn-lg {
  font-size: 18px;
  line-height: 21px;
  padding: 0.75em 1em;
}
.btn-lg .icon {
  font-size: 20px;
  vertical-align: -0.15em;
}
@media (min-width: 1200px) {
  .btn-lg {
    min-width: 8em;
  }
}
.btn-m {
  font-size: 18px;
  line-height: 21px;
  padding: 0.5em;
}
.btn-s, .btn-s-slim {
  font-size: 14px;
  line-height: 16px;
  padding: 10px 18px;
}
.btn-s .icon, .btn-s-slim .icon {
  font-size: 16px;
}
.btn-s-slim {
  line-height: 19.1px;
  padding: 7px 16px;
}
.btn-transparent {
  color: var(--color-grey-dark);
  background: transparent;
}
.btn-transparent:hover {
  background: var(--color-grey-lighter);
  color: var(--color-grey-dark);
}
.btn-transparent:focus {
  background: var(--color-grey-lighter);
  border-color: var(--color-grey);
  color: var(--color-grey-dark);
}
.btn-brand {
  color: var(--btn-main-color) !important;
  background: var(--btn-main-background);
  border-color: var(--btn-main-border);
}
.btn-brand:hover {
  color: var(--btn-main-color-hover) !important;
  background: var(--btn-main-background-hover);
  border-color: var(--btn-main-border-hover);
}
.btn-brand.disabled, .btn-brand:disabled, .btn-brand[disabled] {
  opacity: 0.35;
  pointer-events: none;
}
.btn-check {
  border: 0;
  color: var(--color-black);
  position: relative;
}
.btn-check::before {
  content: "";
  background-color: var(--btn-main-background);
  width: 100%;
  padding: 2em;
  opacity: 0.2;
  border-radius: 5px;
  position: absolute;
  left: 0;
  z-index: 1;
}
.btn-brand-border {
  color: var(--btn-secondary-color) !important;
  background: var(--btn-secondary-background);
  border-color: var(--btn-secondary-border);
}
.btn-brand-border:hover, .btn-brand-border:focus {
  color: var(--btn-secondary-color-hover) !important;
  background: var(--btn-secondary-background-hover);
  border-color: var(--btn-secondary-border-hover);
}
.btn-brand-border:hover .icon, .btn-brand-border:focus .icon {
  color: var(--btn-secondary-color-hover) !important;
}
.btn-brand-border-inverse {
  color: #fff;
}
.btn-brand-border-inverse:hover, .btn-brand-border-inverse:focus {
  color: var(--btn-main-color);
}
.btn-brand-border.disabled, .btn-brand-border:disabled, .btn-brand-border[disabled] {
  opacity: 0.35;
  pointer-events: none;
}
.btn-fb {
  position: relative;
  color: #fff;
  background-color: #3b5998;
}
.btn-fb:hover {
  color: #fff;
  background-color: #8b9dc3;
}
.btn-fb:focus {
  color: #fff !important;
}
.btn-google {
  position: relative;
  color: #fff;
  background-color: #4285f4;
}
.btn-google:hover {
  color: #fff;
  background-color: #255fdb;
}
.btn-google:focus {
  color: #fff !important;
}
.btn-saml {
  position: relative;
  color: #fff;
  background-color: #666666;
}
.btn-saml:hover {
  color: #fff;
  background-color: #4d4d4d;
}
.btn-login {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-wish {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 0;
  color: #c4c4c4;
  background: transparent url(../img/heart.svg) center center no-repeat;
  background-size: 20px;
  cursor: pointer;
}
.btn-wish:hover {
  color: var(--color-primary);
  background: transparent url(../img/heart-brand-hover.svg) center center no-repeat;
  background-size: 20px;
}
.btn-wish.active {
  background: transparent url(../img/heart-brand-active.svg) center center no-repeat;
  background-size: 20px;
}
.btn-prize {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 0;
  color: #c4c4c4;
  background: transparent url(../img/prize.svg) center center no-repeat;
  background-size: 17px;
  cursor: pointer;
}
.btn-prize:hover {
  color: var(--color-primary);
  background: transparent url(../img/prize-brand-hover.svg) center center no-repeat;
  background-size: 17px;
}
.btn-prize.active {
  background: transparent url(../img/prize-brand-active.svg) center center no-repeat;
  background-size: 17px;
}
.btn-badge {
  font-size: 20px;
  width: 2em;
  height: 2em;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.btn .icon-left {
  display: inline-block;
  margin-right: 6px;
}

.share-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 31px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.share-twitter {
  color: #fff;
  background: #1DA1F2;
  border: 1px solid #1DA1F2;
}

.share-twitter:hover, .share-twitter:focus {
  color: #1DA1F2;
  background: #fff;
}

.share-facebook {
  color: #fff;
  background: #3b5998;
  border: 1px solid #3b5998;
}

.share-facebook:hover, .share-facebook:focus {
  color: #3b5998;
  background: #fff;
}

.share-email {
  color: #fff;
  background: var(--color-grey);
  border: 1px solid var(--color-grey);
}

.share-email:hover, .share-email:focus {
  color: var(--color-grey);
  background: #fff;
}

.action-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 300px;
  border-radius: 5px;
  font-size: 16px;
  line-height: 19px;
  color: var(--btn-main-color);
  background: var(--btn-main-background);
  border: 1px solid var(--btn-main-border);
}
.action-btn:hover, .action-btn:focus {
  color: var(--btn-main-color-hover);
  background: var(--btn-main-background-hover);
  border-color: var(--btn-main-border-hover);
}
.action-btn[disabled] {
  pointer-events: none;
  opacity: 0.35;
}
@media (min-width: 768px) {
  .action-btn {
    min-width: 217px;
  }
}
.action-btn .left-part, .action-btn .right-part {
  padding: 10px 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.action-btn .right-part {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 4em;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 24px;
  font-weight: 700;
}

.action-completed-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 2px;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-black);
  width: 100%;
}
.action-completed-btn .icon {
  font-size: 30px;
  margin-left: 16px;
}

.btn-transparent-icon-hover {
  background: transparent;
  text-decoration: none;
  color: #7D7D7D;
}
.btn-transparent-icon-hover .icon {
  color: var(--icon-color);
}
.btn-transparent-icon-hover:hover {
  background: transparent;
  text-decoration: none;
  color: #000;
}
.btn-transparent-icon-hover:hover .icon {
  color: var(--icon-color-hover);
}
.btn-transparent-icon-hover:focus {
  background: transparent;
  text-decoration: none;
  border-color: transparent;
}

.hamburger {
  padding: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger[aria-expanded=true] .hamburger-inner,
.hamburger[aria-expanded=true] .hamburger-inner::before,
.hamburger[aria-expanded=true] .hamburger-inner::after {
  background-color: var(--color-grey);
}

.hamburger-box {
  width: 20px;
  height: 12px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 20px;
  height: 2px;
  background-color: var(--color-grey);
  border-radius: 2px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -5px;
}
.hamburger-inner::after {
  bottom: -5px;
}

.hamburger--slider .hamburger-inner::before {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}
.hamburger--slider[aria-expanded=true] .hamburger-inner {
  -webkit-transform: translate3d(0, 1px, 0) rotate(45deg);
          transform: translate3d(0, 1px, 0) rotate(45deg);
}
.hamburger--slider[aria-expanded=true] .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, 4px, 0);
          transform: rotate(-45deg) translate3d(-5.71429px, 4px, 0);
  opacity: 0;
}
.hamburger--slider[aria-expanded=true] .hamburger-inner::after {
  -webkit-transform: translate3d(0, -5px, 0) rotate(-90deg);
          transform: translate3d(0, -5px, 0) rotate(-90deg);
}

.btn-toggle-chart {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 13px;
  border: 1px solid var(--btn-main-background);
  border-radius: 4px;
  background: #ffffff;
  color: #000000;
}
.btn-toggle-chart.is-active {
  background: var(--btn-main-background);
  color: var(--btn-main-color);
  pointer-events: none;
}

.btn-pagination {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  width: 3em;
  height: 3em;
}
.btn-pagination.btn-brand.inactive {
  background: #FEFEFF;
  border: 1px solid #D4D5D6;
  pointer-events: none;
  color: #272C30 !important;
}

.btn-toggle.btn-brand-border, .btn-toggle.btn-brand {
  border-color: var(--btn-main-background);
}
.btn-toggle.btn-brand-border:hover, .btn-toggle.btn-brand:hover {
  color: var(--btn-main-color-hover) !important;
  background: var(--btn-main-background-hover);
}

.btn-group > span:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.add-calendar-btn-class {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.brand-outline-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  line-height: 1.36;
  padding: 6px 16px;
  border: 1px solid currentColor;
  border-radius: 4px;
  color: var(--icon-color);
}
.brand-outline-link:hover {
  color: var(--link-color);
}

.dropdown.team-buttons {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
}
.dropdown.team-buttons .btn-team-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  width: 1.5em;
  height: 1.5em;
  border: 1px solid transparent;
  padding: 0;
  border-radius: 4px;
  color: #555555;
  background: #F1F1F1;
  -webkit-box-shadow: 0 4px 16px 1px rgba(190, 190, 190, 0.2);
          box-shadow: 0 4px 16px 1px rgba(190, 190, 190, 0.2);
}
.dropdown.team-buttons .btn-team-button:hover {
  color: #555555;
  border-color: currentColor;
}
.dropdown.team-buttons .dropdown-menu {
  margin-top: 5px;
  padding: 8px;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.dropdown.team-buttons .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 3px;
  padding: 8px;
}
.dropdown.team-buttons .dropdown-item.active, .dropdown.team-buttons .dropdown-item:active, .dropdown.team-buttons .dropdown-item:focus, .dropdown.team-buttons .dropdown-item:hover {
  color: inherit;
  background-color: #F1F1F1;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-grey-dark);
}

::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-grey-dark);
}

:-ms-input-placeholder { /* IE 10+ */
  color: var(--color-grey-dark);
}

:-moz-placeholder { /* Firefox 18- */
  color: var(--color-grey-dark);
}

.pac-target-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: transparent;
}
.pac-target-input::-moz-placeholder { /* Firefox 19+ */
  color: transparent;
}
.pac-target-input:-ms-input-placeholder { /* IE 10+ */
  color: transparent;
}
.pac-target-input:-moz-placeholder { /* Firefox 18- */
  color: transparent;
}

.form-label {
  color: #626262;
  font-size: 14px;
}

.form-control {
  padding: 15px 16px;
  font-size: 14px;
  color: #333333;
  border-color: transparent;
  background: #F4F4F4;
  border-radius: 5px;
}
.form-control:focus {
  border-color: #DBDBDB;
  background: #F8F8F8;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0 !important;
}
.form-control:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-grey);
  opacity: 0.6;
}
.form-control:focus::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-grey);
  opacity: 0.6;
}
.form-control:focus:-ms-input-placeholder { /* IE 10+ */
  color: var(--color-grey);
  opacity: 0.6;
}
.form-control:focus:-moz-placeholder { /* Firefox 18- */
  color: var(--color-grey);
  opacity: 0.6;
}
.form-control:disabled, .form-control[readonly] {
  background: #E9E9E9;
}
.form-control:disabled::-webkit-input-placeholder, .form-control[readonly]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-grey);
  opacity: 0.4;
}
.form-control:disabled::-moz-placeholder, .form-control[readonly]::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-grey);
  opacity: 0.4;
}
.form-control:disabled:-ms-input-placeholder, .form-control[readonly]:-ms-input-placeholder { /* IE 10+ */
  color: var(--color-grey);
  opacity: 0.4;
}
.form-control:disabled:-moz-placeholder, .form-control[readonly]:-moz-placeholder { /* Firefox 18- */
  color: var(--color-grey);
  opacity: 0.4;
}
.form-control:disabled:focus, .form-control[readonly]:focus {
  border-color: transparent !important;
  outline: 0 !important;
}

.has-error .form-control {
  color: var(--color-red);
  -webkit-text-fill-color: var(--color-red) !important;
  border-color: var(--color-red);
}
.has-error .form-label {
  color: var(--color-red);
}

.error-message {
  margin-top: 2px;
  margin-bottom: 6px;
  padding-left: 16px;
  font-size: 12px;
  color: var(--color-red);
  text-align: left;
}

ul.errorlist, ul.parsley-errors-list.filled {
  padding: 0;
  padding-left: 16px;
  margin: 0;
  margin-top: 2px;
  list-style: none;
  font-size: 12px;
  color: var(--color-red);
  text-align: left;
}

.form-group-secure {
  position: relative;
}
.form-group-secure .icon {
  position: absolute;
  top: 50%;
  color: var(--color-grey-dark) !important;
  font-size: 16px;
}
.form-group-secure a:focus .icon {
  color: var(--link-color-hover);
}
.form-group-secure.icon-right .icon {
  right: 0;
  -webkit-transform: translate(-15px, -50%);
          transform: translate(-15px, -50%);
}
.form-group-secure.icon-right .form-control {
  padding-right: 30px;
}

.form-group {
  margin-bottom: 16px;
}

.custom-control {
  position: relative;
  padding-left: 0;
}
.custom-control input {
  position: absolute;
  opacity: 0;
}
.custom-control input + label {
  position: relative;
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  word-break: break-word;
}
@media (min-width: 992px) {
  .custom-control input + label {
    font-size: 14px;
  }
}
.custom-control input + label:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 2px solid var(--color-grey);
}
.custom-control input + label .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 14px;
  color: transparent;
}
.custom-control input + label .custom-control-icon {
  color: var(--icon-color);
}
.custom-control input + label.mobile-custom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .custom-control input + label.mobile-custom:before {
    width: 30px;
    height: 30px;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.custom-control input + label.mobile-custom .icon {
  font-size: 18px;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0.4em);
          transform: translate(-50%, 0.4em);
}
.custom-control input + label.mobile-custom * {
  line-height: 1;
}
@media (min-width: 768px) {
  .custom-control input + label.mobile-custom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 24px;
  }
  .custom-control input + label.mobile-custom .icon {
    left: 10px;
    top: 50%;
    font-size: 10px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.custom-control input + label .block-hidden {
  display: none;
}
.custom-control input + label.align-items-start .icon {
  top: 0;
  -webkit-transform: translate(-50%, 1em);
          transform: translate(-50%, 1em);
}
.custom-control input:checked + label .icon {
  color: inherit;
}
.custom-control input:checked + label .custom-control-icon {
  color: var(--icon-color);
}
.custom-control input:checked + label .block-hidden {
  display: block;
}
.custom-control input:disabled + label, .custom-control input[disabled] + label {
  pointer-events: none;
}
.custom-control input:disabled + label:before, .custom-control input[disabled] + label:before {
  opacity: 0.2;
}
.custom-control input:disabled:checked + label:before, .custom-control input[disabled]:checked + label:before {
  opacity: 0.2;
}
.custom-control input:disabled:checked + label .icon, .custom-control input[disabled]:checked + label .icon {
  color: #fff;
}

.custom-checkbox input:checked + label:before {
  border-color: #555555;
  background-color: #555555;
}
.custom-checkbox input:checked + label .icon {
  color: #fff;
}
.custom-checkbox input:focus + label::before {
  -webkit-box-shadow: 0 0 8px 0 #555555;
          box-shadow: 0 0 8px 0 #555555;
}

.custom-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.custom-radio input + label {
  padding-left: 2px;
  line-height: 1.2;
}
.custom-radio input + label:before {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 2px #555555;
          box-shadow: 0 0 0 2px #555555;
  background: #555555;
  border: 7px solid #fff;
}
.custom-radio input:checked + label:before {
  border-width: 3px;
  background-color: #555555;
  -webkit-box-shadow: 0 0 0 2px #555555;
          box-shadow: 0 0 0 2px #555555;
}
.custom-radio input:focus + label::before {
  -webkit-box-shadow: 0 0 0 2px #555555, 0 0 8px 0 #555555;
          box-shadow: 0 0 0 2px #555555, 0 0 8px 0 #555555;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
  max-width: 100%;
}

.bootstrap-select .dropdown-toggle {
  padding: 14px 15px;
  padding-right: 27px;
  font-size: 14px;
  color: var(--color-grey-dark);
  border-color: transparent;
  border-radius: 5px;
  background: var(--color-grey-light) url(../img/select-arrow.svg) no-repeat right 10px center;
  background-size: 11px;
}
.bootstrap-select .dropdown-toggle:after {
  content: none;
}
.bootstrap-select .dropdown-toggle:focus {
  border-color: var(--color-grey);
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0 !important;
}
.bootstrap-select.show .dropdown-toggle {
  color: var(--color-grey-dark);
  background-color: var(--color-grey-light);
  border-color: var(--color-grey);
}
.bootstrap-select .dropdown-menu {
  background: #FFFFFF;
  border: 0;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-select .dropdown-item {
  padding: 4px 15px;
  color: var(--color-grey);
}
.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
  background-color: transparent;
  color: var(--color-black);
}

.registration-form .bootstrap-select .dropdown-toggle {
  background: transparent url(../img/select-arrow.svg) no-repeat right 10px center;
  background-size: 11px;
}
.registration-form .bootstrap-select .dropdown-toggle:focus {
  border-color: #DBDBDB;
  outline: 0 !important;
}
.registration-form .bootstrap-select.show .dropdown-toggle {
  border-color: #DBDBDB;
}

.search-block {
  position: relative;
}
.search-block .form-control {
  background: transparent;
  border-color: #CECECE;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 42px;
}
.search-block .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style: italic;
}
.search-block .form-control::-moz-placeholder { /* Firefox 19+ */
  font-style: italic;
}
.search-block .form-control:-ms-input-placeholder { /* IE 10+ */
  font-style: italic;
}
.search-block .form-control:-moz-placeholder { /* Firefox 18- */
  font-style: italic;
}
.search-block .icon {
  color: var(--color-black);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(14px, -50%);
          transform: translate(14px, -50%);
  font-size: 14px;
  z-index: 10;
}

.custom-file {
  height: 51px;
}

.custom-file-input {
  height: 51px;
  padding: 14px 15px;
  opacity: 1;
  font-size: 14px;
  color: #000;
  border-color: transparent;
  background: var(--color-grey-light);
  border-radius: 5px;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  width: 10em;
}

.custom-file-label {
  padding: 14px 10px;
  padding-left: 15px;
  top: 0;
  height: 51px;
  left: 0;
  right: auto;
  width: 10em;
  font-size: 14px;
  line-height: 22px;
  z-index: 3;
  border: 0;
  background: transparent;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "";
  top: 50%;
  bottom: auto;
  right: auto;
  left: 0;
  width: 10em;
  height: 2.2em;
  border: 1px solid var(--icon-color);
  border-radius: 5px;
  background: transparent;
  -webkit-transform: translate(5px, -50%);
          transform: translate(5px, -50%);
}

.login-form .label {
  display: block;
  margin-bottom: 2px;
  text-align: left;
  font-size: 13px;
  color: var(--color-grey);
}

.radio-btn {
  position: relative;
}
.radio-btn input {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.radio-btn input:checked + label.btn-brand-border {
  color: var(--btn-main-color) !important;
  background: var(--btn-main-background);
  border-color: var(--btn-main-border);
}

.phone-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  border: 1px solid transparent;
}
.phone-group.has-focus {
  border-color: #DBDBDB;
}
.phone-group .form-control {
  border: 0;
}
.phone-group .form-control.phone-group-prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  text-align: center;
  background: #F4F4F4;
}
.phone-group .form-control.phone-group-prepend + .form-control {
  border-left-width: 0;
  padding-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.phone-group .form-control.phone-group-code-fixed {
  pointer-events: none;
  width: auto;
  max-width: 4em;
}
.phone-group .form-control.phone-group-code-fixed.flag-usa {
  min-width: 30px;
  text-indent: -9999px;
  background-image: url(../img/flag-usa.png);
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
}

.pretty-form .phone-group .form-control.phone-group-prepend {
  padding: 22px 0 8px;
  pointer-events: none;
}
.pretty-form .phone-group .form-control.phone-group-code-fixed.flag-usa {
  background-position: center bottom 5px;
}
.pretty-form .phone-group .form-control + label {
  font-size: 12px;
  -webkit-transform: translate(17px, -120%);
          transform: translate(17px, -120%);
}
.pretty-form .phone-group .form-control:focus + label, .pretty-form .phone-group .form-control.float-label + label {
  font-size: 12px;
  -webkit-transform: translate(17px, -120%);
          transform: translate(17px, -120%);
}

.custom-file-input:lang(es) ~ .custom-file-label::after {
  border-color: var(--btn-secondary-border);
}

.custom-file-user-label::after {
  color: var(--btn-main-color) !important;
  background: var(--btn-main-background);
  border-color: var(--btn-main-border);
}

.multiple_emails-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin-top: 9px;
}

.multiple_emails-email {
  background: var(--color-grey-light);
  border-radius: 5px;
  padding: 6px;
  font-size: 14px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
  margin-bottom: 9px;
}

.multiple_emails-close {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #A9A9A9;
  font-size: 10px;
  margin-left: 9px;
}

.form-control.multiple_emails-error {
  border-color: var(--color-red);
}

.custom-radio__bordered label {
  padding: 12px;
  border: 1px solid #9d9d9d;
  padding-left: 15px !important;
  border-radius: 5px;
}

.custom-radio.custom-radio__bordered input:checked + label:before {
  background-color: var(--icon-color);
  -webkit-box-shadow: 0 0 0 2px var(--icon-color);
          box-shadow: 0 0 0 2px var(--icon-color);
}

.radio-btn-button label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
.radio-btn-button label.btn {
  color: var(--custom-radio-text-title-color);
  border: 1px solid var(--custom-radio-border-color);
  background: var(--custom-radio-background-color);
  font-size: 16px;
}
.radio-btn-button label.btn .icon {
  color: var(--custom-radio-icon-color);
}
.radio-btn-button label.btn .label-title {
  color: var(--custom-radio-text-explanation-color);
  font-size: 14px;
}
.radio-btn-button label .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
}
.radio-btn-button label .label-name, .radio-btn-button label .label-title {
  display: block;
  white-space: normal;
}
.radio-btn-button input:checked + label.btn {
  color: var(--custom-radio-text-title-color-selected);
  border: 1px solid var(--custom-radio-border-color-selected);
  background: var(--custom-radio-background-color-selected);
}
.radio-btn-button input:checked + label.btn .icon {
  color: var(--custom-radio-icon-color-selected);
}
.radio-btn-button input:checked + label.btn .label-title {
  color: var(--custom-radio-text-explanation-color-selected);
}

.pretty-form {
  position: relative;
}
.pretty-form .form-control {
  padding: 22px 16px 8px;
}
.pretty-form .form-control + label {
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(16px, -50%);
          transform: translate(16px, -50%);
  color: #626262;
  font-size: 14px;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pretty-form .form-control:focus + label, .pretty-form .form-control.float-label + label {
  font-size: 12px;
  -webkit-transform: translate(17px, -120%);
          transform: translate(17px, -120%);
}
.pretty-form .form-control.hasDatepicker, .pretty-form .form-control.pac-target-input {
  padding-right: 36px;
}
.pretty-form .form-control.hasDatepicker::-webkit-input-placeholder, .pretty-form .form-control.pac-target-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: transparent;
}
.pretty-form .form-control.hasDatepicker::-moz-placeholder, .pretty-form .form-control.pac-target-input::-moz-placeholder { /* Firefox 19+ */
  color: transparent;
}
.pretty-form .form-control.hasDatepicker:-ms-input-placeholder, .pretty-form .form-control.pac-target-input:-ms-input-placeholder { /* IE 10+ */
  color: transparent;
}
.pretty-form .form-control.hasDatepicker:-moz-placeholder, .pretty-form .form-control.pac-target-input:-moz-placeholder { /* Firefox 18- */
  color: transparent;
}
.pretty-form .form-control.hasDatepicker:focus::-webkit-input-placeholder, .pretty-form .form-control.pac-target-input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-grey);
  opacity: 0.6;
}
.pretty-form .form-control.hasDatepicker:focus::-moz-placeholder, .pretty-form .form-control.pac-target-input:focus::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-grey);
  opacity: 0.6;
}
.pretty-form .form-control.hasDatepicker:focus:-ms-input-placeholder, .pretty-form .form-control.pac-target-input:focus:-ms-input-placeholder { /* IE 10+ */
  color: var(--color-grey);
  opacity: 0.6;
}
.pretty-form .form-control.hasDatepicker:focus:-moz-placeholder, .pretty-form .form-control.pac-target-input:focus:-moz-placeholder { /* Firefox 18- */
  color: var(--color-grey);
  opacity: 0.6;
}
.pretty-form .form-control.bootstrap-select {
  padding: 0;
}
.pretty-form .form-control.bootstrap-select .dropdown-toggle {
  padding: 22px 16px 8px;
}
.pretty-form .form-control.bootstrap-select + label {
  font-size: 12px;
  -webkit-transform: translate(17px, -120%);
          transform: translate(17px, -120%);
}
.pretty-form textarea.form-control + label {
  top: 0;
  -webkit-transform: translate(16px, 22px);
          transform: translate(16px, 22px);
}
.pretty-form textarea.form-control:focus + label, .pretty-form textarea.form-control.float-label + label {
  -webkit-transform: translate(16px, 7px);
          transform: translate(16px, 7px);
}
.pretty-form .form-tooltip {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-16px, -50%);
          transform: translate(-16px, -50%);
}

.pretty-form.has-error .form-control + label,
.pretty-form .has-error .form-control + label,
.has-error .pretty-form .form-control + label {
  color: var(--color-red);
}
.pretty-form.has-error .form-control.pac-target-input::-webkit-input-placeholder, .pretty-form.has-error .form-control::-webkit-input-placeholder,
.pretty-form .has-error .form-control.pac-target-input::-webkit-input-placeholder,
.pretty-form .has-error .form-control::-webkit-input-placeholder,
.has-error .pretty-form .form-control.pac-target-input::-webkit-input-placeholder,
.has-error .pretty-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: transparent;
  -webkit-text-fill-color: transparent !important;
}
.pretty-form.has-error .form-control.pac-target-input::-moz-placeholder, .pretty-form.has-error .form-control::-moz-placeholder,
.pretty-form .has-error .form-control.pac-target-input::-moz-placeholder,
.pretty-form .has-error .form-control::-moz-placeholder,
.has-error .pretty-form .form-control.pac-target-input::-moz-placeholder,
.has-error .pretty-form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: transparent;
  -webkit-text-fill-color: transparent !important;
}
.pretty-form.has-error .form-control.pac-target-input:-ms-input-placeholder, .pretty-form.has-error .form-control:-ms-input-placeholder,
.pretty-form .has-error .form-control.pac-target-input:-ms-input-placeholder,
.pretty-form .has-error .form-control:-ms-input-placeholder,
.has-error .pretty-form .form-control.pac-target-input:-ms-input-placeholder,
.has-error .pretty-form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: transparent;
  -webkit-text-fill-color: transparent !important;
}
.pretty-form.has-error .form-control.pac-target-input:-moz-placeholder, .pretty-form.has-error .form-control:-moz-placeholder,
.pretty-form .has-error .form-control.pac-target-input:-moz-placeholder,
.pretty-form .has-error .form-control:-moz-placeholder,
.has-error .pretty-form .form-control.pac-target-input:-moz-placeholder,
.has-error .pretty-form .form-control:-moz-placeholder { /* Firefox 18- */
  color: transparent;
  -webkit-text-fill-color: transparent !important;
}
.pretty-form.has-error .phone-group,
.pretty-form .has-error .phone-group,
.has-error .pretty-form .phone-group {
  border-color: var(--color-red);
}
.pretty-form.has-error .error-message,
.pretty-form .has-error .error-message,
.has-error .pretty-form .error-message {
  position: absolute;
}

.form-group .bootstrap-select .dropdown-toggle {
  background-color: transparent;
  color: #333333;
}
.form-group .bootstrap-select .dropdown-toggle:focus {
  border-color: #DBDBDB;
  outline: 0 !important;
}
.form-group .bootstrap-select.show .dropdown-toggle {
  border-color: #DBDBDB;
}

.dropdown-item input:checked + span {
  color: red;
}

.filter-dropdown-toggle {
  background: #FEFEFF;
  border: 1px solid #D4D5D6;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
}
.filter-dropdown-toggle[aria-expanded=true] .filter-dropdown-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.filter-dropdown-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 8px;
  width: 2em;
  height: 2em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.filter-dropdown .dropdown-menu {
  background: #FEFEFF;
  border: 1px solid #D4D5D6;
  -webkit-box-shadow: 0px 4px 16px 1px rgba(200, 209, 226, 0.2);
          box-shadow: 0px 4px 16px 1px rgba(200, 209, 226, 0.2);
  border-radius: 4px;
}
.filter-dropdown .dropdown-item {
  color: #272C30;
  font-size: 12px;
  padding: 8px 0;
}
.filter-dropdown .dropdown-item:hover, .filter-dropdown .dropdown-item:focus {
  background: transparent;
}

.dropdown-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropdown-control-checkbox, .dropdown-control-radio {
  width: 2em;
  height: 2em;
  font-size: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 1.5em;
}
.dropdown-control-checkbox {
  border-radius: 2px;
  border: 1px solid #555555;
  color: transparent;
  width: 1.4em;
  height: 1.4em;
  font-size: 12px;
}
.dropdown-control-radio {
  border-radius: 50%;
  background: #555555;
  -webkit-box-shadow: 0 0 0 1px #555555;
          box-shadow: 0 0 0 1px #555555;
  border: 1em solid #ffffff;
}
.dropdown-control input:checked + .dropdown-control-checkbox {
  background: #555555;
  color: #fff;
}
.dropdown-control input:checked + .dropdown-control-radio {
  border-width: 3px;
}

.custom-radio-card input + label {
  background: #FFFFFF;
  border: 1px solid #EAE9E9;
  border-radius: 5px;
}
.custom-radio-card input + label:before {
  content: none;
}
.custom-radio-card input + label .option-text {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  color: var(--color-black);
}
.custom-radio-card input:checked + label, .custom-radio-card input:hover + label {
  border-color: var(--icon-color);
}
.custom-radio-card.custom-radio-card--deprecated input + label {
  opacity: 0.5;
}
.custom-radio-card.custom-radio-card--deprecated input:checked + label {
  opacity: 1;
}
.custom-radio-card-tooltip-holder {
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.custom-radio-card-tooltip-holder.is-hover .custom-radio-card-tooltip {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.custom-radio-card-tooltip {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.custom-radio-card-tooltip.top-right {
  right: 0;
  top: 0;
  -webkit-transform: translate(80%, -100%) !important;
          transform: translate(80%, -100%) !important;
}
@media (max-width: 767px) {
  .custom-radio-card-tooltip.top-right {
    -webkit-transform: translate(0, -100%) !important;
            transform: translate(0, -100%) !important;
  }
}
.custom-radio-card-tooltip.top-right .tooltip-custom:before {
  position: absolute;
  top: 100%;
  margin-top: -1px;
  left: 0;
  margin-left: 15px;
  width: 26px;
  height: 20px;
  background-image: url(../img/tooltip-arrow-2-bottom.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}

.checkbox-clip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.checkbox-clip input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1em;
  border: 1px solid var(--color-grey);
  border-radius: 0.25em;
  cursor: pointer;
}
.checkbox-clip input[type=checkbox]:before {
  content: "";
  width: 1em;
  height: 1em;
  clip-path: polygon(21.63% 44.08%, 40% 64.66%, 78.95% 29.89%, 86% 38%, 40% 78%, 15% 50%);
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: white;
}
.checkbox-clip input[type=checkbox]:checked {
  border-color: var(--icon-color);
  background: var(--icon-color);
}
.checkbox-clip input[type=checkbox]:checked:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.checkbox-clip label {
  margin: 0;
}
.checkbox-clip label * {
  margin: 0;
}
@media (max-width: 767px) {
  .checkbox-clip {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .checkbox-clip input[type=checkbox] {
    margin-top: 0.2em;
  }
}

.checkbox-clip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.checkbox-clip input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1em;
  border: 1px solid var(--color-grey);
  border-radius: 0.25em;
  cursor: pointer;
}
.checkbox-clip input[type=checkbox]:before {
  content: "";
  width: 1em;
  height: 1em;
  clip-path: polygon(21.63% 44.08%, 40% 64.66%, 78.95% 29.89%, 86% 38%, 40% 78%, 15% 50%);
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: white;
}
.checkbox-clip input[type=checkbox]:checked {
  border-color: var(--icon-color);
  background: var(--icon-color);
}
.checkbox-clip input[type=checkbox]:checked:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.checkbox-clip label {
  margin: 0;
}
.checkbox-clip label * {
  margin: 0;
}
@media (max-width: 767px) {
  .checkbox-clip {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .checkbox-clip input[type=checkbox] {
    margin-top: 0.2em;
  }
}

.toggler {
  position: relative;
  height: 31px;
}
.toggler-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 51px;
  height: 31px;
  border-radius: 16px;
  background: #D5D5D5;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}
.toggler-label-inner {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1215686275);
          box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1215686275);
  background: #FFFFFF;
  width: 27px;
  height: 27px;
  border-radius: 16px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.toggler input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.toggler input:checked + .toggler-label {
  background: var(--btn-main-background);
}
.toggler input:checked + .toggler-label .toggler-label-inner {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

.selfie-file-upload {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.selfie-file-upload .vote-image {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #D9D9D9;
  border: 0;
}
.selfie-file-upload-input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.selfie-file-upload-label {
  width: calc(100% - 40px - 8px);
}
.selfie-file-upload-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
  width: 100%;
  padding: 9.5px 15px;
  background: #F4F4F4;
}
.selfie-file-upload .btn-reset-input {
  cursor: pointer;
  color: var(--btn-main-background);
}
.selfie-file-upload .btn-reset-input:hover {
  color: var(--btn-main-background-hover);
}
@media (max-width: 767px) {
  .selfie-file-upload-item.hidden {
    display: none;
  }
}
@media (min-width: 768px) {
  .selfie-file-upload .vote-image {
    width: 150px;
    height: 150px;
    border-radius: 14px;
  }
  .selfie-file-upload-label {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    width: 135px;
  }
  .selfie-file-upload-item {
    min-height: 38px;
    margin-top: 0;
    margin-left: -8px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    width: calc(100% - 150px - 8px - 135px);
    border-radius: 0 5px 5px 0;
  }
  .selfie-file-upload-item .name {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .selfie-file-upload .btn-reset-input {
    display: none;
  }
  .selfie-file-upload .help-text {
    position: absolute;
    left: 158px;
    top: calc(50% - 38px);
    -webkit-transform: translateY(-1em);
            transform: translateY(-1em);
  }
  .selfie-file-upload .error-selfie-message {
    position: absolute;
    left: 158px;
    top: calc(50% + 38px);
    -webkit-transform: translateY(-1em);
            transform: translateY(-1em);
  }
}

.ui-datepicker-unselectable.ui-state-disabled {
  pointer-events: initial;
}

.custom-tooltip:hover {
  cursor: pointer;
}
.custom-tooltip a::before, .custom-tooltip a::after, .custom-tooltip span::before, .custom-tooltip span::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 430px), (min-width: 992px) and (max-width: 1199px) {
  .custom-tooltip a::before, .custom-tooltip a::after, .custom-tooltip span::before, .custom-tooltip span::after {
    width: 36px;
    height: 36px;
  }
}
.custom-tooltip a::after, .custom-tooltip span::after {
  border-radius: 50%;
  z-index: -1;
}
.custom-tooltip.\31 blue a::before, .custom-tooltip.\31 blue span::before {
  background-color: color-mix(in srgb, var(--mail-absentee-return-deadline-color) 20%, transparent) !important;
}
.custom-tooltip.ui-datepicker-current-day.\31 blue a::after, .custom-tooltip.ui-datepicker-current-day.\31 blue span::after {
  background-color: color-mix(in srgb, var(--mail-absentee-return-deadline-color) 40%, transparent) !important;
}
.custom-tooltip.\32 green a::before, .custom-tooltip.\32 green span::before {
  background-color: color-mix(in srgb, var(--postmarked-absentee-return-deadline-color) 20%, transparent) !important;
}
.custom-tooltip.ui-datepicker-current-day.\32 green a::before, .custom-tooltip.ui-datepicker-current-day.\32 green span::before {
  background-color: color-mix(in srgb, var(--postmarked-absentee-return-deadline-color) 40%, transparent) !important;
}
.custom-tooltip.\33 red a::before, .custom-tooltip.\33 red span::before {
  background-color: color-mix(in srgb, var(--received-absentee-return-deadline-color) 20%, transparent) !important;
}
.custom-tooltip.ui-datepicker-current-day.\33 red a::before, .custom-tooltip.ui-datepicker-current-day.\33 red span::before {
  background-color: color-mix(in srgb, var(--received-absentee-return-deadline-color) 40%, transparent) !important;
}
.custom-tooltip.\34 purple a::before, .custom-tooltip.\34 purple span::before {
  background-color: color-mix(in srgb, var(--early-vote-date-range-color) 20%, transparent) !important;
}
.custom-tooltip.ui-datepicker-current-day.\34 purple a::before, .custom-tooltip.ui-datepicker-current-day.\34 purple span::before {
  background-color: color-mix(in srgb, var(--early-vote-date-range-color) 40%, transparent) !important;
}
.custom-tooltip.\35 yellow::before {
  background-color: color-mix(in srgb, var(--date-range-color) 20%, transparent) !important;
}
.custom-tooltip.ui-datepicker-current-day.\35 yellow a::before, .custom-tooltip.ui-datepicker-current-day.\35 yellow span::before {
  background-color: color-mix(in srgb, var(--date-range-color) 40%, transparent) !important;
}
.custom-tooltip.ui-datepicker-current-day.\35 blue .ui-state-active {
  border-color: var(--mail-absentee-return-deadline-color);
}
.custom-tooltip.ui-datepicker-current-day.\35 green .ui-state-active {
  border-color: var(--postmarked-absentee-return-deadline-color);
}
.custom-tooltip.ui-datepicker-current-day.\35 red .ui-state-active {
  border-color: var(--received-absentee-return-deadline-color);
}
.custom-tooltip.ui-datepicker-current-day.\35 purple .ui-state-active {
  border-color: var(--early-vote-date-range-color);
}
.custom-tooltip.ui-datepicker-current-day.\35 yellow .ui-state-active {
  border-color: var(--date-range-color);
}
.custom-tooltip.start-range.end-range.middle-range a::before, .custom-tooltip.start-range.end-range.middle-range span::before {
  width: 40px;
  border: 0 !important;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--date-range-color) 20%, transparent);
}
@media (max-width: 430px), (min-width: 992px) and (max-width: 1199px) {
  .custom-tooltip.start-range.end-range.middle-range a::before, .custom-tooltip.start-range.end-range.middle-range span::before {
    width: 36px;
  }
}
.custom-tooltip.middle-range::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 42px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 430px), (min-width: 992px) and (max-width: 1199px) {
  .custom-tooltip.middle-range::before {
    height: 38px;
  }
}
.custom-tooltip.start-range.end-range.middle-range::before {
  content: none;
}
.custom-tooltip.start-range.middle-range::before {
  width: 50px;
  border-radius: 50% 0 0 50%;
  left: auto;
  right: 0;
}
.custom-tooltip.end-range.middle-range::before {
  width: 50px;
  border-radius: 0 50% 50% 0;
}
.custom-tooltip.start-range.middle-range:not(.end-range) + .custom-tooltip.end-range.middle-range::after {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  height: 42px;
}
@media (max-width: 430px), (min-width: 992px) and (max-width: 1199px) {
  .custom-tooltip.start-range.middle-range:not(.end-range) + .custom-tooltip.end-range.middle-range::after {
    height: 38px;
  }
}
.custom-tooltip.middle-range::before {
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 0;
  background-color: color-mix(in srgb, var(--date-range-color) 20%, transparent);
}
.custom-tooltip.start-range.middle-range.last-day:before, .custom-tooltip.end-range.middle-range.first-day:before {
  width: 40px;
  border-radius: 50%;
  border-width: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.custom-tooltip.middle-range.last-day:before {
  width: 50px;
  border-right: 0;
  border-radius: 0 50% 50% 0;
}
.custom-tooltip.middle-range.first-day:before {
  width: 50px;
  border-left: 0;
  border-radius: 50% 0 0 50%;
  left: auto;
  right: 0;
}
.custom-tooltip.middle-range.first-day + .custom-tooltip.end-range.middle-range:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 42px;
  top: 50%;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 0;
}
@media (max-width: 430px), (min-width: 992px) and (max-width: 1199px) {
  .custom-tooltip.middle-range.first-day + .custom-tooltip.end-range.middle-range:after {
    height: 38px;
  }
}
.custom-tooltip.start-range.middle-range + .custom-tooltip.end-range.middle-range:not(.start-range):after, .custom-tooltip.start-range.middle-range + .custom-tooltip.last-day.middle-range:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 42px;
  top: 50%;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 0;
}
@media (max-width: 430px), (min-width: 992px) and (max-width: 1199px) {
  .custom-tooltip.start-range.middle-range + .custom-tooltip.end-range.middle-range:not(.start-range):after, .custom-tooltip.start-range.middle-range + .custom-tooltip.last-day.middle-range:after {
    height: 38px;
  }
}
.custom-tooltip .ui-state-active {
  color: inherit !important;
}
.custom-tooltip .ui-state-active:before {
  color: inherit !important;
  background-color: color-mix(in srgb, var(--date-range-color) 40%, transparent) !important;
}
.custom-tooltip.start-range.ui-datepicker-unselectable:before, .custom-tooltip.end-range.ui-datepicker-unselectable:before, .custom-tooltip.middle-range.ui-datepicker-unselectable:before {
  background-color: transparent;
}

.datepicker-inline .ui-widget.ui-widget-content {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-size: 14px;
  line-height: 24px;
}
.datepicker-inline .ui-widget.ui-widget-content:before, .datepicker-inline .ui-widget.ui-widget-content:after {
  content: none;
}
.datepicker-inline .ui-widget.ui-widget-content .ui-datepicker-row-break {
  display: none;
}
@media (max-width: 767px) {
  .datepicker-inline .ui-widget.ui-widget-content {
    width: auto;
  }
}
.datepicker-inline .ui-widget.ui-widget-content.ui-datepicker-multi {
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 992px) {
  .datepicker-inline .ui-widget.ui-widget-content.ui-datepicker-multi {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.datepicker-inline .ui-datepicker-group {
  width: 100%;
}
@media (min-width: 992px) {
  .datepicker-inline .ui-datepicker-group {
    width: 50%;
  }
}
.datepicker-inline .ui-datepicker-group + .ui-datepicker-group {
  border-top: 1px solid #DBDBDB;
}
@media (min-width: 992px) {
  .datepicker-inline .ui-datepicker-group + .ui-datepicker-group {
    border: 0;
    border-left: 1px solid #DBDBDB;
  }
}
.datepicker-inline .ui-widget-header {
  padding: 10px;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 500;
  text-align: center;
  color: var(--color-grey-dark);
}
.datepicker-inline .ui-datepicker .ui-datepicker-title {
  font-size: 18px;
  padding-bottom: 15px;
  border-bottom: 1px solid #bdbdbd;
}
.datepicker-inline .ui-datepicker-prev,
.datepicker-inline .ui-datepicker-next {
  border-radius: 0 !important;
  border: 1px solid transparent;
  top: 10px;
  cursor: pointer;
}
.datepicker-inline .ui-datepicker-prev {
  left: 1px;
}
.datepicker-inline .ui-datepicker-next {
  right: 1px;
}
.datepicker-inline .ui-datepicker .ui-datepicker-prev .ui-icon {
  background: url(../img/ph_caret-left.svg) center no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
.datepicker-inline .ui-datepicker .ui-datepicker-next .ui-icon {
  background: url(../img/ph_caret-right.svg) center no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
.datepicker-inline .ui-datepicker-calendar {
  font-size: 16px;
}
.datepicker-inline .ui-datepicker td {
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: center;
}
.datepicker-inline .ui-datepicker td:not(.ui-state-disabled):not(.custom-tooltip) .ui-state-default:not(.ui-state-active):before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 0 !important;
  background-color: color-mix(in srgb, var(--available-dates-color) 20%, transparent);
}
.datepicker-inline .ui-datepicker td.election-day {
  opacity: 1;
}
.datepicker-inline .ui-datepicker td.election-day:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid var(--selected-date-color);
  background-color: color-mix(in srgb, var(--selected-date-color) 10%, transparent);
}
.datepicker-inline .ui-datepicker td.election-day > * {
  position: relative;
  color: #454545;
}
.datepicker-inline .ui-datepicker td.election-day > *:before {
  background-color: transparent !important;
}
.datepicker-inline .ui-datepicker th {
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  color: var(--color-grey-dark);
  text-transform: uppercase;
}
.datepicker-inline .ui-widget-content .ui-state-default {
  background-color: transparent;
  color: inherit;
  text-align: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 430px), (min-width: 992px) and (max-width: 1199px) {
  .datepicker-inline .ui-widget-content .ui-state-default {
    width: 36px;
    height: 36px;
  }
}
.datepicker-inline .ui-widget-content .ui-state-highlight {
  border-color: transparent;
}
.datepicker-inline .ui-widget-content .ui-state-active {
  position: relative;
  z-index: 10;
  background-color: transparent;
  border-color: var(--selected-date-color);
}
.datepicker-inline .ui-widget-content .ui-state-active::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid transparent;
  background-color: var(--selected-date-color);
  background-color: color-mix(in srgb, var(--selected-date-color) 20%, transparent);
  z-index: -1;
}
@media (max-width: 430px), (min-width: 992px) and (max-width: 1199px) {
  .datepicker-inline .ui-widget-content .ui-state-active::before {
    width: 36px;
    height: 36px;
  }
}

.datepicker-tooltip {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0;
}
.datepicker-tooltip .arrow {
  right: 20px;
  bottom: 3px;
  display: block;
  height: 0;
}
.datepicker-tooltip .arrow::before {
  border-width: 0 20px 20px 0px;
  border-color: transparent transparent #FFFFFF transparent;
  border-style: solid;
  -webkit-filter: drop-shadow(-2px -4px 1px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(-2px -4px 1px rgba(0, 0, 0, 0.1));
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.datepicker-tooltip .tooltip-inner {
  padding: 16px;
  font-family: Nunito, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  background: transparent;
  border: none;
}

.ui-datepicker-calendar td {
  position: relative;
}

.datepicker-inline .ui-widget-content .custom-tooltip.ui-datepicker-current-day .ui-state-active {
  position: relative;
  z-index: 10;
}
.datepicker-inline .ui-datepicker-today .ui-state-default:not(.ui-state-active):before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 0 !important;
  background-color: color-mix(in srgb, var(--today-date-color) 20%, transparent) !important;
}

.ui-widget {
  font-family: inherit;
}

.ui-datepicker.birthday-datepicker {
  width: auto;
  padding: 0;
  border: 0;
  background: #FFFFFF;
  -webkit-box-shadow: 19px 19px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 19px 19px 15px rgba(0, 0, 0, 0.1);
  border-radius: 11px;
}
.ui-datepicker.birthday-datepicker .ui-datepicker-header {
  padding: 12px 25px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #BDBDBD;
  border-radius: 0;
}
.ui-datepicker.birthday-datepicker .ui-datepicker-prev, .ui-datepicker.birthday-datepicker .ui-datepicker-next {
  width: 18px;
  height: 18px;
  border: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ui-datepicker.birthday-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker.birthday-datepicker .ui-datepicker-next.ui-state-hover {
  background: transparent;
}
.ui-datepicker.birthday-datepicker .ui-datepicker-prev {
  left: 25px;
}
.ui-datepicker.birthday-datepicker .ui-datepicker-prev .ui-icon {
  background-image: url(../font/icomoon/icons/ch-left.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
}
.ui-datepicker.birthday-datepicker .ui-datepicker-next {
  right: 25px;
}
.ui-datepicker.birthday-datepicker .ui-datepicker-next .ui-icon {
  background-image: url(../font/icomoon/icons/ch-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
}
.ui-datepicker.birthday-datepicker .ui-datepicker-title {
  margin: 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui-datepicker.birthday-datepicker .ui-datepicker-title select {
  -webkit-appearance: none;
  width: auto;
  min-width: 52px;
  margin: 0;
  border: 0;
  background: transparent;
  color: #828282;
  font-size: 15px;
  padding: 0 5%;
}
.ui-datepicker.birthday-datepicker table {
  margin-top: 12px;
}
.ui-datepicker.birthday-datepicker table th {
  font-size: 9px;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
  padding: 2px 6px;
}
.ui-datepicker.birthday-datepicker table td span, .ui-datepicker.birthday-datepicker table td a {
  padding: 7px 11px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.ui-datepicker.birthday-datepicker table td .ui-state-default {
  width: 32px;
  height: 32px;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid transparent;
  background: transparent;
  color: #000;
  border-radius: 50%;
}
.ui-datepicker.birthday-datepicker table td .ui-state-default.ui-state-highlight {
  border-color: var(--selected-date-color);
  border-color: color-mix(in srgb, var(--selected-date-color) 20%, transparent);
}
.ui-datepicker.birthday-datepicker table td .ui-state-default.ui-state-active {
  background: var(--selected-date-color);
  background: color-mix(in srgb, var(--selected-date-color) 20%, transparent);
  border-color: transparent;
}

.mx-neg-8 {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.min-h-auto {
  min-height: auto !important;
}

.circle {
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.size-12 {
  width: 12px !important;
  height: 12px !important;
}

.progress-section {
  display: none;
}
.progress-section.is-active {
  display: block;
}

.circle-container {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.circle-container-background {
  fill: none;
  stroke: #EBEEF1;
  stroke-width: 2px;
}
.circle-container-progress {
  fill: none;
  stroke-linecap: round;
  stroke: #FFD11E;
  stroke-dasharray: 100 100;
  stroke-width: 2px;
  stroke-dashoffset: 100;
  -webkit-transition: stroke-dashoffset 1s ease-in-out;
  transition: stroke-dashoffset 1s ease-in-out;
  will-change: transform;
}

.container-3 .circle-container-progress {
  stroke-opacity: 0.6;
  stroke-width: 2.5px;
}
.container-3 .circle-container-background {
  stroke-width: 2.5px;
}

.container-5 .circle-container-progress {
  stroke-opacity: 0.25;
  stroke-width: 3px;
}
.container-5 .circle-container-background {
  stroke-width: 3px;
}

.circular-progress-holder {
  position: relative;
  width: 126px;
  height: 126px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.circle-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}

.card-statistics {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 16px 1px rgba(200, 209, 226, 0.2);
          box-shadow: 0px 4px 16px 1px rgba(200, 209, 226, 0.2);
  border-radius: 8px;
}
.card-statistics-header {
  border-bottom: 1px solid #E9ECEF;
  padding: 1rem;
  color: #272C30;
}
.card-statistics-logo {
  width: 36px;
  height: 36px;
  border: 1px solid #E9ECEF;
  border-radius: 36px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-statistics-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-statistics-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 200px;
  padding: 1rem;
}
.card-statistics .theme-card-color {
  color: #FFD11E;
}

.circular-legend-color {
  margin-right: 8px;
  background: #FFD11E;
}
.circular-legend-color.color-medium {
  opacity: 0.6;
}
.circular-legend-color.color-small {
  opacity: 0.25;
}

.circular-legend-text {
  font-size: 11px;
  line-height: 12px;
  color: #7D8083;
}

.horizontal-container {
  display: block;
  width: 100%;
  height: 10px;
  position: relative;
  background: #EBEEF1;
  border-radius: 30px;
}
.horizontal-container-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-radius: 30px;
  background: #FFD11E;
  -webkit-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}
.horizontal-container.container-1 .horizontal-container-progress {
  opacity: 1;
}
.horizontal-container.container-2 .horizontal-container-progress {
  opacity: 0.8;
}
.horizontal-container.container-3 .horizontal-container-progress {
  opacity: 0.6;
}
.horizontal-container.container-4 .horizontal-container-progress {
  opacity: 0.4;
}
.horizontal-container.container-5 .horizontal-container-progress {
  opacity: 0.25;
}

.chart-section {
  color: #7D8083;
  position: relative;
  width: 268px;
  height: 182px;
}

.chart-title {
  color: #7D8083;
}

.chart-coordinats {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.chart-coordinats .line {
  width: 100%;
  height: 1px;
  background: #E9ECEF;
  display: block;
  vertical-align: middle;
}

.chart-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0.8em 5px 1em 2.5em;
}

.vertical-container {
  position: relative;
  height: 100%;
  width: 25.6px;
  margin: 0 4px;
}
.vertical-container-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 8px;
  height: 0;
  -webkit-transition: height 1s ease-in-out;
  transition: height 1s ease-in-out;
}

.theme-card-purple .circle-container-progress {
  stroke: #D03FD3;
}
.theme-card-purple .theme-card-color {
  color: #D03FD3;
}
.theme-card-purple .circular-legend-color,
.theme-card-purple .horizontal-container-progress {
  background: #D03FD3;
}

.theme-card-green .circle-container-progress {
  stroke: #66AA68;
}
.theme-card-green .theme-card-color {
  color: #66AA68;
}
.theme-card-green .circular-legend-color,
.theme-card-green .horizontal-container-progress {
  background: #66AA68;
}

.theme-card-blue .circle-container-progress {
  stroke: #4EA6F7;
}
.theme-card-blue .theme-card-color {
  color: #4EA6F7;
}
.theme-card-blue .circular-legend-color,
.theme-card-blue .horizontal-container-progress {
  background: #4EA6F7;
}

.theme-card-red .circle-container-progress {
  stroke: #F35B5B;
}
.theme-card-red .theme-card-color {
  color: #F35B5B;
}
.theme-card-red .circular-legend-color,
.theme-card-red .horizontal-container-progress {
  background: #F35B5B;
}

.theme-card-yellow .circle-container-progress {
  stroke: #FFD11E;
}
.theme-card-yellow .theme-card-color {
  color: #FFD11E;
}
.theme-card-yellow .circular-legend-color,
.theme-card-yellow .horizontal-container-progress {
  background: #FFD11E;
}

.theme-card-orange .circle-container-progress {
  stroke: #FFB13D;
}
.theme-card-orange .theme-card-color {
  color: #FFB13D;
}
.theme-card-orange .circular-legend-color,
.theme-card-orange .horizontal-container-progress {
  background: #FFB13D;
}

.theme-card-main .circle-container-progress {
  stroke: var(--btn-main-background);
}
.theme-card-main .theme-card-color {
  color: var(--btn-main-background);
}
.theme-card-main .circular-legend-color,
.theme-card-main .horizontal-container-progress {
  background: var(--btn-main-background);
}

.circle-color-main-1,
.progress-color-main-1 {
  background: var(--btn-main-background);
  opacity: 1;
}

.circle-color-main-2,
.progress-color-main-2 {
  background: var(--btn-main-background);
  opacity: 0.8;
}

.circle-color-main-3,
.progress-color-main-3 {
  background: var(--btn-main-background);
  opacity: 0.6;
}

.circle-color-main-4,
.progress-color-main-4 {
  background: var(--btn-main-background);
  opacity: 0.4;
}

.circle-color-main-5,
.progress-color-main-5 {
  background: var(--btn-main-background);
  opacity: 0.25;
}

.circle-container-ind {
  position: relative;
}
.circle-container-ind:after {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 160px;
  width: 160px;
  left: 50%;
  top: 50%;
  content: attr(data-progress) "%";
  margin-top: 7px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: 40px;
  line-height: 55px;
}
.circle-container-ind svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.circle-container-ind svg circle {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 1s linear;
  transition: stroke-dashoffset 1s linear;
  stroke-width: 1em;
}
.circle-container-ind-background {
  stroke: #F1F1F1;
}
.circle-container-ind-progress {
  stroke: var(--completed-action-circle);
  stroke-linecap: round;
}

.sidebar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 270px;
      flex-basis: 270px;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  position: sticky;
  top: 25px;
  margin-right: 25px;
  z-index: 10;
}
.sidebar-inner {
  background: #FFFFFF;
  border-radius: 5px;
  max-height: 85vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-height: 700px) {
  .sidebar-inner {
    max-height: 79vh;
  }
}
@media (min-width: 992px) {
  .sidebar-inner .sidebar-team-info {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .sidebar-inner .progress-aside {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .sidebar-inner .main-nav {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-top: 4px;
  }
}
@media (max-width: 991px) {
  .sidebar {
    position: static;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    margin: 0;
  }
  .sidebar-inner {
    border-radius: 0;
  }
}

.sidebar.d-none + .main-content-holder {
  max-width: 100%;
}

.dropdown-menu--sidebar {
  border: 0;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.dropdown-menu--sidebar .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: currentColor;
}
.dropdown-menu--sidebar .dropdown-item:hover {
  background: #F1f1f1;
  color: currentColor;
}
@media (max-width: 991px) {
  .dropdown-menu--sidebar {
    -webkit-transform: translate3d(-105px, 40px, 0px) !important;
            transform: translate3d(-105px, 40px, 0px) !important;
  }
}

.sidebar-election-collapse {
  width: 270px;
  background: #FFFFFF;
  border-radius: 5px;
  position: fixed;
  bottom: 10px;
  -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
}
.sidebar-election-collapse .collapse-toggle {
  width: 100%;
  border: 0;
  background: transparent;
  color: #555555;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 20px;
  text-align: left;
}
.sidebar-election-collapse .collapse-toggle .icon {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.sidebar-election-collapse .collapse-toggle[aria-expanded=true] .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sidebar-election-collapse-body {
  padding: 16px 20px;
  word-break: break-word;
  -ms-hyphens: auto;
      hyphens: auto;
}
@media (max-width: 991px) {
  .sidebar-election-collapse {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .sidebar-election-collapse {
    display: none;
  }
}
@media (min-width: 992px) {
  .sidebar-election-collapse {
    bottom: 35px;
  }
}

.main-nav {
  padding: 16px 20px;
  overflow: hidden;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .main-nav {
    overflow: visible;
    padding: 9px 17px;
  }
}
.main-nav .nav-list {
  padding: 16px 0;
  padding-top: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 991px) {
  .main-nav .nav-list {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-nav .nav-list.scroll-container {
    -webkit-overflow-scrolling: touch;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .main-nav .nav-list.scroll-container::-webkit-scrollbar {
    display: none;
  }
  .main-nav .nav-list.scroll-container .scroll-btn {
    position: absolute;
    width: 2em;
    background: #fff;
    border: 0;
    padding: 0.5rem;
    cursor: pointer;
    color: #A9A9A9;
  }
  .main-nav .nav-list.scroll-container .scroll-btn:hover {
    color: #000;
  }
  .main-nav .nav-list.scroll-container .scroll-btn.inactive {
    display: none;
  }
  .main-nav .nav-list.scroll-container .scroll-btn.prev {
    left: 0;
  }
  .main-nav .nav-list.scroll-container .scroll-btn.next {
    right: 0;
  }
}
.main-nav .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.8);
  padding: 0.5em;
  border-radius: 3px;
}
.main-nav .nav-link:hover, .main-nav .nav-link.active {
  background: #F1F1F1;
  font-weight: bold;
  color: #000;
}
.main-nav .nav-link:hover .nav-link-icon, .main-nav .nav-link.active .nav-link-icon {
  color: var(--icon-color-hover);
  font-weight: normal;
}
.main-nav .nav-link.disabled, .main-nav .nav-link[disabled] {
  color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
}
.main-nav .nav-link.disabled .nav-link-icon, .main-nav .nav-link[disabled] .nav-link-icon {
  color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 991px) {
  .main-nav .nav-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
  }
  .main-nav .nav-link .nav-link-icon {
    margin-right: 0;
    height: 2em;
  }
}
.main-nav .nav-link-icon {
  margin-right: 1em;
  font-size: 18px;
  width: 1.2em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #9D9D9D;
}

@media (max-width: 991px) {
  .main-onboarding .main-nav .nav-list.scroll-container {
    padding-left: 0;
  }
  .main-onboarding .main-nav .nav-item {
    width: 50%;
  }
  .main-onboarding .main-nav .nav-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
  }
  .main-onboarding .main-nav .nav-link .nav-link-icon {
    font-size: 18px;
    width: auto;
    height: auto;
  }
}

.main-nav-button {
  margin: 0 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(0, 148, 255, 0.3);
}
.main-nav-button.active {
  background: #0094FF;
}

.main-nav-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 8px 0;
}
@media (min-width: 992px) {
  .main-nav-buttons {
    display: none;
  }
}

.sidebar-team-info {
  text-align: center;
  padding: 16px 20px;
  border-bottom: 1px solid #F1F1F1;
}
@media (max-width: 767px) {
  .sidebar-team-info {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px;
    padding-top: 0;
  }
  .sidebar-team-info .image {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 94px;
    height: 94px;
    margin-right: 5px;
    margin-left: 0;
    margin-top: -35px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    border-width: 3px;
    border-color: #ffffff;
  }
}

.sidebar-team-title {
  margin: 16px 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  word-break: break-word;
}
@media (max-width: 767px) {
  .sidebar-team-title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    text-align: left;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    margin-top: 16px;
  }
}

.sidebar-team-actions .btn-invite {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (max-width: 414px) {
  .sidebar-team-actions .mobile-block {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (max-width: 767px) {
  .sidebar-team-actions {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 16px;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sidebar-team-actions .btn-invite, .sidebar-team-actions .btn-aside {
    font-size: 24px;
    width: 40px;
    height: 40px;
    margin: 0;
  }
  .sidebar-team-actions .dropdown {
    display: none;
  }
}

.sidebar-points-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F1F1F1;
  border-radius: 4px;
  padding: 4px 0;
}
@media (max-width: 991px) {
  .sidebar-points-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.aside-points {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  font-size: 12px;
  font-weight: 600;
  padding: 0 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.aside-points + .aside-points {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar-buttons {
  padding: 16px 20px;
  border-top: 1px solid #F1F1F1;
}
.sidebar-buttons .btn-team-action {
  margin-bottom: 10px;
  text-align: left;
}

.btn-aside {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  width: 2em;
  height: 2em;
  padding: 0;
  background: #F1F1F1;
  color: var(--icon-color-hover);
  border: 1px solid transparent;
}
.btn-aside:hover {
  color: var(--icon-color-hover);
  border-color: currentColor;
}

@media (min-width: 992px) {
  .header .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .header .container-lg {
    max-width: 1140px;
  }
}
@media (min-width: 1360px) {
  .header .container-lg {
    max-width: 1300px;
  }
}
@media (max-width: 767px) {
  .header .navbar {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
  }
}
.header .navbar .actions {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (min-width: 992px) {
  .header .navbar .actions {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
}
@media (min-width: 992px) {
  .header .navbar .actions .btn {
    font-size: 18px;
  }
}
.header .navbar .actions .btn + .btn {
  margin-left: 5px;
}
@media (min-width: 992px) {
  .header .navbar {
    padding-right: 0;
    padding-left: 0;
  }
}
.header .navbar-collapse {
  display: block;
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  z-index: 10;
}
.header .navbar-collapse.show {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}
@media (min-width: 992px) {
  .header .navbar-collapse {
    position: static;
    background-color: transparent;
    padding-right: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.header .navbar-collapse .dropdown .icon-toggle {
  font-size: 11px;
}
@media (min-width: 992px) {
  .header .navbar-collapse .dropdown {
    margin: 0 5px;
    margin-right: 0;
  }
}
.header .navbar-collapse .dropdown > .btn {
  width: 100%;
  border: 0;
  padding: 6px;
}
.header .navbar-collapse .dropdown .dropdown-toggle[aria-expanded=true] .icon-toggle,
.header .navbar-collapse .dropdown .dropdown-toggle.open-show .icon-toggle {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header .navbar-collapse .language-holder {
  min-width: 3.5em;
}
.header .navbar-collapse .dropdown-menu {
  position: relative;
  min-width: 100%;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--color-grey-dark);
  font-size: 16px;
}
@media (min-width: 992px) {
  .header .navbar-collapse .dropdown-menu {
    position: absolute;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin-top: 15px;
  }
}
.header .navbar-collapse .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75em 1em;
  color: var(--color-grey-dark);
  border-radius: 0;
}
.header .navbar-collapse .dropdown-item .icon {
  width: 1.2em;
  display: inline-block;
  text-align: center;
  font-size: 24px;
}
.header .navbar-collapse .dropdown-item .icon-left {
  margin-right: 14px;
}
.header .navbar-collapse .dropdown-item:hover {
  background: var(--color-grey-lighter);
  color: var(--color-grey-dark);
}
@media (max-width: 991px) {
  .header .navbar-collapse .dropdown-item + .dropdown-item,
  .header .navbar-collapse .dropdown-item + .dropdown-submenu,
  .header .navbar-collapse .dropdown-submenu + .dropdown-item {
    border-top: 1px solid #E9ECEF;
  }
}
.header .navbar-collapse .btn {
  text-align: left;
}
.header .navbar-collapse .btn .icon {
  width: 1.2em;
  display: inline-block;
  text-align: center;
  font-size: 20px;
}
.header .navbar-collapse .btn .icon-left {
  margin-right: 14px;
}
.header .navbar-collapse .btn.has-notification .icon {
  position: relative;
}
.header .navbar-collapse .btn.has-notification .icon:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-red);
}
@media (min-width: 992px) {
  .header .navbar-collapse .notification-list {
    width: 411px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
}
.header .navbar-collapse .notification-list li {
  padding-right: 6px;
  padding-left: 6px;
}
@media (max-width: 991px) {
  .header .navbar-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: auto;
    z-index: 110;
  }
  .header .navbar-collapse .dropdown > .btn {
    padding: 0;
    background: transparent !important;
    font-size: 14px;
  }
  .header .navbar-collapse .dropdown > .btn .user-menu {
    padding: 15px 18px;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .header .navbar-collapse .dropdown > .btn .user-menu .image {
    width: 80px;
    height: 80px;
  }
  .header .navbar-collapse .dropdown > .btn .icon-toggle {
    display: none;
  }
  .header .navbar-collapse .dropdown-menu {
    position: static;
    display: block;
  }
  .header .navbar-collapse .language-select {
    display: none;
  }
}
.header .user-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .user-menu .image {
  margin-right: 5px;
}
.header .user-menu .icon-toggle {
  margin-left: auto;
}
.header .user-menu .name {
  font-size: 14px;
  color: var(--color-grey-dark);
}
.header .navbar-brand {
  padding: 1px;
}
.header .navbar-brand img {
  max-height: 45px;
  max-width: 195px;
  margin: auto;
}
@media (max-width: 567px) {
  .header .navbar-brand img {
    max-width: 80px;
  }
}
@media (min-width: 768px) {
  .header .navbar-brand img {
    max-height: 39px;
  }
}
@media (min-width: 992px) {
  .header .navbar-brand img {
    max-height: 66px;
    max-width: 300px;
  }
}
.header .language-select--mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #E1E1E1;
  padding: 15px 18px;
}
.header .language-radio {
  position: relative;
  margin-right: 20px;
}
.header .language-radio input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.header .language-radio input + label {
  font-size: 18px;
  line-height: 21px;
  color: var(--color-grey-dark);
  margin: 0;
  width: 2.2em;
  height: 1.8em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid transparent;
  cursor: pointer;
}
.header .language-radio input:checked + label {
  border-color: var(--icon-color);
}

.navbar-my .navbar-link {
  padding: 10px 16px;
  color: var(--color-grey);
  font-size: 18px;
  text-transform: capitalize;
}
.navbar-my .navbar-link .icon {
  font-size: 12px;
}
.navbar-my .navbar-link:hover {
  color: var(--color-black);
}

.dropdown-my .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0;
  width: 100%;
  padding: 5px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--color-grey);
  font-size: 18px;
  border: 0;
  background: transparent;
  text-transform: capitalize;
}
.dropdown-my .dropdown-toggle:after {
  content: none;
}
.dropdown-my .dropdown-toggle:hover {
  color: var(--color-black);
}
.dropdown-my .dropdown-toggle.active, .dropdown-my .dropdown-toggle:active {
  background: transparent;
  font-weight: 500;
  color: var(--color-black);
}
.dropdown-my .dropdown-toggle .icon {
  font-size: 12px;
}
.dropdown-my .dropdown-toggle[aria-expanded=true] {
  color: var(--color-black);
  font-weight: 500;
}
.dropdown-my .dropdown-toggle[aria-expanded=true] .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.dropdown-my .dropdown-menu {
  position: relative !important;
  -webkit-transform: none !important;
          transform: none !important;
  width: 100%;
  border-radius: 0;
  border: 0;
  margin: 0;
  font-size: 14px;
}
.dropdown-my .dropdown-item {
  padding: 10px 20px;
  color: var(--color-black);
  text-transform: capitalize;
}
.dropdown-my .dropdown-item.active, .dropdown-my .dropdown-item:active {
  background: transparent;
  font-weight: 500;
}

.login-brand {
  display: inline-block;
  width: 170px;
}
.login-brand img {
  max-width: 100%;
}

.login-title {
  margin-top: 84px;
  margin-right: 10%;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 900;
  line-height: 70px;
  width: 100%;
}
@media (min-width: 992px) {
  .login-title {
    max-width: 8em;
    margin-left: auto;
    font-size: 50px;
    line-height: 75px;
  }
}

.header {
  min-height: 50px;
}
@media (min-width: 992px) {
  .header {
    min-height: 80px;
  }
}

.top-nav {
  height: 50px;
  max-width: 100vw;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.top-nav.is-hidden {
  top: -50px;
}
@media (min-width: 992px) {
  .top-nav {
    overflow: visible;
    height: 80px;
    display: block;
  }
  .top-nav.is-hidden {
    top: -80px;
  }
}
.top-nav .name {
  color: #272C30;
}

.breadcrumb {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 15px;
  margin: 0;
  font-size: 12px;
  background: transparent;
}
@media (min-width: 992px) {
  .breadcrumb {
    margin-bottom: 0;
    font-size: 18px;
  }
}
.breadcrumb > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.75);
  padding: 4px;
  padding-right: 8px;
  border-radius: 50px;
}
.breadcrumb > li:nth-last-child(2):first-child, .breadcrumb > li:nth-last-child(2):first-child ~ * {
  max-width: 50%;
}
.breadcrumb > li:nth-last-child(3):first-child, .breadcrumb > li:nth-last-child(3):first-child ~ * {
  max-width: 33.3333333333%;
}
.breadcrumb > li:nth-last-child(4):first-child, .breadcrumb > li:nth-last-child(4):first-child ~ * {
  max-width: 25%;
}
.breadcrumb > li:nth-last-child(5):first-child, .breadcrumb > li:nth-last-child(5):first-child ~ * {
  max-width: 20%;
}
.breadcrumb > li > a {
  white-space: normal;
  word-break: break-word;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--link-color);
  text-decoration: underline;
}
.breadcrumb > li > a:hover, .breadcrumb > li > a:focus {
  color: var(--link-color-hover);
}
.breadcrumb > li + li {
  margin-left: 4px;
}
.breadcrumb > li + li:before {
  content: none;
}
.breadcrumb > li > .icon {
  color: var(--link-color);
}
.breadcrumb > li .image--s {
  width: 24px;
  height: 24px;
}
@media (min-width: 992px) {
  .breadcrumb > li .image--s {
    width: 30px;
    height: 30px;
  }
}
.breadcrumb__holder {
  position: absolute;
  top: 60px;
  left: 50%;
  -webkit-transform: translate(-50%, 10px);
          transform: translate(-50%, 10px);
  margin-top: 0;
  width: 100%;
  max-width: 930px;
  padding-left: 0;
}
@media (min-width: 576px) {
  .breadcrumb__holder {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .breadcrumb__holder {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .breadcrumb__holder {
    top: 92px;
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .breadcrumb__holder {
    max-width: 1110px;
  }
}
@media (min-width: 1360px) {
  .breadcrumb__holder {
    max-width: 1300px;
  }
}
.breadcrumb__dropdown .dropdown-toggle {
  border: 0;
  background: transparent;
  font-size: 6px;
  color: var(--color-grey);
  cursor: pointer;
}
.breadcrumb__dropdown .dropdown-toggle:hover {
  color: var(--color-blue);
}
.breadcrumb__dropdown .dropdown-toggle:after {
  content: none;
}
.breadcrumb__dropdown .dropdown-menu {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin-top: 1em;
  font-size: 1em;
  color: inherit;
}
.breadcrumb__list {
  padding: 0.75em;
  margin: 0;
  list-style: none;
  background: #fff;
  border-radius: 5px;
  max-height: 15em;
  overflow: hidden;
  overflow-y: auto;
}
.breadcrumb__list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--color-grey-dark);
}
.breadcrumb__list > li:before {
  content: "";
  display: inline-block;
  margin-right: 1em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 0.5em;
}
.breadcrumb__list > li:first-child:before {
  content: none;
}
.breadcrumb__list > li + li {
  margin-left: 1em;
  margin-top: 1em;
}
.breadcrumb__list > li > a {
  white-space: nowrap;
  color: inherit;
}

.breadcrumb-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  .breadcrumb-list {
    margin-top: 16px;
  }
}
.breadcrumb-list li + li:before {
  content: "\\";
  color: var(--link-color);
  display: inline-block;
  margin: 0 2px 0 5px;
}
.breadcrumb-list a {
  text-decoration: underline;
  color: var(--link-color);
}
.breadcrumb-list a:hover {
  color: var(--link-color-hover);
}

.nav-tabs {
  border-bottom: 0;
}
.nav-tabs .nav-link {
  position: relative;
  padding-bottom: 14px;
  white-space: nowrap;
  border: 0;
  color: var(--nav-color);
}
.nav-tabs .nav-link:after {
  position: absolute;
  top: 100%;
  margin-top: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--nav-color-border);
  content: "";
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.nav-tabs .nav-link.active {
  color: var(--nav-color-hover);
  background-color: transparent;
}
.nav-tabs .nav-link.active:after {
  height: 4px;
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  color: var(--nav-color-hover);
}
.nav-tabs .nav-link.disabled {
  color: #9d9d9d;
  background-color: transparent;
  border-color: transparent;
  pointer-events: none;
}
@media (max-width: 767px) {
  .nav-tabs .nav-link {
    padding: 3px 13px;
  }
  .nav-tabs .nav-link:after {
    content: none;
  }
  .nav-tabs .nav-link.active {
    font-weight: bold;
  }
}

.main-tabs {
  position: relative;
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-tabs {
    max-width: 510px;
    margin-right: auto;
    margin-left: auto;
  }
}

.dropdown-toggle-competition {
  background: transparent;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
}
.dropdown-toggle-competition .icon-toggle {
  font-size: 11px;
}
.dropdown-toggle-competition[aria-expanded=true] .icon-toggle {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.competition-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  border-radius: 4px;
  padding: 6px;
  cursor: pointer;
}
.competition-block .icon {
  font-size: 20px;
  line-height: 1;
}
.competition-block:hover {
  background: #F1F1F1;
}

.competition-number {
  font-weight: 500;
  font-size: 12px;
  line-height: 23px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #FFFFFF;
}

.competition-dropdown {
  background: #FFFFFF;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  border: 0;
  border-radius: 0;
  padding: 0;
}
.competition-dropdown-content {
  min-width: 21.68rem;
  padding: 8px;
}
.competition-dropdown .title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #555555;
  margin-bottom: 8px;
}
.competition-dropdown .text {
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 8px;
}
.competition-dropdown .date {
  font-size: 13px;
  line-height: 18px;
  color: #626262;
  margin-bottom: 8px;
}

.accordion__block {
  position: relative;
}
@media (min-width: 992px) {
  .accordion__block > .card {
    width: 270px;
    margin-right: 30px;
  }
}
.accordion__list .accordion__item:first-of-type .accordion__btn {
  border-radius: 5px 5px 0 0;
  border-top: 0;
}
.accordion__list .accordion__item:last-of-type {
  border-bottom: 0;
}
.accordion__list .accordion__item:last-of-type .accordion__btn {
  border-radius: 0 0 5px 5px;
}
.accordion__item {
  border-bottom: 1px solid #CECECE;
}
@media (min-width: 992px) {
  .accordion__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-bottom: 0;
  }
}
.accordion__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 21px 23px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border: 0;
  color: var(--color-grey);
  font-size: 18px;
  border-radius: 0;
}
.accordion__btn:hover {
  color: var(--color-black);
  text-decoration: none;
}
.accordion__btn[aria-expanded=true] {
  color: var(--color-black);
  font-weight: 700;
}
.accordion__btn[aria-expanded=true] .icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media (min-width: 992px) {
  .accordion__btn {
    width: 270px;
    margin-right: 30px;
    border-left: 7px solid transparent;
    border-top: 1px solid #CECECE;
  }
  .accordion__btn .icon {
    display: none;
  }
  .accordion__btn[aria-expanded=true] {
    border-left-color: currentColor;
  }
}
@media (min-width: 992px) {
  .accordion__content {
    position: absolute;
    left: 300px;
    top: 0;
    right: 0;
  }
}
.accordion__buttons .btn {
  width: 100%;
}
@media (min-width: 992px) {
  .accordion__buttons .btn {
    width: auto;
  }
}
@media (min-width: 992px) {
  .accordion__buttons {
    border-top: 1px solid #CECECE;
    padding-top: 21px;
  }
}

.table td, .table th {
  padding: 7px;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

@media (min-width: 576px) and (max-width: 991px) {
  .table--responsive tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .table--responsive tr {
    width: 50%;
  }
  .table--responsive tr:nth-child(2n+1) {
    border-right: 1px solid #ddd;
  }
}
@media (max-width: 991px) {
  .table--responsive {
    border: 0;
  }
  .table--responsive tr {
    border-bottom: 3px solid #E5E5E5;
    display: block;
    margin-bottom: 0.625em;
  }
  .table--responsive td {
    border-bottom: 1px solid #ddd;
    display: block;
  }
  .table--responsive td:last-child {
    border-bottom: 0;
  }
}

.table-responsive-custom {
  overflow: hidden;
  overflow-x: auto;
}
@media (min-width: 1200px) {
  .table-responsive-custom {
    padding-left: 22px;
    padding-right: 22px;
  }
}
.table-responsive-custom table {
  width: 100%;
}
.table-responsive-custom table td {
  padding: 11px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1;
  border-bottom: 1px solid #D9D9D9;
}
.table-responsive-custom table td .view-submission {
  cursor: pointer;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.table-responsive-custom table td [aria-expanded=true] em {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.table-responsive-custom table thead th {
  padding: 12px 11px;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-grey);
  border-bottom: 1px solid #D9D9D9;
}
.table-responsive-custom table thead th.sortable .icon {
  color: var(--icon-color);
}
.table-responsive-custom table thead th.name-cell {
  padding-left: 72px;
}
@media (max-width: 767px) {
  .table-responsive-custom table {
    display: block;
  }
  .table-responsive-custom table thead {
    display: none;
  }
  .table-responsive-custom table tbody {
    display: block;
  }
  .table-responsive-custom table tbody tr {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
  }
  .table-responsive-custom table tbody td {
    padding: 14px 16px;
    border: 0;
    display: block;
    width: 100%;
    float: left;
  }
  .table-responsive-custom table tbody td.floated-cell {
    padding: 14px 20px 0;
    width: 35%;
    float: right;
    text-align: right;
    color: var(--color-grey);
    font-size: 14px;
  }
  .table-responsive-custom table tbody td .color-light {
    color: var(--color-grey);
  }
  .table-responsive-custom table .fs-14 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .table-responsive-custom-row table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
  }
  .table-responsive-custom-row table tbody td {
    padding-left: 8px;
    padding-right: 8px;
  }
  .table-responsive-custom-row table tbody td.floated-cell {
    padding: 14px 8px;
  }
  .table-responsive-custom-row table .image--m {
    width: 36px;
    height: 36px;
  }
  .table-responsive-custom-row table .name-adaptive {
    gap: 8px;
    min-width: 146px;
  }
  .table-responsive-custom-row table .location-title {
    width: 42px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

table .icon-sort {
  display: inline-block;
  width: 10px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
table .icon-sort.sort {
  background-image: url(../img/sort.svg);
}
table .icon-sort.sort-desc {
  background-image: url(../img/sort-desc.svg);
}
table .icon-sort.sort-inc {
  background-image: url(../img/sort-inc.svg);
}

.table-no-border thead tr th,
.table-no-border tbody tr td {
  border: 0;
}

@media (max-width: 991px) {
  .table--responsive thead {
    display: none;
  }
}
.table--responsive thead th {
  border-bottom-width: 1px;
}

.table-responses tbody {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.table-responses tbody tr {
  border-bottom: 0 !important;
}
.table-responses tbody tr td {
  border-bottom: 0 !important;
}
.table-responses tbody tr td:nth-child(2), .table-responses tbody tr td:nth-child(3) {
  width: 20%;
}
@media (max-width: 767px) {
  .table-responses tbody tr td:nth-child(2), .table-responses tbody tr td:nth-child(3) {
    width: 50%;
  }
}
.table-responses tbody tr td .active {
  font-weight: 700;
}
.table-responses tbody tr td p {
  margin: 0;
}
.table-responses tbody tr td .action {
  display: block;
  color: var(--color-grey);
  margin: 8px 0;
}
.table-responses tbody tr td .action-description {
  border-left: 1px solid #f1f1f1;
  padding-left: 16px;
}
.table-responses tbody tr em {
  color: #626262;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.table-prizes-mobile thead th {
  border-bottom-width: 1px;
}
@media (max-width: 767px) {
  .table-prizes-mobile thead {
    display: none;
  }
}
@media (max-width: 767px) {
  .table-prizes-mobile {
    font-size: 14px;
  }
  .table-prizes-mobile tr {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .table-prizes-mobile td {
    float: left;
    border: 0;
    width: calc(50% - 40px);
  }
  .table-prizes-mobile .floated-img {
    width: 80px;
  }
  .table-prizes-mobile .floated-name {
    width: calc(100% - 80px);
  }
}

@media (max-width: 767px) {
  .table-invites-mobile table tbody td, .table-responsive-mobile table tbody td {
    padding-left: 0;
    width: 57%;
  }
  .table-invites-mobile table tbody td.floated-cell, .table-responsive-mobile table tbody td.floated-cell {
    padding: 14px 0;
    width: 43%;
  }
}

.response-text {
  width: 60% !important;
}
@media (max-width: 767px) {
  .response-text {
    width: 100% !important;
  }
}

@-webkit-keyframes arrowRightMove {
  0%, 100% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
}

@keyframes arrowRightMove {
  0%, 100% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
}
.action-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.action-progress-text {
  font-size: 10px;
  line-height: 15px;
  font-weight: 600;
  color: #757575;
  max-width: 70px;
  margin-top: 8px;
  word-break: break-word;
}
.action-progress-text--signal {
  max-width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  cursor: pointer;
}
.action-progress-text--signal .signal-icon {
  font-size: 12px;
  line-height: inherit;
  color: #000000;
  -webkit-animation: arrowRightMove 5s ease 0s infinite normal forwards;
          animation: arrowRightMove 5s ease 0s infinite normal forwards;
}
.action-progress-text--signal:hover {
  color: #000000;
}
.action-progress-text--signal:hover .signal-icon {
  color: var(--btn-main-background);
  -webkit-animation: none;
          animation: none;
}
.action-progress-button {
  position: relative;
  border: 0;
  background: transparent;
  padding: 4px;
  border-radius: 50%;
}
.action-progress-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-indent: -9999px;
  background-color: #9d9d9d;
  border: 10px solid #ffffff;
  -webkit-box-shadow: 0 0 0 2px #9d9d9d;
          box-shadow: 0 0 0 2px #9d9d9d;
}
.action-progress-tooltip {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(2px, -5px);
          transform: translate(2px, -5px);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
}
.action-progress-tooltip.bg-danger {
  background: #F55858;
}
.action-progress-tooltip.bg-warning {
  background: #F4A100;
}
.action-progress-tooltip.bg-success {
  background: #1C991A;
}
.action-progress-item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 20%;
}
.action-progress-item-horizontal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.action-progress-item-horizontal:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(18px, 50%);
          transform: translate(18px, 50%);
  height: calc(100% + 20px);
  width: 2px;
  background: #dfdfdf;
}
@media (max-width: 991px) {
  .action-progress-item-horizontal {
    margin-bottom: 20px !important;
  }
}
.action-progress-item-horizontal .skip-link {
  margin-left: calc(38px + 0.5rem);
}
.action-progress-item-horizontal.action-progress-item-empty > span {
  display: block;
  width: 200px;
  height: 32px;
  position: relative;
  background-image: url(../img/progress-empty-horizontal.png);
  background-size: 159px;
  background-repeat: no-repeat;
  background-position: left 3px center;
}
.action-progress-item-horizontal.action-progress-item-empty.action-progress-last:before {
  width: 0;
}
.action-progress-item-horizontal.action-progress-item-empty:not(action-progress-last):before {
  background: -webkit-gradient(linear, left top, right top, from(#DFDFDF), to(rgba(223, 223, 223, 0)));
  background: linear-gradient(90deg, #DFDFDF 0%, rgba(223, 223, 223, 0) 100%);
}
.action-progress-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(50%, 15px);
          transform: translate(50%, 15px);
  width: 100%;
  height: 2px;
  background: #dfdfdf;
}
.action-progress-item:last-child:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(-16.58%, #DFDFDF), to(rgba(223, 223, 223, 0)));
  background: linear-gradient(90deg, #DFDFDF -16.58%, rgba(223, 223, 223, 0) 100%);
}
.action-progress-item:last-child .tooltip-action-progress {
  -webkit-transform: translate3d(-75%, 30px, 0px) !important;
          transform: translate3d(-75%, 30px, 0px) !important;
}
.action-progress-item.is-unavailable .action-progress-button, .action-progress-item-horizontal.is-unavailable .action-progress-button {
  pointer-events: none;
}
.action-progress-item.is-unavailable .action-progress-icon, .action-progress-item-horizontal.is-unavailable .action-progress-icon {
  border-width: 15px;
  -webkit-box-shadow: 0 0 0 2px #DFDFDF;
          box-shadow: 0 0 0 2px #DFDFDF;
}
.action-progress-item.is-completed .action-progress-button, .action-progress-item-horizontal.is-completed .action-progress-button {
  pointer-events: none;
}
.action-progress-item.is-completed .action-progress-icon, .action-progress-item-horizontal.is-completed .action-progress-icon {
  text-indent: initial;
  border: 0;
  -webkit-box-shadow: 0 0 0 2px var(--completed-action-state);
          box-shadow: 0 0 0 2px var(--completed-action-state);
  background: var(--completed-action-state);
  color: #ffffff;
  font-size: 15px;
}
.action-progress-item.action-progress-item-empty {
  width: 10%;
}
.action-progress-item.action-progress-item-empty > span {
  display: block;
  width: 100%;
  height: 60px;
  position: relative;
  background-image: url(../img/progress-empty.png);
  background-size: 60px;
  background-repeat: no-repeat;
  background-position: center top;
}
.action-progress-item.action-progress-item-empty.action-progress-last:before {
  width: 0;
}
.action-progress-item.action-progress-item-empty:not(action-progress-last):before {
  background: -webkit-gradient(linear, left top, right top, from(#DFDFDF), to(rgba(223, 223, 223, 0)));
  background: linear-gradient(90deg, #DFDFDF 0%, rgba(223, 223, 223, 0) 100%);
}
.action-progress-item [data-tippy-root] {
  min-width: 200px;
}
@media (max-width: 600px) {
  .action-progress-item:first-child .tooltip-action-progress {
    -webkit-transform: translate3d(-10%, 30px, 0px) !important;
            transform: translate3d(-10%, 30px, 0px) !important;
  }
  .action-progress-item:nth-child(2) .tooltip-action-progress {
    -webkit-transform: translate3d(-20%, 30px, 0px) !important;
            transform: translate3d(-20%, 30px, 0px) !important;
  }
  .action-progress-item:nth-child(3) .tooltip-action-progress {
    -webkit-transform: translate3d(-30%, 30px, 0px) !important;
            transform: translate3d(-30%, 30px, 0px) !important;
  }
  .action-progress-item:nth-child(4) .tooltip-action-progress {
    -webkit-transform: translate3d(-40%, 30px, 0px) !important;
            transform: translate3d(-40%, 30px, 0px) !important;
  }
  .action-progress-item:nth-child(5) .tooltip-action-progress {
    -webkit-transform: translate3d(-50%, 30px, 0px) !important;
            transform: translate3d(-50%, 30px, 0px) !important;
  }
  .action-progress-item:nth-child(6) .tooltip-action-progress {
    -webkit-transform: translate3d(-75%, 30px, 0px) !important;
            transform: translate3d(-75%, 30px, 0px) !important;
  }
  .action-progress-item:nth-last-child(2) .tooltip-action-progress {
    -webkit-transform: translate3d(-75%, 30px, 0px) !important;
            transform: translate3d(-75%, 30px, 0px) !important;
  }
  .action-progress-item:last-child .tooltip-action-progress {
    -webkit-transform: translate3d(-90%, 30px, 0px) !important;
            transform: translate3d(-90%, 30px, 0px) !important;
  }
}
.action-progress-last:last-child:before {
  width: 0;
}
.action-progress-last:last-child .tooltip-action-progress {
  -webkit-transform: translate3d(-75%, 30px, 0px) !important;
          transform: translate3d(-75%, 30px, 0px) !important;
}
.action-progress .skip-link {
  position: absolute;
  z-index: 10;
  top: 19px;
  left: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(100% - 38px);
}
.action-progress .skip-link:before {
  z-index: -1;
}

.skip-link {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  background: #fff;
  color: var(--icon-color);
  border-radius: 4px;
  padding: 4px;
  text-align: left;
}
.skip-link:before {
  content: "";
  position: absolute;
  background: var(--icon-color);
  opacity: 0.15;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 4px;
}
.skip-link:hover {
  color: var(--icon-color);
}
.skip-link:hover:before {
  opacity: 0.3;
}
.skip-link.skip-link-rounded {
  width: 32px;
  height: 32px;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.skip-link.skip-link-rounded:before {
  border-radius: 50%;
}

.tooltip-action-progress {
  min-width: 358px;
  -webkit-transform: translate3d(-95px, 30px, 0px) !important;
          transform: translate3d(-95px, 30px, 0px) !important;
}
.tooltip-action-progress .tooltip-custom {
  margin: 0;
}
@media (max-width: 600px) {
  .tooltip-action-progress {
    min-width: 320px;
    max-width: 90vw;
    -webkit-transform: translate3d(0, 30px, 0px) !important;
            transform: translate3d(0, 30px, 0px) !important;
  }
}

.badge-colored {
  padding: 1px 14px;
  text-align: center;
  font-size: 10px;
  border-radius: 3px;
  color: #3C6D3D;
  background-color: #D6FAD5;
}
.badge-colored.badge-l {
  padding: 4px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.36;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.badge-colored.badge-success {
  color: #3C6D3D;
  background-color: #D6FAD5;
}
.badge-colored.badge-danger {
  color: #D40C0C;
  background-color: #FFE2E2;
}
.badge-colored.badge-warning {
  color: #A84C00;
  background: #FFF2D7;
}
.badge-colored.badge-grey {
  color: #424240;
  background: #D8D8D8;
}
@media (max-width: 991px) {
  .badge-colored {
    min-width: 240px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 4px;
    font-size: 14px;
  }
}

.color-badge-success {
  color: #3C6D3D;
}
.color-badge-danger {
  color: #D40C0C;
}
.color-badge-warning {
  color: #A84C00;
}
.color-badge-passed {
  color: #424240;
}

.progress-aside {
  display: none;
}
.progress-aside .progress {
  height: 8px;
  border-radius: 0;
}
.progress-aside .progress-bar {
  border-radius: 0 30px 30px 0;
}
@media (min-width: 992px) {
  .progress-aside {
    display: block;
    padding: 20px;
  }
  .progress-aside .progress {
    height: 10px;
    border-radius: 30px;
  }
  .progress-aside .progress-bar {
    border-radius: 30px;
  }
}

.w16 {
  width: 16px;
}

.you {
  font-size: 16px;
  color: #9D9D9D;
}

.indicator {
  top: 0;
  left: 0;
}
.indicator-icon {
  display: none;
}
.indicator-order {
  font-size: 10px;
  color: var(--text-rang-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--icon-color);
  margin: 0;
  border-radius: 100%;
  width: 1.3em;
  height: 1.3em;
}
.indicator--top .indicator-icon {
  display: block;
}
.indicator--top .indicator-order {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0.15em);
          transform: translate(-50%, 0.15em);
}

.x-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #F55858;
  color: #ffffff;
  vertical-align: -0.1em;
  font-size: 14px;
  width: 20px;
  height: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}

.members-table {
  overflow-x: auto;
}
.members-table table {
  width: 100%;
}
.members-table table tr td {
  vertical-align: middle;
}
.members-table table tr.no-border th, .members-table table tr.no-border td {
  border-width: 0;
}
.members-table table tr.py-0 th, .members-table table tr.py-0 td {
  padding-top: 0;
  padding-bottom: 0;
}
.members-table table td {
  padding: 8px;
}
.members-table table th {
  padding: 10px 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.1px;
  color: #000000;
  border-bottom-width: 1px;
}
.members-table table th.sorting_asc, .members-table table th.sorting_desc {
  background-color: #F1F1F1;
}

.members-header {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .members-header {
    margin-bottom: 20px;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .members-header .search-block {
    width: 100%;
  }
}
.members-header-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.members-header-controls-item {
  width: 50%;
  text-align: center;
  padding: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.1px;
  color: var(--btn-main-border);
  border: 1px solid var(--btn-main-border);
  white-space: nowrap;
}
.members-header-controls-item:first-child {
  border-radius: 6px 0 0 6px;
}
.members-header-controls-item:last-child {
  border-radius: 0 6px 6px 0;
}
.members-header-controls-item + .members-header-controls-item {
  margin-left: -1px;
}
.members-header-controls-item.active, .members-header-controls-item:hover {
  background-color: var(--btn-main-border);
  color: var(--btn-main-color);
}
@media screen and (min-width: 768px) {
  .members-header-controls {
    width: auto;
  }
  .members-header-controls-item {
    width: auto;
    min-width: 173px;
  }
}

.card-members {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
.card-members-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 6px;
  background-color: #f1f1f1;
}
.card-members-item:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
}
.card-members-item:nth-child(2) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3/span 2;
}
.card-members-item:nth-child(3) {
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5/span 2;
}
.card-members-item:nth-child(4) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/span 3;
}
.card-members-item:nth-child(5) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4/span 3;
}
.card-members-item .icon {
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .card-members {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    grid-auto-flow: row dense;
  }
  .card-members-item:nth-child(1) {
    grid-column: auto;
  }
  .card-members-item:nth-child(2) {
    grid-column: auto;
  }
  .card-members-item:nth-child(3) {
    grid-column: auto;
  }
  .card-members-item:nth-child(4) {
    grid-column: auto;
  }
  .card-members-item:nth-child(5) {
    grid-column: auto;
  }
}

.btn-collapse-metrics {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.btn-collapse-metrics .icon {
  font-size: 24px;
  color: #9D9D9D;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.btn-collapse-metrics[aria-expanded=true] .icon {
  color: var(--icon-color);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}