@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap);html {
  height: 100%;
}

h1,
h2,
h3,
h4,
h4,
h5,
h6,
* {
  font-family: futura-pt, sans-serif;
}

a {
  text-decoration: none;
}

.multiselect__placeholder {
  padding-top: 8px !important;
  padding-bottom: 4px !important;
  padding-left: 8px !important;
  color: #cacaca !important;
  font-size: 1.125rem !important;
}

.multiselect__single {
  padding-top: 8px !important;
  padding-bottom: 4px !important;
  padding-left: 8px !important;
  color: #808080 !important;
  font-size: 1.125rem !important;
}

.multiselect__tags {
  border: 2px solid #cacaca !important;
  padding-bottom: 3px !important;
  border-radius: 0 !important;
}

.error > .multiselect__tags {
  border: 2px solid #e95e4f !important;
}

.multiselect__spinner {
  background: #fff;
  margin-top: 6px !important;
}

.multiselect__spinner:after,
.multiselect__spinner:before {
  border-color: #212121 transparent transparent !important;
}

.multiselect__select:after,
.multiselect__select:before {
  top: 90% !important;
}

.multiselect {
  color: #35495e;
}

.multiselect__input {
  padding-top: 8px !important;
  padding-bottom: 4px !important;
  padding-left: 8px !important;
  color: #cacaca !important;
  font-size: 1.125rem !important;
}

.multiselect--active .multiselect__select {
  top: 20% !important;
}

.multiselect__input::-moz-placeholder {
  color: #35495e;
}

.multiselect__input::placeholder {
  color: #35495e;
}

.multiselect__tag {
  color: #fff;
  background: undefined !important;
}

.multiselect__tag-icon::after {
  color: #fff !important;
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
  background: undefined !important;
}

.multiselect__tag-icon:focus::after,
.multiselect__tag-icon:hover::after {
  color: #fff;
}

.multiselect__current {
  border: 1px solid #e8e8e8;
}

.multiselect__option--highlight {
  background: #f9f9f9 !important;
  color: #3a3e3d !important;
}

.multiselect__option--highlight:after {
  background: #f9f9f9 !important;
  color: #fff;
}

.multiselect__option--selected {
  background: #fff !important;
  color: #808080 !important;
}

.multiselect__option--selected:after {
  color: silver;
}

.multiselect__option--selected.multiselect__option--highlight {
  background-color: #f9f9f9 !important;
}

.multiselect__option--selected.multiselect__option--highlight:after {
  background-color: #808080 !important;
  color: #fff;
}

.multiselect--disabled {
  background: #ededed;
}

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6;
}

.filter-multiselect .multiselect__select,
.filter-multiselect .multiselect__spinner {
  margin-top: 6px !important;
  margin-right: 8px !important;
}

.multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
}

.multiselect__option--group {
  background: #ededed;
  color: #35495e;
}

.multiselect__option--group.multiselect__option--highlight {
  background: #35495e !important;
  color: #fff;
}

.multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e !important;
}

.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}

.multiselect__option--group-selected.multiselect__option--highlight {
  background-color: #808080 !important;
  color: #fff;
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
  background-color: #808080 !important;
  color: #fff;
}

.vue-tel-input {
  width: 100% !important;
  align-items: baseline !important;
  border-color: #808080 !important;
}

.vue-tel-input.error {
  border-color: #e3342f !important;
}

.vue-tel-input,
.vue-tel-input * {
  border-radius: 0 !important;
}

.vue-tel-input:focus {
  outline: 0 !important;
}

.vue-tel-input input {
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  border-width: 0 !important;
}

.vue-tel-input div {
  margin-bottom: 0 !important;
}

.vue-tel-input.bottom-border {
  border-width: 0 !important;
  border-bottom-width: 1px !important;
  border-color: #f9f9f9 !important;
}

.vue-tel-input.bottom-border.error {
  border-color: #e3342f !important;
}

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}

.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  transition: all .25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity .6s;
  opacity: .6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div,
.tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.slider-pagination-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.slider-pagination-container .btnPrev,
.slider-pagination-container .btnNext {
  font-size: 1.5rem;
  color: #3a3e3d;
}

.slider-pagination-container .btnPrev:active,
.slider-pagination-container .btnPrev:focus,
.slider-pagination-container .btnNext:active,
.slider-pagination-container .btnNext:focus {
  outline: 0;
}

.slider-pagination-container .btnPrev.\--white,
.slider-pagination-container .btnNext.\--white {
  color: #fff;
}

.slider-pagination-container .navContainer {
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative;
}

.slider-pagination-container .navContainer .tns-nav {
  border-width: 2px;
  border-color: #3a3e3d;
  background-color: transparent;
  border-radius: 9999px;
  padding: 0;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: .5rem;
  margin-right: .5rem;
  width: .75rem;
  height: .75rem;
  position: relative;
  top: -2px;
}

.slider-pagination-container .navContainer .tns-nav:active,
.slider-pagination-container .navContainer .tns-nav:focus {
  outline: 0;
}

.slider-pagination-container .navContainer .tns-nav.tns-nav-active {
  background-color: #5e2d83;
  border-color: #5e2d83;
}

.slider-pagination-container .navContainer .tns-nav.tns-nav-active:active,
.slider-pagination-container .navContainer .tns-nav.tns-nav-active:focus {
  outline: 0;
}

.slider-pagination-container .navContainer.\--white > .tns-nav {
  border-color: #fff;
}

.slider-pagination-container .navContainer.\--white > .tns-nav.tns-nav-active {
  background-color: #5e2d83;
  border-color: #5e2d83;
}

.carousel-wrapper-desktop {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: none;
}

@media (min-width: 992px) {
  .carousel-wrapper-desktop {
    display: block;
  }
}

.carousel-wrapper-mobile {
  width: 100%;
  display: block;
}

@media (min-width: 992px) {
  .carousel-wrapper-mobile {
    display: none;
  }
}

/* LOADBAR */

.loadbar {
  height: 4px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #ddd;
}

.loadbar:before {
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #5e2d83;
  animation: loadingbar 2s linear infinite;
}

@keyframes loadingbar {
  from {
    left: -200px;
    width: 30%;
  }

  50% {
    width: 30%;
  }

  70% {
    width: 70%;
  }

  80% {
    left: 50%;
  }

  95% {
    left: 120%;
  }

  to {
    left: 100%;
  }
}

/* LOADRING */

.loadring,
.loadring:after {
  border-radius: 50%;
  width: 7em;
  height: 7em;
}

.loadring {
  margin: 70px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid #f1f5f8;
  border-right: 1.1em solid #f1f5f8;
  border-bottom: 1.1em solid #f1f5f8;
  border-left: 1.1em solid #5e2d83;
  transform: translateZ(0);
  animation: loadingring 1.1s infinite linear;
}

@keyframes loadingring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.vue-tags-input {
  max-width: unset !important;
  background-color: #f9f9f9 !important;
}

.vue-tags-input .ti-input {
  border-color: #3a3e3d !important;
  border-width: undefined !important;
  padding: 2px !important;
}

.vue-tags-input.ti-focus .ti-input {
  border-color: #5e2d83 !important;
}

.vue-tags-input .ti-tag {
  background-color: #5e2d83 !important;
  color: #fff !important;
  height: 30px !important;
}

.vue-tags-input .ti-actions {
  margin-top: 1px;
  padding-right: .5rem !important;
}

.vue-tags-input .ti-tag-center {
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.vue-tags-input .ti-new-tag-input-wrapper {
  margin-top: 1px !important;
  padding-top: 0 !important;
  width: 100% !important;
  background-color: #f9f9f9 !important;
}

.vue-tags-input .ti-new-tag-input-wrapper input {
  height: 30px !important;
  margin-left: 4px !important;
  padding: 0 !important;
  font-weight: bold !important;
  font-size: 15px !important;
  background-color: #f9f9f9 !important;
}

.vue-tags-input ::-moz-placeholder {
  color: #3a3e3d !important;
  opacity: 1;
}

.vue-tags-input ::placeholder {
  color: #3a3e3d !important;
  opacity: 1;
}

.pretty * {
  box-sizing: border-box;
}

.pretty input:not([type=checkbox]):not([type=radio]) {
  display: none;
}

.pretty {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  white-space: nowrap;
  line-height: 1;
}

.pretty input {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1em;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.pretty .state label {
  position: initial;
  display: inline-block;
  font-weight: normal;
  margin: 0;
  text-indent: 1.5em;
  min-width: calc(1em + 2px);
}

.pretty .state label:before,
.pretty .state label:after {
  content: "";
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  display: block;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid transparent;
  z-index: 0;
  position: absolute;
  left: 0;
  top: calc(0% - (100% - 1em) - 8%);
  background-color: transparent;
}

.pretty .state label:before {
  border-color: #bdc3c7;
}

.pretty .state.p-is-hover,
.pretty .state.p-is-indeterminate {
  display: none;
}

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes tada {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: scale(7);
  }

  38% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: scale(1);
  }

  55% {
    animation-timing-function: ease-in;
    transform: scale(1.5);
  }

  72% {
    animation-timing-function: ease-out;
    transform: scale(1);
  }

  81% {
    animation-timing-function: ease-in;
    transform: scale(1.24);
  }

  89% {
    animation-timing-function: ease-out;
    transform: scale(1);
  }

  95% {
    animation-timing-function: ease-in;
    transform: scale(1.04);
  }

  100% {
    animation-timing-function: ease-out;
    transform: scale(1);
  }
}

@keyframes jelly {
  0% {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(.75, 1.25, 1);
  }

  40% {
    transform: scale3d(1.25, .75, 1);
  }

  50% {
    transform: scale3d(.85, 1.15, 1);
  }

  65% {
    transform: scale3d(1.05, .95, 1);
  }

  75% {
    transform: scale3d(.95, 1.05, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rotate {
  0% {
    opacity: 0;
    transform: translateZ(-200px) rotate(-45deg);
  }

  100% {
    opacity: 1;
    transform: translateZ(0) rotate(0);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0px 0px 0px 0px #bdc3c7;
  }

  100% {
    box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
  }
}

.pretty.p-default.p-fill .state label:after {
  transform: scale(1);
}

.pretty.p-default .state label:after {
  transform: scale(.6);
}

.pretty.p-default input:checked ~ .state label:after {
  background-color: #bdc3c7 !important;
}

.pretty.p-default.p-thick .state label:before,
.pretty.p-default.p-thick .state label:after {
  border-width: .1428571429em;
}

.pretty.p-default.p-thick .state label:after {
  transform: scale(.4) !important;
}

.pretty.p-icon .state .icon {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc(0% - (100% - 1em) - 8%);
  border: 1px solid transparent;
  opacity: 0;
}

.pretty.p-icon .state .icon:before {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

.pretty.p-icon input:checked ~ .state .icon {
  opacity: 1;
}

.pretty.p-icon input:checked ~ .state label:before {
  border-color: #5a656b;
}

.pretty.p-svg .state .svg {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc(0% - (100% - 1em) - 8%);
  border: 1px solid transparent;
  opacity: 0;
}

.pretty.p-svg .state svg {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

.pretty.p-svg input:checked ~ .state .svg {
  opacity: 1;
}

.pretty.p-image .state img {
  opacity: 0;
  position: absolute;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  top: 0;
  top: calc(0% - (100% - 1em) - 8%);
  left: 0;
  z-index: 0;
  text-align: center;
  line-height: normal;
  transform: scale(.8);
}

.pretty.p-image input:checked ~ .state img {
  opacity: 1;
}

.pretty.p-switch input {
  min-width: 2em;
}

.pretty.p-switch .state {
  position: relative;
}

.pretty.p-switch .state:before {
  content: "";
  border: 1px solid #bdc3c7;
  border-radius: 60px;
  width: 2em;
  box-sizing: unset;
  height: calc(1em + 2px);
  position: absolute;
  top: 0;
  top: calc(0% - (100% - 1em) - 16%);
  z-index: 0;
  transition: all .5s ease;
}

.pretty.p-switch .state label {
  text-indent: 2.5em;
}

.pretty.p-switch .state label:before,
.pretty.p-switch .state label:after {
  transition: all .5s ease;
  border-radius: 100%;
  left: 0;
  border-color: transparent;
  transform: scale(.8);
}

.pretty.p-switch .state label:after {
  background-color: #bdc3c7 !important;
}

.pretty.p-switch input:checked ~ .state:before {
  border-color: #5a656b;
}

.pretty.p-switch input:checked ~ .state label:before {
  opacity: 0;
}

.pretty.p-switch input:checked ~ .state label:after {
  background-color: #5a656b !important;
  left: 1em;
}

.pretty.p-switch.p-fill input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}

.pretty.p-switch.p-fill input:checked ~ .state label:before {
  opacity: 0;
}

.pretty.p-switch.p-fill input:checked ~ .state label:after {
  background-color: #fff !important;
  left: 1em;
}

.pretty.p-switch.p-slim .state:before {
  height: .1em;
  background: #bdc3c7 !important;
  top: calc(50% - .1em);
}

.pretty.p-switch.p-slim input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}

.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
  display: none;
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover {
  display: block;
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
  display: block;
}

.pretty.p-has-focus input:focus ~ .state label:before {
  box-shadow: 0px 0px 3px 0px rgb(189, 195, 199);
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) {
  display: none;
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate {
  display: block;
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon {
  display: block;
  opacity: 1;
}

.pretty.p-toggle .state.p-on {
  opacity: 0;
  display: none;
}

.pretty.p-toggle .state.p-off,
.pretty.p-toggle .state .icon,
.pretty.p-toggle .state .svg,
.pretty.p-toggle .state img {
  opacity: 1;
  display: inherit;
}

.pretty.p-toggle .state.p-off .icon {
  color: #bdc3c7;
}

.pretty.p-toggle input:checked ~ .state.p-on {
  opacity: 1;
  display: inherit;
}

.pretty.p-toggle input:checked ~ .state.p-off {
  opacity: 0;
  display: none;
}

.pretty.p-plain input:checked ~ .state label:before,
.pretty.p-plain.p-toggle .state label:before {
  content: none;
}

.pretty.p-plain.p-plain .icon {
  transform: scale(1.1);
}

.pretty.p-round .state label:before,
.pretty.p-round .state label:after {
  border-radius: 100%;
}

.pretty.p-round.p-icon .state .icon {
  border-radius: 100%;
  overflow: hidden;
}

.pretty.p-round.p-icon .state .icon:before {
  transform: scale(.8);
}

.pretty.p-curve .state label:before,
.pretty.p-curve .state label:after {
  border-radius: 20%;
}

.pretty.p-smooth label:before,
.pretty.p-smooth label:after,
.pretty.p-smooth .icon,
.pretty.p-smooth .svg {
  transition: all .5s ease;
}

.pretty.p-smooth input:checked + .state label:after {
  transition: all .3s ease;
}

.pretty.p-smooth input:checked + .state .icon,
.pretty.p-smooth input:checked + .state .svg,
.pretty.p-smooth input:checked + .state img {
  animation: zoom .2s ease;
}

.pretty.p-smooth.p-default input:checked + .state label:after {
  animation: zoom .2s ease;
}

.pretty.p-smooth.p-plain input:checked + .state label:before {
  content: "";
  transform: scale(0);
  transition: all .5s ease;
}

.pretty.p-tada:not(.p-default) input:checked + .state .icon,
.pretty.p-tada:not(.p-default) input:checked + .state .svg,
.pretty.p-tada:not(.p-default) input:checked + .state img,
.pretty.p-tada:not(.p-default) input:checked + .state label:before,
.pretty.p-tada:not(.p-default) input:checked + .state label:after {
  animation: tada .7s cubic-bezier(.25, .46, .45, .94) 1 alternate;
  opacity: 1;
}

.pretty.p-jelly:not(.p-default) input:checked + .state .icon,
.pretty.p-jelly:not(.p-default) input:checked + .state .svg,
.pretty.p-jelly:not(.p-default) input:checked + .state img,
.pretty.p-jelly:not(.p-default) input:checked + .state label:before,
.pretty.p-jelly:not(.p-default) input:checked + .state label:after {
  animation: jelly .7s cubic-bezier(.25, .46, .45, .94);
  opacity: 1;
}

.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  border-color: transparent;
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon,
.pretty.p-rotate:not(.p-default) input:checked ~ .state .svg,
.pretty.p-rotate:not(.p-default) input:checked ~ .state img,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:after {
  animation: rotate .7s cubic-bezier(.25, .46, .45, .94);
  opacity: 1;
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  border-color: transparent;
}

.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
  animation: pulse 1s;
}

.pretty input[disabled] {
  cursor: not-allowed;
  display: none;
}

.pretty input[disabled] ~ * {
  opacity: .5;
}

.pretty.p-locked input {
  display: none;
  cursor: not-allowed;
}

.pretty input:checked ~ .state.p-primary label:after,
.pretty.p-toggle .state.p-primary label:after {
  background-color: #5e2d83 !important;
}

.pretty input:checked ~ .state.p-primary .icon,
.pretty input:checked ~ .state.p-primary .svg,
.pretty.p-toggle .state.p-primary .icon,
.pretty.p-toggle .state.p-primary .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-primary-o label:before,
.pretty.p-toggle .state.p-primary-o label:before {
  border-color: #5e2d83;
}

.pretty input:checked ~ .state.p-primary-o label:after,
.pretty.p-toggle .state.p-primary-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-primary-o .icon,
.pretty input:checked ~ .state.p-primary-o .svg,
.pretty input:checked ~ .state.p-primary-o svg,
.pretty.p-toggle .state.p-primary-o .icon,
.pretty.p-toggle .state.p-primary-o .svg,
.pretty.p-toggle .state.p-primary-o svg {
  color: #5e2d83;
  stroke: #5e2d83;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
  background-color: #5e2d83 !important;
}

.pretty.p-switch input:checked ~ .state.p-primary:before {
  border-color: #5e2d83;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
  background-color: #5e2d83 !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
  border-color: rgb(39.5227272727, 18.9204545455, 55.0795454545);
  background-color: rgb(39.5227272727, 18.9204545455, 55.0795454545) !important;
}

.pretty input:checked ~ .state.p-info label:after,
.pretty.p-toggle .state.p-info label:after {
  background-color: #5bc0de !important;
}

.pretty input:checked ~ .state.p-info .icon,
.pretty input:checked ~ .state.p-info .svg,
.pretty.p-toggle .state.p-info .icon,
.pretty.p-toggle .state.p-info .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-info-o label:before,
.pretty.p-toggle .state.p-info-o label:before {
  border-color: #5bc0de;
}

.pretty input:checked ~ .state.p-info-o label:after,
.pretty.p-toggle .state.p-info-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-info-o .icon,
.pretty input:checked ~ .state.p-info-o .svg,
.pretty input:checked ~ .state.p-info-o svg,
.pretty.p-toggle .state.p-info-o .icon,
.pretty.p-toggle .state.p-info-o .svg,
.pretty.p-toggle .state.p-info-o svg {
  color: #5bc0de;
  stroke: #5bc0de;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
  background-color: #5bc0de !important;
}

.pretty.p-switch input:checked ~ .state.p-info:before {
  border-color: #5bc0de;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
  background-color: #5bc0de !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
  border-color: rgb(35.345177665, 143.5228426396, 175.654822335);
  background-color: rgb(35.345177665, 143.5228426396, 175.654822335) !important;
}

.pretty input:checked ~ .state.p-success label:after,
.pretty.p-toggle .state.p-success label:after {
  background-color: #5cb85c !important;
}

.pretty input:checked ~ .state.p-success .icon,
.pretty input:checked ~ .state.p-success .svg,
.pretty.p-toggle .state.p-success .icon,
.pretty.p-toggle .state.p-success .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-success-o label:before,
.pretty.p-toggle .state.p-success-o label:before {
  border-color: #5cb85c;
}

.pretty input:checked ~ .state.p-success-o label:after,
.pretty.p-toggle .state.p-success-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-success-o .icon,
.pretty input:checked ~ .state.p-success-o .svg,
.pretty input:checked ~ .state.p-success-o svg,
.pretty.p-toggle .state.p-success-o .icon,
.pretty.p-toggle .state.p-success-o .svg,
.pretty.p-toggle .state.p-success-o svg {
  color: #5cb85c;
  stroke: #5cb85c;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
  background-color: #5cb85c !important;
}

.pretty.p-switch input:checked ~ .state.p-success:before {
  border-color: #5cb85c;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
  background-color: #5cb85c !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
  border-color: rgb(52.7948717949, 121.2051282051, 52.7948717949);
  background-color: rgb(52.7948717949, 121.2051282051, 52.7948717949) !important;
}

.pretty input:checked ~ .state.p-warning label:after,
.pretty.p-toggle .state.p-warning label:after {
  background-color: #f0ad4e !important;
}

.pretty input:checked ~ .state.p-warning .icon,
.pretty input:checked ~ .state.p-warning .svg,
.pretty.p-toggle .state.p-warning .icon,
.pretty.p-toggle .state.p-warning .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-warning-o label:before,
.pretty.p-toggle .state.p-warning-o label:before {
  border-color: #f0ad4e;
}

.pretty input:checked ~ .state.p-warning-o label:after,
.pretty.p-toggle .state.p-warning-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-warning-o .icon,
.pretty input:checked ~ .state.p-warning-o .svg,
.pretty input:checked ~ .state.p-warning-o svg,
.pretty.p-toggle .state.p-warning-o .icon,
.pretty.p-toggle .state.p-warning-o .svg,
.pretty.p-toggle .state.p-warning-o svg {
  color: #f0ad4e;
  stroke: #f0ad4e;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
  background-color: #f0ad4e !important;
}

.pretty.p-switch input:checked ~ .state.p-warning:before {
  border-color: #f0ad4e;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
  background-color: #f0ad4e !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
  border-color: rgb(199.125, 123.75, 16.875);
  background-color: rgb(199.125, 123.75, 16.875) !important;
}

.pretty input:checked ~ .state.p-danger label:after,
.pretty.p-toggle .state.p-danger label:after {
  background-color: #d9534f !important;
}

.pretty input:checked ~ .state.p-danger .icon,
.pretty input:checked ~ .state.p-danger .svg,
.pretty.p-toggle .state.p-danger .icon,
.pretty.p-toggle .state.p-danger .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-danger-o label:before,
.pretty.p-toggle .state.p-danger-o label:before {
  border-color: #d9534f;
}

.pretty input:checked ~ .state.p-danger-o label:after,
.pretty.p-toggle .state.p-danger-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-danger-o .icon,
.pretty input:checked ~ .state.p-danger-o .svg,
.pretty input:checked ~ .state.p-danger-o svg,
.pretty.p-toggle .state.p-danger-o .icon,
.pretty.p-toggle .state.p-danger-o .svg,
.pretty.p-toggle .state.p-danger-o svg {
  color: #d9534f;
  stroke: #d9534f;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
  background-color: #d9534f !important;
}

.pretty.p-switch input:checked ~ .state.p-danger:before {
  border-color: #d9534f;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
  background-color: #d9534f !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
  border-color: rgb(159.5514018692, 38.0747663551, 34.4485981308);
  background-color: rgb(159.5514018692, 38.0747663551, 34.4485981308) !important;
}

.pretty.p-bigger label:before,
.pretty.p-bigger label:after,
.pretty.p-bigger .icon,
.pretty.p-bigger .svg,
.pretty.p-bigger .img {
  font-size: 1.2em !important;
  top: calc(0% - (100% - 1em) - 35%) !important;
}

.pretty.p-bigger label {
  text-indent: 1.7em;
}

@media print {
  .pretty .state:before,
  .pretty .state label:before,
  .pretty .state label:after,
  .pretty .state .icon {
    color-adjust: exact;
    /* stylelint-disable */
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
}

.pagination-wrapper {
  display: flex;
  flex-direction: row;
}

.pagination-wrapper p {
  font-weight: 500;
  margin-right: 1rem;
  color: #808080;
  font-size: 1.125rem;
}

.pagination-wrapper p:hover {
  color: #22292f;
  cursor: pointer;
}

.pagination-wrapper p.active {
  color: #5e2d83;
}

.field-wrapper {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.field-wrapper .field-header {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}

.field-wrapper .field-header .field-heading {
  font-weight: 500;
  font-size: 1.5rem;
  border-bottom-width: 1px;
  border-color: #cacaca;
  padding-bottom: .5rem;
}

.field-wrapper .field-header .field-title {
  font-weight: 500;
  font-size: 1.35rem;
}

.field-wrapper .field-header .field-tip {
  margin-left: .5rem;
  margin-top: auto;
  margin-bottom: auto;
}

.field-wrapper .field-header .field-tip .help-icon {
  color: #5e2d83;
}

.field-wrapper .field-subtitle {
  color: #808080;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.field-wrapper .checkboxes-container {
  display: flex;
  flex-direction: column;
}

.field-wrapper .checkboxes-container .checkbox {
  margin-bottom: 1rem;
}

.field-wrapper .checkboxes-container .checkbox:last-of-type {
  margin-bottom: 0;
}

.field-wrapper .date-picker-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .field-wrapper .date-picker-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

.field-wrapper .date-picker-container .date-picker {
  margin-bottom: 2rem;
  width: 100%;
}

.field-wrapper .date-picker-container .date-picker:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .field-wrapper .date-picker-container .date-picker:first-of-type {
    margin-right: .5rem;
    margin-bottom: 0;
  }

  .field-wrapper .date-picker-container .date-picker:last-of-type {
    margin-left: .5rem;
    margin-bottom: 0;
  }
}

.field-wrapper .date-picker-container .calendar .datepicker-controls .datepicker-container-label {
  height: unset !important;
}

.field-wrapper .errors {
  color: #e95e4f;
  margin-top: .5rem;
  font-weight: 500;
}

.login-page {
  height: 100vh;
  font-family: futura-pt, sans-serif;
}

.login-page .content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.login-page .content .form-container {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  .login-page .content .form-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  .login-page .content .form-container {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.login-page .content .form-container .title {
  font-size: 3rem;
  text-align: left;
  margin-top: 10rem;
  margin-bottom: 2.5rem;
  font-weight: 400;
}

.login-page .content .form-container .input-container {
  margin-bottom: 3rem;
}

.login-page .content .form-container .input-container .input-field {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 2px;
  border-color: #cacaca;
  width: 100%;
  padding: 1rem;
  color: #808080;
  font-size: 1.125rem;
  margin-bottom: .75rem;
}

.login-page .content .form-container .input-container .invalid-feedback {
  color: #e95e4f;
  font-size: 1.125rem;
  font-weight: 400;
}

.login-page .content .form-container .login-options {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 1.125rem;
}

.login-page .content .form-container .login-options .checkbox-field label {
  color: #808080;
}

.login-page .content .form-container .login-options .forgot-password {
  text-align: right;
}

.login-page .content .form-container .login-options .forgot-password a {
  color: #5e2d83;
}

.login-page .content .form-container .login-options .forgot-password a:hover {
  color: #4e2170;
  text-decoration: underline;
}

.login-page .content .form-container .submit-button-container {
  margin-top: 5rem;
  display: flex;
}

.login-page .content .form-container .submit-button-container button {
  background-color: #5e2d83;
  color: #fff;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
}

.login-page .content .form-container .submit-button-container button:hover {
  background-color: #4e2170;
}

.login-page .content .form-container .register-text-container {
  display: flex;
  margin-top: 2.5rem;
}

.login-page .content .form-container .register-text-container .register-text {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  font-size: 1.125rem;
}

.login-page .content .form-container .register-text-container .register-text p {
  color: #808080;
  margin-right: .5rem;
}

.login-page .content .form-container .register-text-container .register-text a {
  color: #5e2d83;
}

.login-page .content .form-container .register-text-container .register-text a:hover {
  color: #4e2170;
  text-decoration: underline;
}

.forgot-password-page {
  height: 100vh;
  font-family: futura-pt, sans-serif;
}

.forgot-password-page .content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.forgot-password-page .content .form-container {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  .forgot-password-page .content .form-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  .forgot-password-page .content .form-container {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.forgot-password-page .content .form-container .title {
  font-size: 3rem;
  text-align: left;
  margin-top: 10rem;
  margin-bottom: 2.5rem;
  font-weight: 400;
}

.forgot-password-page .content .form-container .sub-title-text {
  font-size: 1.25rem;
  text-align: left;
  line-height: 1.75;
  font-weight: 500;
  margin-bottom: 2rem;
}

.forgot-password-page .content .form-container .input-container {
  margin-bottom: 3rem;
}

.forgot-password-page .content .form-container .input-container .input-field {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 2px;
  border-color: #cacaca;
  width: 100%;
  padding: 1rem;
  color: #808080;
  font-size: 1.125rem;
  margin-bottom: .75rem;
}

.forgot-password-page .content .form-container .input-container .invalid-feedback {
  color: #e95e4f;
  font-size: 1.125rem;
  font-weight: 400;
}

.forgot-password-page .content .form-container .submit-button-container {
  margin-top: 5rem;
  display: flex;
}

.forgot-password-page .content .form-container .submit-button-container button {
  background-color: #5e2d83;
  color: #fff;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
}

.forgot-password-page .content .form-container .submit-button-container button:hover {
  background-color: #4e2170;
}

.forgot-password-page .content .form-container .cancel-container {
  display: flex;
  margin-top: 1.5rem;
}

.forgot-password-page .content .form-container .cancel-container a {
  color: #5e2d83;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
}

.forgot-password-page .content .form-container .cancel-container a:hover {
  color: #4e2170;
  text-decoration: underline;
}

.register-page {
  height: 100vh;
  font-family: futura-pt, sans-serif;
}

.register-page .content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.register-page .content .form-container {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  .register-page .content .form-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  .register-page .content .form-container {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.register-page .content .form-container .title {
  font-size: 3rem;
  text-align: left;
  margin-top: 10rem;
  margin-bottom: 2.5rem;
  font-weight: 400;
}

.register-page .content .form-container .input-container {
  margin-bottom: 3rem;
}

.register-page .content .form-container .input-container .input-field {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 2px;
  border-color: #cacaca;
  width: 100%;
  padding: 1rem;
  color: #808080;
  font-size: 1.125rem;
  margin-bottom: .75rem;
  background-color: #fff;
}

.register-page .content .form-container .input-container .select-field {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 2px;
  border-color: #cacaca;
  width: 100%;
  padding: 1rem;
  color: #808080;
  font-size: 1.125rem;
  margin-bottom: .75rem;
  background-color: #fff;
}

.register-page .content .form-container .input-container .select-field:invalid {
  color: #cacaca;
}

.register-page .content .form-container .input-container .invalid-feedback {
  color: #e95e4f;
  font-size: 1.125rem;
  font-weight: 400;
}

.register-page .content .form-container .submit-button-container {
  margin-top: 5rem;
  display: flex;
}

.register-page .content .form-container .submit-button-container button {
  background-color: #5e2d83;
  color: #fff;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
}

.register-page .content .form-container .submit-button-container button:hover {
  background-color: #4e2170;
}

.register-page .content .form-container .cancel-text-container {
  display: flex;
  margin-top: 2.5rem;
}

.register-page .content .form-container .cancel-text-container .cancel-text {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  font-size: 1.125rem;
}

.register-page .content .form-container .cancel-text-container .cancel-text p {
  color: #808080;
  margin-right: .5rem;
}

.register-page .content .form-container .cancel-text-container .cancel-text a {
  color: #5e2d83;
  margin-left: auto;
  margin-right: auto;
}

.register-page .content .form-container .cancel-text-container .cancel-text a:hover {
  color: #4e2170;
  text-decoration: underline;
}

.reset-password-page {
  height: 100vh;
  font-family: futura-pt, sans-serif;
  background-image: url("/images/arkafort-logo-icon-grey.svg");
  background-repeat: no-repeat;
  background-position: -100px 125%;
  background-size: 50%;
}

.reset-password-page .content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.reset-password-page .content .form-container {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  .reset-password-page .content .form-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  .reset-password-page .content .form-container {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.reset-password-page .content .form-container .title {
  font-size: 3rem;
  text-align: left;
  margin-top: 10rem;
  margin-bottom: 2.5rem;
  font-weight: 400;
}

.reset-password-page .content .form-container .sub-title-text {
  font-size: 1.25rem;
  text-align: left;
  line-height: 1.75;
  font-weight: 500;
  margin-bottom: 2rem;
}

.reset-password-page .content .form-container .input-container {
  margin-bottom: 3rem;
}

.reset-password-page .content .form-container .input-container .input-field {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 2px;
  border-color: #cacaca;
  width: 100%;
  padding: 1rem;
  color: #808080;
  font-size: 1.125rem;
  margin-bottom: .75rem;
}

.reset-password-page .content .form-container .input-container .invalid-feedback {
  color: #e95e4f;
  font-size: 1.125rem;
  font-weight: 400;
}

.reset-password-page .content .form-container .submit-button-container {
  margin-top: 5rem;
  display: flex;
}

.reset-password-page .content .form-container .submit-button-container button {
  background-color: #5e2d83;
  color: #fff;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
}

.reset-password-page .content .form-container .submit-button-container button:hover {
  background-color: #4e2170;
}

.reset-password-page .content .form-container .cancel-container {
  display: flex;
  margin-top: 1.5rem;
}

.reset-password-page .content .form-container .cancel-container a {
  color: #5e2d83;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
}

.reset-password-page .content .form-container .cancel-container a:hover {
  color: #4e2170;
  text-decoration: underline;
}

.verify-page {
  height: 100vh;
  font-family: futura-pt, sans-serif;
}

.verify-page .content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.verify-page .content .title {
  font-size: 3rem;
  text-align: center;
  margin-top: 10rem;
  margin-bottom: 2.5rem;
  font-weight: 400;
  margin-left: auto;
  margin-right: auto;
}

.verify-page .content .text {
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 1rem;
  font-weight: 400;
  margin-left: auto;
  margin-right: auto;
}

.verify-page .content .text:last-of-type {
  margin-bottom: 0;
}

.verify-page .content .submit-button-container {
  margin-top: 5rem;
  display: flex;
}

.verify-page .content .submit-button-container button {
  background-color: #5e2d83;
  color: #fff;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
}

.verify-page .content .submit-button-container button:hover {
  background-color: #4e2170;
}

.mark-change-requests-page > .requests-container > .rows-wrapper > .row {
  cursor: pointer;
}

.evaluations-applications-page > .assessor-top-bar {
  width: 90%;
}

.evaluations-applications-page > .rows-wrapper > .row > .transparent {
  color: transparent;
}

.evaluations-applications-page > .rows-wrapper > .assessor-row > .item-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
}

.evaluations-applications-page > .rows-wrapper > .assessor-row > .item-wrapper > .item {
  width: 20%;
  margin-top: auto;
  margin-bottom: auto;
}

.evaluations-applications-page > .rows-wrapper > .assessor-row > .item-wrapper > .item.input-wrapper {
  display: flex;
  flex-direction: row;
}

.evaluations-applications-page > .rows-wrapper > .assessor-row > .item-wrapper > .item.input-wrapper > svg {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.evaluations-applications-page > .rows-wrapper > .assessor-row > .item-wrapper > .item.input-wrapper > .input {
  background-color: #f9f9f9;
  width: 7rem;
  border-width: 1px;
  border-color: #cacaca;
  margin-left: .5rem;
}

.evaluations-applications-page > .rows-wrapper > .assessor-row > .icon-wrapper {
  display: flex;
  flex-direction: row;
}

.evaluations-applications-page > .rows-wrapper > .assessor-row > .icon-wrapper .icon {
  color: #5e2d83;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: .5rem;
  margin-right: .5rem;
}

.evaluations-applications-page > .rows-wrapper > .assessor-row > .icon-wrapper .icon:hover {
  cursor: pointer;
  color: #4e2170;
}

.evaluations-applications-page > .rows-wrapper > .assessor-row > .icon-wrapper .icon:last-of-type {
  margin-right: 0;
}

.evaluations-applications-page > .rows-wrapper > .assessor-row:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

.manager-call-page > .applications-container > .top-bar {
  width: 90%;
}

.manager-call-page > .applications-container > .top-bar > p {
  width: 20%;
}

.manager-call-page > .applications-container > .top-bar > p:last-of-type {
  text-align: center;
}

.manager-call-page > .applications-container > .rows-wrapper {
  display: flex;
  flex-direction: column;
}

.manager-call-page > .applications-container > .rows-wrapper > .row {
  display: flex;
  flex-direction: row;
  padding: 1.5rem;
  color: #22292f;
  justify-content: space-between;
  font-size: 1.125rem;
  border-width: 1px;
  border-color: #cacaca;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.manager-call-page > .applications-container > .rows-wrapper > .row:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

.manager-call-page > .applications-container > .rows-wrapper > .row > .item-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
}

.manager-call-page > .applications-container > .rows-wrapper > .row > .item-wrapper > .item {
  width: 20%;
  margin-top: auto;
  margin-bottom: auto;
}

.manager-call-page > .applications-container > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper {
  display: flex;
  flex-direction: row;
}

.manager-call-page > .applications-container > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper > svg {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.manager-call-page > .applications-container > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper > .input {
  background-color: #f9f9f9;
  width: 7rem;
  border-width: 1px;
  border-color: #cacaca;
  margin-left: .5rem;
}

.manager-call-page > .applications-container > .rows-wrapper > .row > .icon-wrapper {
  display: flex;
  flex-direction: row;
}

.manager-call-page > .applications-container > .rows-wrapper > .row > .icon-wrapper .icon {
  color: #5e2d83;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 1rem;
  margin-right: 1rem;
}

.manager-call-page > .applications-container > .rows-wrapper > .row > .icon-wrapper .icon:hover {
  cursor: pointer;
  color: #4e2170;
}

.manager-call-page > .applications-container > .rows-wrapper > .row > .icon-wrapper .icon:last-of-type {
  margin-right: 0;
}

.manager-calls-page > .top-bar {
  width: 90%;
}

.manager-calls-page > .top-bar > p {
  width: 33.33333%;
}

.manager-calls-page > .top-bar > p:last-of-type {
  text-align: center;
}

.manager-calls-page > .rows-wrapper {
  display: flex;
  flex-direction: column;
}

.manager-calls-page > .rows-wrapper > .row {
  display: flex;
  flex-direction: row;
  padding: 1.5rem;
  color: #22292f;
  justify-content: space-between;
  font-size: 1.125rem;
  border-width: 1px;
  border-color: #cacaca;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.manager-calls-page > .rows-wrapper > .row:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

.manager-calls-page > .rows-wrapper > .row > .item-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
}

.manager-calls-page > .rows-wrapper > .row > .item-wrapper > .item {
  width: 33.33333%;
  margin-top: auto;
  margin-bottom: auto;
}

.manager-calls-page > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper {
  display: flex;
  flex-direction: row;
}

.manager-calls-page > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper > svg {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.manager-calls-page > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper > .input {
  background-color: #f9f9f9;
  width: 7rem;
  border-width: 1px;
  border-color: #cacaca;
  margin-left: .5rem;
}

.manager-calls-page > .rows-wrapper > .row > .icon-wrapper {
  display: flex;
  flex-direction: row;
}

.manager-calls-page > .rows-wrapper > .row > .icon-wrapper .icon {
  color: #5e2d83;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 1rem;
  margin-right: 1rem;
}

.manager-calls-page > .rows-wrapper > .row > .icon-wrapper .icon:hover {
  cursor: pointer;
  color: #4e2170;
}

.manager-calls-page > .rows-wrapper > .row > .icon-wrapper .icon:last-of-type {
  margin-right: 0;
}

.calls-page > .top-bar {
  justify-content: flex-start;
  width: 90%;
}

.calls-page > .top-bar > p {
  width: 33.33333%;
}

.calls-page > .top-bar > p:last-of-type {
  text-align: center;
}

.calls-page > .rows-wrapper {
  display: flex;
  flex-direction: column;
}

.calls-page > .rows-wrapper > .row {
  display: flex;
  flex-direction: row;
  padding: 1.5rem;
  color: #22292f;
  justify-content: space-between;
  font-size: 1.125rem;
  border-width: 1px;
  border-color: #cacaca;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.calls-page > .rows-wrapper > .row:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

.calls-page > .rows-wrapper > .row > .item-wrapper {
  display: flex;
  flex-direction: row;
  width: 90%;
}

.calls-page > .rows-wrapper > .row > .item-wrapper > .item {
  width: 33.33333%;
  margin-top: auto;
  margin-bottom: auto;
}

.calls-page > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper {
  display: flex;
  flex-direction: row;
}

.calls-page > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper > svg {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.calls-page > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper > .input {
  background-color: #f9f9f9;
  width: 7rem;
  border-width: 1px;
  border-color: #cacaca;
  margin-left: .5rem;
}

.calls-page > .rows-wrapper > .row > .icon-wrapper {
  display: flex;
  flex-direction: row;
}

.calls-page > .rows-wrapper > .row > .icon-wrapper .icon {
  color: #5e2d83;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 1rem;
  margin-right: 1rem;
}

.calls-page > .rows-wrapper > .row > .icon-wrapper .icon:hover {
  cursor: pointer;
  color: #4e2170;
}

.calls-page > .rows-wrapper > .row > .icon-wrapper .icon:last-of-type {
  margin-right: 0;
}

.entities-page > .top-bar {
  width: 90%;
}

.entities-page > .top-bar > p {
  width: 25%;
}

.entities-page > .rows-wrapper {
  display: flex;
  flex-direction: column;
}

.entities-page > .rows-wrapper > .row {
  display: flex;
  flex-direction: row;
  padding: 1.5rem;
  color: #22292f;
  justify-content: space-between;
  font-size: 1.125rem;
  border-width: 1px;
  border-color: #cacaca;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.entities-page > .rows-wrapper > .row:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

.entities-page > .rows-wrapper > .row > .item-wrapper {
  display: flex;
  flex-direction: row;
  width: 90%;
}

.entities-page > .rows-wrapper > .row > .item-wrapper > .item {
  width: 25%;
  margin-top: auto;
  margin-bottom: auto;
}

.entities-page > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper {
  display: flex;
  flex-direction: row;
}

.entities-page > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper > svg {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.entities-page > .rows-wrapper > .row > .item-wrapper > .item.input-wrapper > .input {
  background-color: #f9f9f9;
  width: 7rem;
  border-width: 1px;
  border-color: #cacaca;
  margin-left: .5rem;
}

.entities-page > .rows-wrapper > .row > .icon-wrapper {
  display: flex;
  flex-direction: row;
}

.entities-page > .rows-wrapper > .row > .icon-wrapper .icon {
  color: #5e2d83;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 1rem;
  margin-right: 1rem;
}

.entities-page > .rows-wrapper > .row > .icon-wrapper .icon:hover {
  cursor: pointer;
  color: #4e2170;
}

.entities-page > .rows-wrapper > .row > .icon-wrapper .icon:last-of-type {
  margin-right: 0;
}

.manager-funds-page > .top-bar {
  display: flex;
  flex-direction: row;
  font-size: 1.125rem;
  justify-content: space-between;
  margin-top: 2.5rem;
  margin-bottom: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 65%;
}

.manager-funds-page > .top-bar p {
  width: 25%;
  text-align: left;
  font-weight: 500;
}

.manager-funds-page > .top-bar p:first-of-type {
  text-align: left;
}

.manager-funds-page > .top-bar p:last-of-type {
  text-align: left;
}

.manager-funds-page > .rows-wrapper {
  display: flex;
  flex-direction: column;
}

.manager-funds-page > .rows-wrapper > .row {
  display: flex;
  flex-direction: row;
  padding: 1.5rem;
  color: #22292f;
  justify-content: space-between;
  font-size: 1.125rem;
  border-width: 1px;
  border-color: #cacaca;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.manager-funds-page > .rows-wrapper > .row:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}

.manager-funds-page > .rows-wrapper > .row p {
  width: 25%;
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
}

.manager-funds-page > .rows-wrapper > .row p:first-of-type {
  text-align: left;
}

.manager-funds-page > .rows-wrapper > .row p:last-of-type {
  text-align: left;
}

.manager-funds-page > .rows-wrapper > .row > .icon-wrapper {
  display: flex;
  flex-direction: row;
}

.manager-funds-page > .rows-wrapper > .row > .icon-wrapper .icon {
  color: #5e2d83;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 1rem;
  margin-right: 1rem;
}

.manager-funds-page > .rows-wrapper > .row > .icon-wrapper .icon:hover {
  cursor: pointer;
  color: #4e2170;
}

.manager-funds-page > .rows-wrapper > .row > .icon-wrapper .icon:last-of-type {
  margin-right: 0;
}

.top-bar {
  display: flex;
  flex-direction: row;
  font-size: 1.125rem;
  justify-content: space-between;
  margin-top: 2.5rem;
  margin-bottom: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.top-bar p {
  width: 25%;
  text-align: center;
  font-weight: 500;
}

.top-bar p:last-of-type {
  text-align: right;
}

.top-bar p:first-of-type {
  text-align: left;
}

.rows-wrapper {
  display: flex;
  flex-direction: column;
}

.rows-wrapper > .row {
  display: flex;
  flex-direction: row;
  padding: 1.5rem;
  color: #22292f;
  justify-content: space-between;
  font-size: 1.125rem;
  border-width: 1px;
  border-color: #cacaca;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.rows-wrapper > .row:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}

.rows-wrapper > .row p {
  width: 25%;
  text-align: center;
}

.rows-wrapper > .row p:last-of-type {
  text-align: right;
}

.rows-wrapper > .row p:first-of-type {
  text-align: left;
}

.rows-wrapper > .row > .icon-wrapper {
  display: flex;
  flex-direction: row;
}

.rows-wrapper > .row > .icon-wrapper .icon {
  color: #5e2d83;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 1rem;
  margin-right: 1rem;
}

.rows-wrapper > .row > .icon-wrapper .icon:hover {
  cursor: pointer;
  color: #4e2170;
}

.rows-wrapper > .row > .icon-wrapper .icon:last-of-type {
  margin-right: 0;
}

.form-page {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
  margin-right: 1rem;
}

@media (min-width: 768px) {
  .form-page {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}

@media (min-width: 992px) {
  .form-page {
    margin-left: 6rem;
    margin-right: 6rem;
  }
}

@media (min-width: 1220px) {
  .form-page {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}

@media (min-width: 1500px) {
  .form-page {
    margin-left: 23rem;
    margin-right: 23rem;
  }
}

.form-page h1 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  font-weight: 500;
}

.form-page.profile-form {
  margin-left: 0;
  margin-right: auto;
  margin-top: 2.5rem;
}

.form-page.profile-form > .form-container {
  margin-left: 0;
}

.form-page .form-container {
  display: flex;
  flex-direction: column;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.form-page .form-container > section {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 2rem;
}

.form-page .form-container > section .error {
  border-color: #e95e4f;
}

.form-page .form-container > section .error .multiselect__tags {
  border: solid 2px #e95e4f !important;
}

.form-page .form-container > section .errors p {
  font-size: 1rem;
}

.form-page .form-container > section > .section-title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
}

.form-page .form-container > section > input,
.form-page .form-container > section .multiselect,
.form-page .form-container > section textarea {
  margin-bottom: 1rem;
}

.form-page .form-container > section:last-of-type {
  border-top-width: 1px;
  border-color: #cacaca;
}

.form-page .form-container > section .file-upload-container {
  display: flex;
  flex-direction: column;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.form-page .form-container > section .file-upload-container .file-upload-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: .5rem;
}

.form-page .form-container > section .file-upload-container .file-upload-subtitle {
  font-size: 1.125rem;
  color: #808080;
  margin-bottom: 1rem;
  line-height: 1.75;
}

.form-page .form-container > section .file-upload-container .upload {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  text-align: left;
  width: unset;
}

.form-page .form-container > section .file-upload-container .upload .input-file {
  width: .1px;
  height: .1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.form-page .form-container > section .file-upload-container .upload label {
  cursor: pointer;
}

.form-page .form-container > section .file-upload-container .file-upload {
  width: 100%;
  padding: .75rem;
  border-width: 2px;
  border-color: #5e2d83;
  font-size: .875rem;
  display: flex;
  flex-direction: row;
  height: 100%;
}

.form-page .form-container > section .file-upload-container .file-upload svg {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1.125rem;
  margin-right: .5rem;
  cursor: pointer;
}

.form-page .form-container > section .file-upload-container .file-upload input {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.form-page .form-container > section .file-upload-container .errors p {
  font-size: 1rem;
}

.form-page .form-container > section .check-input {
  margin-bottom: 1rem;
  font-size: 1.125rem;
}

.form-page .form-container > section .submit-button {
  background-color: #00a19a;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5rem;
  padding-right: 5rem;
  margin-top: 2.5rem;
  margin-bottom: 8rem;
}

.tippy-popper {
  z-index: 99999 !important;
}

.tippy-tooltip.list-drop-theme {
  overflow: visible;
  background-color: transparent;
  padding: 0;
  margin: 0;
  z-index: 10002;
}

.tippy-tooltip.list-drop-theme .tippy-backdrop {
  visibility: hidden;
}

.tippy-tooltip.list-drop-theme .tippy-content {
  overflow: visible;
}

form .errors {
  margin-top: .75rem;
  margin-bottom: .25rem;
}

form .errors p {
  font-style: bold;
  font-size: 1rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  color: red;
}

.pretty {
  position: relative !important;
  display: inline-block !important;
  white-space: unset !important;
  margin-right: 1em !important;
  line-height: 1.2 !important;
}

.pretty input {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  min-width: 1em !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2 !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
}

.pretty .state label {
  position: initial !important;
  display: inline-block !important;
  font-weight: normal !important;
  margin: 0 !important;
  text-indent: 1.5em !important;
  min-width: calc(1em + 2px) !important;
}

.pretty .state label:before {
  content: "" !important;
  width: calc(1em + 2px) !important;
  height: calc(1em + 2px) !important;
  display: block !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  border: 1px solid #bdc3c7 !important;
  z-index: 0 !important;
  position: absolute !important;
  left: 0 !important;
  background-color: transparent !important;
  top: 0 !important;
}

.pretty .state label:after {
  content: "" !important;
  width: calc(1em + 2px) !important;
  height: calc(1em + 2px) !important;
  display: block !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  border: 1px solid transparent !important;
  z-index: 0 !important;
  position: absolute !important;
  left: 0 !important;
  background-color: transparent !important;
  top: 0 !important;
}

input.input,
textarea.input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 2px;
  border-color: #cacaca;
  width: 100%;
  padding: 1rem;
  color: #808080;
  font-size: 1.125rem;
}

input.input:hover,
input.input:focus,
textarea.input:hover,
textarea.input:focus {
  outline: 0;
}

input.input.error,
textarea.input.error {
  border-color: #e3342f;
}

input.input.bottom-border,
textarea.input.bottom-border {
  border-width: 0;
  border-bottom-width: 1px;
  border-color: #3a3e3d;
}

input.input.bottom-border.error,
textarea.input.bottom-border.error {
  border-color: #e3342f;
}

input.input.no-margin,
textarea.input.no-margin {
  margin: 0;
}

.v--modal-overlay {
  z-index: 1600 !important;
}

#dateFromPicker-input.date-time-picker,
#dateToPicker-input.date-time-picker,
#datePicker-input.date-time-picker {
  border-radius: 0 !important;
}

#dateFromPicker-input .header-picker,
#dateToPicker-input .header-picker,
#datePicker-input .header-picker {
  background-color: #3a3e3d !important;
}

#dateFromPicker-input .custom-button,
#dateToPicker-input .custom-button,
#datePicker-input .custom-button {
  margin-bottom: auto;
}

#dateFromPicker-input .custom-button.is-selected,
#dateToPicker-input .custom-button.is-selected,
#datePicker-input .custom-button.is-selected {
  color: #fff !important;
}

#dateFromPicker-input .custom-button-effect,
#dateToPicker-input .custom-button-effect,
#datePicker-input .custom-button-effect {
  background-color: #5e2d83 !important;
  color: #fff !important;
}

#dateFromPicker-input .custom-button-content,
#dateToPicker-input .custom-button-content,
#datePicker-input .custom-button-content {
  font-weight: 600;
  font-family: "futura-pt" !important;
}

#dateFromPicker-input .datepicker-day-effect,
#dateToPicker-input .datepicker-day-effect,
#datePicker-input .datepicker-day-effect {
  background-color: #5e2d83 !important;
  color: #3a3e3d !important;
}

#dateFromPicker-input.field-input,
#dateToPicker-input.field-input,
#datePicker-input.field-input {
  border: solid 2px #cacaca !important;
  border-radius: 0 !important;
  padding: 16px !important;
  color: #808080 !important;
  font-family: "futura-pt" !important;
  height: unset !important;
  font-weight: 400 !important;
  font-size: 18px;
  background-color: #fff !important;
}

#dateFromPicker-input.field-label,
#dateToPicker-input.field-label,
#datePicker-input.field-label {
  color: #3a3e3d !important;
}

#dateFromPicker-input .datepicker-container-label,
#dateFromPicker-input .arrow-month,
#dateToPicker-input .datepicker-container-label,
#dateToPicker-input .arrow-month,
#datePicker-input .datepicker-container-label,
#datePicker-input .arrow-month {
  height: unset !important;
}

#dateFromPicker-input ::-moz-placeholder, #dateToPicker-input ::-moz-placeholder, #datePicker-input ::-moz-placeholder {
  color: #3a3e3d !important;
  opacity: 1;
}

#dateFromPicker-input ::placeholder,
#dateToPicker-input ::placeholder,
#datePicker-input ::placeholder {
  color: #3a3e3d !important;
  opacity: 1;
}

/* NOTIFICATION */

.notification {
  padding: .5rem;
  border-left-width: 6px;
}

.notification .notification-title {
  font-size: 1.125rem;
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding: .25rem;
}

.notification .notification-content {
  font-size: 1rem;
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding: .25rem;
}

.notification.warn {
  background: #f6993f;
  color: #fff5eb;
  border-left-color: #de751f;
}

.notification.error {
  background: #ef5753;
  color: #fcebea;
  border-left-color: #e3342f;
}

.notification.success {
  background: #38c172;
  color: #fff;
  border-left-color: #1f9d55;
}

/* SVG PAN CONTROL */

#svg-pan-zoom-controls > g {
  fill-opacity: 1 !important;
  fill: transparent !important;
}

#svg-pan-zoom-controls > g rect {
  fill-opacity: 1 !important;
}

#svg-pan-zoom-controls > g path {
  fill: #212121 !important;
}

.page-title {
  font-size: 2.25rem;
  color: #3a3e3d;
  font-weight: 800;
}

@media (min-width: 992px) {
  .page-title {
    font-size: 3rem;
  }
}

.page-title-wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 992px) {
  .page-title-wrapper {
    padding-top: 4rem;
    margin-bottom: 2rem;
  }
}

.tab {
  border: solid 1px green;
}

.back-button {
  display: flex;
  flex-direction: row;
  color: #5e2d83;
  margin-bottom: 2rem;
  margin-right: auto;
}

.back-button:hover {
  color: #a77bc9;
  cursor: pointer;
}

.back-button svg {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: .5rem;
}

.back-button p {
  font-size: 1.125rem;
  margin-top: auto;
  margin-bottom: auto;
}

.button {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.button.\--primary {
  background-color: #5e2d83;
  border-color: #5e2d83 !important;
}

.button.\--primary:hover,
.button.\--primary:focus {
  background-color: #4e2170 !important;
}

.button.\--primary.\--outline {
  background-color: transparent !important;
  border-color: #5e2d83 !important;
  color: #5e2d83 !important;
  border-width: 2px !important;
}

.button.\--primary.\--outline:hover {
  border-color: #4e2170 !important;
  background-color: transparent !important;
  color: #4e2170 !important;
}

.button.\--primary.\--outline:disabled,
.button.\--primary.\--outline.disabled {
  border-color: #a77bc9 !important;
  background-color: transparent !important;
  color: #a77bc9 !important;
  cursor: not-allowed !important;
}

.button.\--secondary {
  border-color: #00a19a !important;
  background-color: #00a19a !important;
  color: #fff !important;
}

.button.\--secondary:disabled,
.button.\--secondary.disabled {
  border-color: #1f5e8e !important;
  background-color: #1f5e8e !important;
  color: #808080 !important;
  cursor: not-allowed !important;
}

.button.\--secondary:disabled:hover,
.button.\--secondary:disabled:focus,
.button.\--secondary.disabled:hover,
.button.\--secondary.disabled:focus {
  border-color: #1f5e8e !important;
  color: #808080 !important;
}

.button.\--secondary:hover,
.button.\--secondary:focus {
  background-color: #066964 !important;
}

.button.\--secondary.\--outline {
  background-color: transparent !important;
  border-color: #5e2d83 !important;
  color: #5e2d83 !important;
  border-width: 2px !important;
}

.button.\--secondary.\--outline:hover,
.button.\--secondary.\--outline:focus {
  border-color: #066964 !important;
  color: #22292f !important;
}

.button.\--secondary.\--outline:disabled,
.button.\--secondary.\--outline.disabled {
  border-color: #1f5e8e !important;
  color: #808080 !important;
}

.button.\--grey {
  background-color: #cacaca;
  color: #22292f;
}

.button.\--grey:hover,
.button.\--grey:focus {
  background-color: #808080 !important;
}

.button.\--grey.\--outline {
  background-color: transparent !important;
  border-color: #cacaca !important;
  color: #cacaca !important;
  border-width: 2px !important;
}

.button.\--grey.\--outline:hover,
.button.\--grey.\--outline:focus {
  border-color: #808080 !important;
  color: #22292f !important;
}

.button.\--grey.\--outline:disabled,
.button.\--grey.\--outline.disabled {
  border-color: undefined !important;
  color: #22292f !important;
}

.button.\--grey-dark {
  background-color: #3a3e3d;
}

.button.\--white {
  background-color: #fff;
  color: #22292f;
}

.button.\--white.\--outline {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
  border-width: 2px !important;
}

.button:active,
.button:focus {
  outline: 0;
}

.settings-container {
  width: 25%;
  border-left-width: 2px;
  border-color: #cacaca;
  display: flex;
  flex-direction: column;
}

.settings-container .settings-wrapper {
  display: flex;
  flex-direction: column;
}

.settings-container .settings-wrapper .field-title {
  font-weight: 500;
  font-size: 1.35rem;
  margin-bottom: .5rem;
}

.settings-container .settings-wrapper .input {
  margin-bottom: 2rem;
}

.settings-container .settings-wrapper .input.error {
  margin-bottom: 1rem;
  border-color: #e95e4f;
}

.settings-container .settings-wrapper .check-input {
  font-weight: 700;
  font-size: 1.35rem;
}

.settings-container .settings-wrapper > button {
  margin-right: auto;
}

.settings-container .settings-wrapper .custom-button {
  margin-bottom: auto;
  margin-top: 1rem;
}

.settings-container .settings-wrapper .errors {
  font-weight: 700;
  color: #e95e4f;
  margin-bottom: 1rem;
}