/* AVENIR NEXT */
@font-face {
  font-family: "AvenirNext";
  src: url("/assets/AvenirNext-Medium-ae31077c.eot");
  src: url("/assets/AvenirNext-Medium-ae31077c.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-Medium-511719d8.woff") format("woff"), url("/assets/AvenirNext-Medium-c92498ef.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext";
  src: url("/assets/AvenirNext-BoldItalic-ee475404.eot");
  src: url("/assets/AvenirNext-BoldItalic-ee475404.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-BoldItalic-5e0cdad7.woff") format("woff"), url("/assets/AvenirNext-BoldItalic-86157059.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "AvenirNext";
  src: url("/assets/AvenirNext-Bold-ee364597.eot");
  src: url("/assets/AvenirNext-Bold-ee364597.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-Bold-0a5c938c.woff") format("woff"), url("/assets/AvenirNext-Bold-ad92093a.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext";
  src: url("/assets/AvenirNext-DemiBoldItalic-5a700bbe.eot");
  src: url("/assets/AvenirNext-DemiBoldItalic-5a700bbe.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-DemiBoldItalic-093a8774.woff") format("woff"), url("/assets/AvenirNext-DemiBoldItalic-8225fa1e.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "AvenirNext-Light";
  src: url("/assets/AvenirNext-UltraLight-0c908627.eot");
  src: url("/assets/AvenirNext-UltraLight-0c908627.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-UltraLight-9bd3f6b2.woff") format("woff"), url("/assets/AvenirNext-UltraLight-e610ec19.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext";
  src: url("/assets/AvenirNext-Regular-5a708f21.eot");
  src: url("/assets/AvenirNext-Regular-5a708f21.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-Regular-680ef88f.woff") format("woff"), url("/assets/AvenirNext-Regular-210ad9e4.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext-Ultra";
  src: url("/assets/AvenirNext-UltraLightItalic-645911ed.eot");
  src: url("/assets/AvenirNext-UltraLightItalic-645911ed.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-UltraLightItalic-bfc64491.woff") format("woff"), url("/assets/AvenirNext-UltraLightItalic-2cfd167d.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "AvenirNext";
  src: url("/assets/AvenirNext-DemiBold-e8eb8da9.eot");
  src: url("/assets/AvenirNext-DemiBold-e8eb8da9.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-DemiBold-93d4a546.woff") format("woff"), url("/assets/AvenirNext-DemiBold-450fbbda.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext-Heavy";
  src: url("/assets/AvenirNext-HeavyItalic-fabed190.eot");
  src: url("/assets/AvenirNext-HeavyItalic-fabed190.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-HeavyItalic-a3f715be.woff") format("woff"), url("/assets/AvenirNext-HeavyItalic-4330bd27.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "AvenirNext";
  src: url("/assets/AvenirNext-Italic-98e98488.eot");
  src: url("/assets/AvenirNext-Italic-98e98488.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-Italic-8de4ad3c.woff") format("woff"), url("/assets/AvenirNext-Italic-0c9c5f29.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "AvenirNext-Heavy";
  src: url("/assets/AvenirNext-Heavy-2d9ed315.eot");
  src: url("/assets/AvenirNext-Heavy-2d9ed315.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-Heavy-0eb9dce1.woff") format("woff"), url("/assets/AvenirNext-Heavy-771d347b.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext";
  src: url("/assets/AvenirNext-MediumItalic-a5a6f2b4.eot");
  src: url("/assets/AvenirNext-MediumItalic-a5a6f2b4.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirNext-MediumItalic-0a394472.woff") format("woff"), url("/assets/AvenirNext-MediumItalic-69d1c992.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
/* BASKERVILLE */
@font-face {
  font-family: "Baskerville-Semi";
  src: url("/assets/Baskerville-SemiBold-9ed31eeb.eot");
  src: url("/assets/Baskerville-SemiBold-9ed31eeb.eot?#iefix") format("embedded-opentype"), url("/assets/Baskerville-SemiBold-08e3089e.woff") format("woff"), url("/assets/Baskerville-SemiBold-77fe95db.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Baskerville";
  src: url("/assets/Baskerville-9df54b0e.eot");
  src: url("/assets/Baskerville-9df54b0e.eot?#iefix") format("embedded-opentype"), url("/assets/Baskerville-99ffc156.woff") format("woff"), url("/assets/Baskerville-38de5080.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Baskerville";
  src: url("/assets/Baskerville-Italic-5742bf60.eot");
  src: url("/assets/Baskerville-Italic-5742bf60.eot?#iefix") format("embedded-opentype"), url("/assets/Baskerville-Italic-82a38e40.woff") format("woff"), url("/assets/Baskerville-Italic-f65e44a0.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Baskerville";
  src: url("/assets/Baskerville-Bold-7ed1419a.eot");
  src: url("/assets/Baskerville-Bold-7ed1419a.eot?#iefix") format("embedded-opentype"), url("/assets/Baskerville-Bold-7f50995d.woff") format("woff"), url("/assets/Baskerville-Bold-8f9d3980.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Baskerville-Semi";
  src: url("/assets/Baskerville-SemiBoldItalic-fb74ada2.eot");
  src: url("/assets/Baskerville-SemiBoldItalic-fb74ada2.eot?#iefix") format("embedded-opentype"), url("/assets/Baskerville-SemiBoldItalic-e3ebb2e4.woff") format("woff"), url("/assets/Baskerville-SemiBoldItalic-cd972856.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Baskerville";
  src: url("/assets/Baskerville-BoldItalic-79f0bee6.eot");
  src: url("/assets/Baskerville-BoldItalic-79f0bee6.eot?#iefix") format("embedded-opentype"), url("/assets/Baskerville-BoldItalic-888fcf87.woff") format("woff"), url("/assets/Baskerville-BoldItalic-0884854c.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
.noty_layout_mixin,
#noty_layout__top,
#noty_layout__topLeft,
#noty_layout__topCenter,
#noty_layout__topRight,
#noty_layout__bottom,
#noty_layout__bottomLeft,
#noty_layout__bottomCenter,
#noty_layout__bottomRight,
#noty_layout__center,
#noty_layout__centerLeft,
#noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%;
}

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%;
}

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px;
}

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__topRight {
  top: 25px;
  right: 25px;
  width: 325px;
}

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%;
}

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px;
}

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px;
}

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - 0.5px), -webkit-calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

.noty_progressbar {
  display: none;
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10);
}

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden;
}

.noty_effects_open {
  opacity: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: noty_anim_in 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: noty_anim_in 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.noty_effects_close {
  -webkit-animation: noty_anim_out 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: noty_anim_out 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.noty_fix_effects_height {
  -webkit-animation: noty_anim_height 75ms ease-out;
  animation: noty_anim_height 75ms ease-out;
}

.noty_close_with_click {
  cursor: pointer;
}

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: 0.3;
  left: 0;
  top: 0;
}

.noty_modal.noty_modal_open {
  opacity: 0;
  -webkit-animation: noty_modal_in 0.3s ease-out;
  animation: noty_modal_in 0.3s ease-out;
}

.noty_modal.noty_modal_close {
  -webkit-animation: noty_modal_out 0.3s ease-out;
  animation: noty_modal_out 0.3s ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes noty_modal_in {
  100% {
    opacity: 0.3;
  }
}
@keyframes noty_modal_in {
  100% {
    opacity: 0.3;
  }
}
@-webkit-keyframes noty_modal_out {
  100% {
    opacity: 0;
  }
}
@keyframes noty_modal_out {
  100% {
    opacity: 0;
  }
}
@keyframes noty_modal_out {
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}
@-webkit-keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
    transform: translate(50%);
    opacity: 0;
  }
}
@keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
    transform: translate(50%);
    opacity: 0;
  }
}
@-webkit-keyframes noty_anim_height {
  100% {
    height: 0;
  }
}
@keyframes noty_anim_height {
  100% {
    height: 0;
  }
}

.noty_theme__applepie.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.noty_theme__applepie.noty_bar .noty_body {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  white-space: pre-line;
}

.noty_theme__applepie.noty_bar .noty_buttons {
  padding: 10px;
}

.noty_theme__applepie.noty_type__success {
  background-color: #48c77a;
  color: white;
}

.noty_theme__applepie.noty_type__alert {
  background-color: #31a1e5;
  color: white;
}

.noty_theme__applepie.noty_type__warning {
  background-color: #ff8306;
  color: white;
}

.noty_theme__applepie.noty_type__error {
  background-color: #e91c1c;
  color: white;
}

.noty_theme__applepie.noty_type__error .noty_progressbar {
  opacity: 0.4;
}

.noty_theme__applepie.noty_type__info,
.noty_theme__applepie.noty_type__information {
  background-color: #31a1e5;
  color: white;
}

.noty_theme__applepie.noty_type__info .noty_progressbar,
.noty_theme__applepie.noty_type__information .noty_progressbar {
  opacity: 0.6;
}

#browser-warning {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: #e91c1c;
  border-top: 1px solid white;
  z-index: 999999;
}
#browser-warning p {
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  color: white;
  text-align: center;
  margin: 0 !important;
}

.flexible-space {
  flex: 1 1 100%;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 20;
}

.mobile {
  left: 0% !important;
  margin: 0% 0 0 0% !important;
  min-width: 300px !important;
  width: 100% !important;
}
.mobile .header {
  min-width: 300px !important;
}

#modal, #modal.quick {
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  display: block;
  background-color: white;
  margin: 0;
  padding: 25px;
  padding-top: 0;
  font-weight: normal;
  top: 100px;
  position: fixed;
  min-width: 600px;
  width: 40%;
  z-index: 22;
  overflow-y: scroll;
  max-height: 85%;
}
#modal .body {
  padding-top: 40px;
}
#modal .body .notice {
  width: 100%;
  margin: 25px 0 0 0;
}
#modal .header {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  display: flex;
  position: fixed;
  width: calc(40% - 2px);
  min-width: 598px;
  align-items: center;
  margin-top: 0;
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 0;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fdfdfd;
  height: 40px;
}
#modal .header h1 {
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: normal;
  margin-left: 8px;
  color: #777;
}
#modal .header .flexible-space {
  flex: 1 1 100%;
}
#modal .header .button, #modal .header input[type=file]::file-selector-button, #modal .header .big-button {
  flex: 0 0 auto;
  margin-right: 8px;
}
#modal h2, #modal.quick h2 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 25px;
}
#modal h3, #modal.quick h3 {
  font-size: 14px;
  font-weight: normal;
  margin-top: 0;
}
#modal p, #modal.quick p {
  margin-top: 25px;
  padding: 8px;
}
#modal > ul, #modal.quick > ul {
  margin-top: 25px;
}
#modal li.plus {
  margin-left: 16px;
  list-style-image: url("/assets/plus-32b05e9a.png");
}
#modal li.minus {
  margin-left: 16px;
  list-style-image: url("/assets/minus-b20ed062.png");
}
#modal textarea, #modal.quick textarea {
  margin-top: 25px;
}
#modal table textarea, #modal.quick table textarea {
  margin: 0;
}

#modal, #modal.quick {
  -ms-overflow-style: none;
}

#modal::-webkit-scrollbar, #modal.quick::-webkit-scrollbar {
  display: none;
}

#modal.flex {
  min-width: 600px;
  width: 50%;
  padding: 0;
  overflow: hidden;
}
#modal.flex .flex-content {
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  outline: 1px solid red;
  width: 100%;
}
#modal.flex .flex-content .flex-headers {
  flex: 0 0 100%;
  height: 40px;
  display: flex;
  color: green;
  background-color: #4a45b5;
}
#modal.flex .flex-content .flex-headers .flex-header {
  display: flex;
  padding: 8px;
}
#modal.flex .flex-content .flex-headers .flex-header h1 {
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: bold;
  margin-left: 8px;
  color: white;
}
#modal.flex .flex-content .flex-headers .flex-header .button, #modal.flex .flex-content .flex-headers .flex-header input[type=file]::file-selector-button, #modal.flex .flex-content .flex-headers .flex-header .big-button {
  flex: 0 0 auto;
  margin-left: 8px;
  background-color: rgb(93.5024, 88.9144, 191.6856);
  border-color: rgb(64.9424, 60.5544, 158.8456);
  color: white;
}
#modal.flex .flex-content .flex-headers .flex-header .button:hover, #modal.flex .flex-content .flex-headers .flex-header input[type=file]:hover::file-selector-button, #modal.flex .flex-content .flex-headers .flex-header .big-button:hover {
  background-color: rgb(125.816, 122.146, 204.354);
}
#modal.flex .flex-content .flex-headers .flex-header .button:active, #modal.flex .flex-content .flex-headers .flex-header input[type=file]:active::file-selector-button, #modal.flex .flex-content .flex-headers .flex-header .big-button:active {
  background-color: #ff6352;
}
#modal.flex .flex-content .flex-headers .flex-header .button.success:hover, #modal.flex .flex-content .flex-headers .flex-header input.success[type=file]:hover::file-selector-button, #modal.flex .flex-content .flex-headers .flex-header .success.big-button:hover {
  background-color: rgba(72, 199, 122, 0.7);
}
#modal.flex .flex-content .flex-headers .flex-header .button.success:active, #modal.flex .flex-content .flex-headers .flex-header input.success[type=file]:active::file-selector-button, #modal.flex .flex-content .flex-headers .flex-header .success.big-button:active {
  background-color: #48c77a;
}
#modal.flex .flex-content .flex-headers .flex-header .button.danger:hover, #modal.flex .flex-content .flex-headers .flex-header input.danger[type=file]:hover::file-selector-button, #modal.flex .flex-content .flex-headers .flex-header .danger.big-button:hover {
  background-color: rgba(233, 28, 28, 0.7);
}
#modal.flex .flex-content .flex-headers .flex-header .button.danger:active, #modal.flex .flex-content .flex-headers .flex-header input.danger[type=file]:active::file-selector-button, #modal.flex .flex-content .flex-headers .flex-header .danger.big-button:active {
  background-color: #e91c1c;
}
#modal.flex .flex-content .flex-headers .flex-header.left {
  flex: 1 1 20%;
  min-width: 150px;
  background-color: rgb(66.452, 61.962, 162.538);
  border-radius: 6px 0 0 0;
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  -webkit-box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
}
#modal.flex .flex-content .flex-headers .flex-header.right {
  flex: 1 1 80%;
  min-width: 450px;
}
#modal.flex .flex-content .flex-body {
  flex: 1 1 auto;
  display: flex;
  min-height: 500px;
}
#modal.flex .flex-content .flex-body .flex-col-item {
  flex: 0 0 auto;
  display: flex;
}
#modal.flex .flex-content .flex-body .flex-col-item hr {
  flex: 1 1 auto;
  height: 1px;
  border: none;
  background-color: #ddd;
}
#modal.flex .flex-content .flex-body .flex-col-item span {
  flex: 0 0 auto;
  color: #aaa;
  padding: 8px;
}
#modal.flex .flex-content .flex-body .flex-col-container {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 50px;
  margin-top: 25px;
}
#modal.flex .flex-content .flex-body .flex-col-box {
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  padding: 8px;
}
#modal.flex .flex-content .flex-body .flex-col-box.info-box {
  border: 1px solid #ff8306;
  background-color: #fff6ed;
}
#modal.flex .flex-content .flex-body .flex-col-box.info-box h1 {
  color: #ff8306;
}
#modal.flex .flex-content .flex-body .flex-col-box.info-box table tr td {
  border-color: #ff8306;
}
#modal.flex .flex-content .flex-body .flex-left {
  -webkit-box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
  flex: 0 0 20%;
  min-width: 150px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background-color: #f5f5f5;
}
#modal.flex .flex-content .flex-body .flex-left .flex-col-item {
  flex: 0 0 auto;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 8px;
}
#modal.flex .flex-content .flex-body .flex-left .flex-col-button {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
  align-items: center;
  width: 100%;
  padding: 8px;
  text-decoration: none;
  border-bottom: 1px solid #e5e5e5;
}
#modal.flex .flex-content .flex-body .flex-left .flex-col-button-subtitle {
  flex: 0 0 100%;
  font-weight: bold;
  font-size: 10px;
  opacity: 0.5;
}
#modal.flex .flex-content .flex-body .flex-left .flex-col-button-title {
  flex: 0 0 100%;
}
#modal.flex .flex-content .flex-body .flex-left .flex-col-button svg {
  flex: 0 0 24px;
  height: 24px;
  fill: #4a45b5;
  padding-right: 8px;
}
#modal.flex .flex-content .flex-body .flex-left .flex-col-button:hover {
  cursor: pointer;
  background-color: #edecf7;
  -webkit-box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
}
#modal.flex .flex-content .flex-body .flex-left .flex-col-button:active {
  background-color: rgb(255, 236.9653179191, 235);
  -webkit-box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset -4px 0px 2px 0px rgba(0, 0, 0, 0.05);
}
#modal.flex .flex-content .flex-body .flex-left .indent-step {
  padding-left: 25px;
}
#modal.flex .flex-content .flex-body .flex-left .current-step {
  pointer-events: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #ff6352 !important;
  font-weight: bold;
  background-color: white;
}
#modal.flex .flex-content .flex-body .flex-left .current-step svg {
  fill: #ff6352;
}
#modal.flex .flex-content .flex-body .flex-left .flex-col-button.unavailable-step {
  pointer-events: none;
  cursor: default;
  color: black;
  font-weight: bold;
}
#modal.flex .flex-content .flex-body .flex-right {
  flex: 0 0 80%;
  min-width: 450px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 25px;
}
#modal.flex .flex-content .flex-body .flex-right table {
  margin: 0;
}

#modal.quick {
  padding: 25px;
}
#modal.quick .quick-input {
  display: inline-block;
  width: calc(100% - 179px);
  height: 50px;
  padding: 8px;
  font-size: 24px;
}
#modal.quick .quick-button {
  display: inline-block;
  width: 150px;
  height: 50px;
  padding: 8px;
  margin-left: 25px;
  font-size: 24px;
}
#modal.quick .quick-label {
  display: inline-block;
  padding-top: 8px;
  padding-left: 8px;
}
#modal.quick .quick-checkbox {
  display: inline-block;
  margin-left: 5px;
}

#modal.login {
  width: 720px;
  padding-top: 25px;
}
#modal.login .flex {
  display: flex;
  width: 100%;
}
#modal.login .flex .credentials,
#modal.login .flex .mfa {
  display: flex;
  flex-flow: column;
  flex: 0 0 50%;
  align-items: center;
  justify-content: center;
}
#modal.login .flex .credentials h1,
#modal.login .flex .mfa h1 {
  flex: 0 0 auto;
  margin-left: -27px;
  margin-bottom: 25px;
  text-align: center;
  font-size: 22px;
}
#modal.login .flex .credentials p,
#modal.login .flex .mfa p {
  flex: 0 0 auto;
  width: 100%;
}
#modal.login .flex .credentials input,
#modal.login .flex .mfa input {
  flex: 0 0 50px;
  height: 50px;
  width: 300px;
  padding: 15px 10px !important;
  font-size: 18px;
  line-height: 18px;
}
#modal.login .flex .credentials input.submit,
#modal.login .flex .mfa input.submit {
  flex: 0 0 auto;
  height: auto;
}
#modal.login .flex .credentials input.submit:hover,
#modal.login .flex .mfa input.submit:hover {
  cursor: pointer;
}
#modal.login .flex .credentials .trusted,
#modal.login .flex .mfa .trusted {
  display: flex;
  flex: 0 0 auto;
  width: 300px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 25px;
}
#modal.login .flex .credentials .trusted select,
#modal.login .flex .mfa .trusted select {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  margin-left: 8px;
}
#modal.login .flex .credentials .trusted span,
#modal.login .flex .mfa .trusted span {
  flex: 0 0 auto;
}
#modal.login .flex .credentials .captcha,
#modal.login .flex .mfa .captcha {
  margin: 0 0 25px 0;
}
#modal.login .flex .credentials .wrong-account,
#modal.login .flex .credentials .wrong-account a,
#modal.login .flex .mfa .wrong-account,
#modal.login .flex .mfa .wrong-account a {
  flex: 0 0 auto;
  margin-top: 8px;
  font-size: 12px;
}
#modal.login .flex .other {
  display: flex;
  flex-flow: column;
  flex: 0 0 50%;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-left: 2px dashed #eee;
}
#modal.login .flex .other a {
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: bold;
}
#modal.login .flex .other #welcome-button {
  margin-bottom: 25px;
}
#modal.login .flex .other p {
  flex: 0 0 auto;
  margin-top: 0;
  padding-left: 25px;
  padding-right: 0;
  font-size: 14px;
}

.flexible-space {
  flex: 1 1 auto;
}

.flex {
  display: flex;
}

.flex.flex-column {
  flex-flow: column;
}

.flex.flex-center,
.flex-center {
  justify-content: center;
  align-items: center;
}

.flexed {
  flex: 0 0 auto;
}

.flex-container {
  display: flex;
}
.flex-container .main-content {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  flex: 0 0 60%;
  width: 60%;
  min-width: 500px;
}
.flex-container .main-content .panel,
.flex-container .main-content .new-panel {
  width: calc(100% - 25px);
  margin-right: 0;
}
.flex-container .main-content .home-banner {
  border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  flex: 0 0 auto;
  display: inline-block;
  min-width: calc(100% - 25px);
  color: black;
  margin: 25px 25px 0 25px;
  padding: 25px;
  font-weight: normal;
}
.flex-container .main-content .home-banner h1 {
  font-size: 20px;
}
.flex-container .main-content .home-banner h2 {
  font-size: 16px;
  margin-bottom: 25px;
  color: black;
  font-weight: normal;
}
.flex-container .secondary-content {
  display: flex;
  flex-flow: column;
  flex: 0 0 40%;
  width: 40%;
  min-width: 300px;
}
.flex-container .secondary-content .sliderview {
  flex: 0 1 auto;
  margin: 0 5px 5px 5px;
}
.flex-container .secondary-content .sliderview .item-box {
  padding: 0 25px;
}
.flex-container .secondary-content .sliderview .item-box .item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
}
.flex-container .secondary-content .sliderview .item-box .item svg {
  flex: 0 0 auto;
  margin-bottom: 8px;
}
.flex-container .secondary-content .sliderview .item-box .item img {
  flex: 0 0 auto;
}
.flex-container .secondary-content .sliderview .item-box .item .item-image {
  flex: 0 0 50px;
  width: 100px;
  height: 100px;
}
.flex-container .secondary-content .sliderview .item-box .item .item-title {
  flex: 0 0 auto;
  margin-top: 25px;
  font-size: 20px;
  text-align: center;
  outline: none;
}
.flex-container .secondary-content .sliderview .item-box .item .item-description {
  flex: 0 0 auto;
  text-align: center;
  color: #333;
}
.flex-container .half-content {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 50%;
}
.flex-container .half-content:first-child .panel,
.flex-container .half-content:first-child .new-panel {
  margin-right: 12.5px;
  width: 100%;
}
.flex-container .half-content:last-child .panel,
.flex-container .half-content:last-child .new-panel {
  margin-left: 12.5px;
  width: 100%;
}

.flex-table {
  display: flex;
  flex-flow: column;
}
.flex-table .flex-row {
  border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 0 auto;
  width: 100%;
  border: 1px solid #eee;
  padding: 8px;
  margin-bottom: 2px;
  background-color: #fafafa;
  border-bottom-color: #ddd;
}
.flex-table .flex-row a,
.flex-table .flex-row h1,
.flex-table .flex-row h2 {
  flex: 0 0 auto;
  margin: 0;
}
.flex-table .flex-row p {
  flex: 0 0 auto;
  width: 100%;
  padding: 0;
  margin: 0;
}

.gutter-top {
  margin-top: 25px !important;
}

.gutter-bottom {
  margin-bottom: 25px !important;
}

.no-gutter {
  margin: 0 !important;
}

.no-gutter-top {
  margin-top: 0 !important;
}

.no-gutter-sides {
  min-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.pad-right {
  margin-right: 8px !important;
}

.pad-left {
  margin-left: 8px !important;
}

.pad-top {
  margin-top: 8px !important;
}

.pad-bottom {
  margin-bottom: 8px !important;
}

.no-border {
  border: none !important;
}

.big-gutters {
  margin: 50px 0;
}

svg.filetype-pdf {
  fill: #e6514e;
}

svg.filetype-doc {
  fill: #5a87dd;
}

svg.filetype-xls {
  fill: #479a5f;
}

svg.filetype-csv {
  fill: rgb(129.7466666667, 197.2533333333, 149.2666666667);
}

svg.filetype-ppt {
  fill: #e57508;
}

svg.filetype-image {
  fill: #9d423b;
}

svg.filetype-video {
  fill: #446ee3;
}

svg.filetype-zip {
  fill: #e6c056;
}

svg.filetype-misc {
  fill: #4a45b5;
}

a.filetype-link svg {
  margin-bottom: -4px;
  margin-right: 4px;
  width: 18px;
}

.tooltip-target {
  border-bottom: 1px dashed #ff6352;
}
.tooltip-target svg {
  margin-left: 1px;
  margin-bottom: -2px;
  padding: 0;
  width: 14px;
  height: 14px;
  fill: #ff8306;
  pointer-events: none;
}

.tooltip-target.underline-contained * {
  border-bottom: 1px dashed #ff6352;
}

.tooltip-target.hide-underline {
  border-bottom: none;
}

.tooltip-target:hover {
  cursor: help;
}

.tooltip-target.info svg {
  fill: #31a1e5;
}

.tooltip-target.alert svg {
  fill: #ff8306;
}

.tooltip-target.warning svg {
  fill: #e91c1c;
}

.tooltip-target.error svg {
  fill: #e91c1c;
}

.tooltip-target.success svg {
  fill: #48c77a;
}

.tooltip-container {
  position: fixed;
  display: none;
  z-index: 9999 !important;
}
.tooltip-container .tooltip-text {
  border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  color: white;
  background-color: #ff6352;
  padding: 8px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
}
.tooltip-container .tooltip-triangle {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ff6352;
  margin: auto;
}

.notice {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  width: calc(100% - 50px);
  margin: 25px 25px 0 25px;
}
.notice .header {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.notice > * {
  padding: 8px;
  margin: 0;
}
.notice ul {
  margin-left: 13px;
}

.notice.archived,
.notice.error,
.notice.danger {
  background-color: #fde3e3;
  color: #e91c1c;
}
.notice.archived .header,
.notice.error .header,
.notice.danger .header {
  background-color: rgb(251.98, 212.72, 212.72);
}

.notice.warning {
  background-color: #fff6ed;
  color: #ff8306;
}
.notice.warning .header {
  background-color: rgb(255, 233.25, 211.5);
}

.notice.pending {
  background-color: #eaf3fd;
  color: #31a1e5;
}
.notice.pending .header {
  background-color: rgb(210.7173913043, 229.6956521739, 250.7826086957);
}

.notice.success {
  color: #48c77a;
  border-color: #48c77a;
  background-color: #e4f5e5;
}

.notice a.button, .notice a.big-button {
  padding: 3px 3px 2px 3px;
  line-height: 14px;
  height: auto;
  margin: 0 3px;
}

.translation_missing:before {
  content: "Translation Missing: ";
  font-weight: bold;
}

.translation_missing {
  display: inline-block;
  color: #e91c1c !important;
  border: 2px dashed #e91c1c !important;
  padding: 5px 10px !important;
  background-color: #fde3e3 !important;
  font-size: 14px;
  line-height: 18px;
}

.modern-button {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  display: inline-flex;
  flex: 0 0 auto;
  padding: 8px;
  align-items: center;
}
.modern-button svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  fill: #4a45b5;
}
.modern-button:hover {
  background-color: #edecf7;
}
.modern-button:hover svg {
  fill: rgb(58.904, 54.924, 144.076);
}
.modern-button:active {
  background-color: rgb(255, 236.9653179191, 235);
}
.modern-button:active svg {
  fill: #ff6352;
}

.button, input[type=file]::file-selector-button, .big-button {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  min-width: 30px;
  height: 25px;
  line-height: 25px;
  background: white;
  border: 1px solid #4a45b5;
  padding: 0 8px;
  color: #4a45b5;
  background-repeat: no-repeat;
  background-position: center;
  outline: none;
}
.button svg, input[type=file]::file-selector-button svg, .big-button svg {
  fill: #4a45b5;
}

.big-button {
  font-size: 16px;
  height: 35px;
  line-height: 35px;
}

.button:hover, input[type=file]:hover::file-selector-button, .big-button:hover {
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #4a45b5;
  background-color: #edecf7;
}

.button:active, input[type=file]:active::file-selector-button, .big-button:active {
  color: #ff6352;
  background-color: rgb(255, 236.9653179191, 235);
  border-color: #ff6352;
}
.button:active svg, input[type=file]:active::file-selector-button svg, .big-button:active svg {
  fill: #ff6352;
}

.button.wizard, input.wizard[type=file]::file-selector-button, .wizard.big-button {
  background-color: #4a45b5;
  color: white;
}

.button.wizard:hover, input.wizard[type=file]:hover::file-selector-button, .wizard.big-button:hover {
  background-color: rgb(107.864, 103.684, 197.316);
}

.button.wizard:active, input.wizard[type=file]:active::file-selector-button, .wizard.big-button:active {
  background-color: #ff6352;
}

.button.danger, input.danger[type=file]::file-selector-button, .danger.big-button,
.icon-button.danger {
  color: #4a45b5;
  font-weight: normal;
}

.button.danger:hover, input.danger[type=file]:hover::file-selector-button, .danger.big-button:hover,
.icon-button.danger:hover {
  color: #e91c1c;
  border-color: #e91c1c;
  background-color: #fde3e3;
}
.button.danger:hover svg, input.danger[type=file]:hover::file-selector-button svg, .danger.big-button:hover svg,
.icon-button.danger:hover svg {
  fill: #e91c1c;
}

.button.danger:active, input.danger[type=file]:active::file-selector-button, .danger.big-button:active,
.icon-button.danger:active {
  border-color: #e91c1c;
  background-color: #e91c1c;
  color: white;
}
.button.danger:active svg, input.danger[type=file]:active::file-selector-button svg, .danger.big-button:active svg,
.icon-button.danger:active svg {
  fill: white;
}

.button.success, input.success[type=file]::file-selector-button, .success.big-button,
.icon-button.success {
  color: #4a45b5;
  font-weight: normal;
}

.button.success:hover, input.success[type=file]:hover::file-selector-button, .success.big-button:hover,
.icon-button.success:hover {
  color: #48c77a;
  border-color: #48c77a;
  background-color: #e4f5e5;
}
.button.success:hover svg, input.success[type=file]:hover::file-selector-button svg, .success.big-button:hover svg,
.icon-button.success:hover svg {
  fill: #48c77a;
}

.button.success:active, input.success[type=file]:active::file-selector-button, .success.big-button:active,
.icon-button.success:active {
  border-color: #48c77a;
  background-color: #48c77a;
  color: white;
}
.button.success:active svg, input.success[type=file]:active::file-selector-button svg, .success.big-button:active svg,
.icon-button.success:active svg {
  fill: white;
}

.button.success-plus, input.success-plus[type=file]::file-selector-button, .success-plus.big-button {
  border-color: #48c77a;
  background-color: #48c77a;
  color: white;
  font-weight: bold;
}
.button.success-plus svg, input.success-plus[type=file]::file-selector-button svg, .success-plus.big-button svg {
  fill: white;
}

.button.success-plus:hover, input.success-plus[type=file]:hover::file-selector-button, .success-plus.big-button:hover {
  background-color: rgb(57.5230125523, 187.9769874477, 108.8828451883);
}

.button.success-plus:active, input.success-plus[type=file]:active::file-selector-button, .success-plus.big-button:active {
  background-color: rgb(51.5481171548, 168.4518828452, 97.5732217573);
}

.button.unavailable, input.unavailable[type=file]::file-selector-button, .unavailable.big-button,
.icon-button.unavailable {
  opacity: 0.25;
}

.button.unavailable:active, input.unavailable[type=file]:active::file-selector-button, .unavailable.big-button:active,
.icon-button.unavailable:active {
  pointer-events: none !important;
}

a.unavailable {
  opacity: 0.5;
}

a.unavailable:active {
  pointer-events: none !important;
}

.icon-button {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  display: inline-flex;
  flex: 0 0 auto;
  margin-right: 8px;
  margin-bottom: 8px;
  align-items: center;
  height: 35px;
  background: white;
  color: #4a45b5;
  border: 1px solid #4a45b5;
}
.icon-button .icon-button-text {
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 30px;
  white-space: nowrap;
  margin-right: 8px;
}
.icon-button svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 0 8px;
  fill: #4a45b5;
}

.icon-button.wizard {
  background-color: #4a45b5;
  color: white;
}
.icon-button.wizard svg {
  fill: white;
}

.icon-button.wizard:hover {
  background-color: rgb(107.864, 103.684, 197.316);
}

.icon-button.wizard:active {
  background-color: #ff6352;
  color: white;
}
.icon-button.wizard:active svg {
  fill: white;
}

.icon-button.requests svg {
  fill: white;
}

.small-icon-button {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  height: 28px;
  cursor: pointer;
  background: transparent;
  color: #4a45b5;
  border: none;
  padding: 5px;
  margin: 0;
}
.small-icon-button span {
  margin-left: 8px;
}
.small-icon-button svg {
  flex: 0 0 18;
  width: 18px;
  height: 18px;
  margin: 0;
  fill: #4a45b5;
}

.small-icon-button:hover {
  background-color: #edecf7;
}

.small-icon-button:active {
  background-color: rgb(255, 236.9653179191, 235);
}
.small-icon-button:active svg {
  fill: #ff6352;
}

.small-icon-button.danger svg {
  fill: #e91c1c;
}

.small-icon-button.danger:hover {
  background-color: #fde3e3;
}

.small-icon-button.danger:active {
  background-color: #e91c1c;
}
.small-icon-button.danger:active svg {
  fill: white;
}

.icon-button:hover {
  cursor: pointer;
  text-decoration: none;
  background: #edecf7;
}

.icon-button:active {
  background: rgb(255, 236.9653179191, 235);
  border-color: #ff6352;
  color: #ff6352;
}
.icon-button:active svg {
  fill: #ff6352;
}

.icon-button.on {
  border-color: #ff6352;
  color: #ff6352;
}
.icon-button.on .icon-button-icon.toggle {
  background-image: url("/assets/svg/toggle-on-c9892926.svg");
}

.icon-button.on:hover {
  background-color: rgb(255, 236.9653179191, 235);
}

.icon-button.on:active {
  background-color: rgb(255, 218.5699421965, 214.6);
}

.quickview-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  margin-right: 8px;
}
.quickview-button svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  fill: #888;
}

.quickview-button:hover svg {
  fill: #4a45b5;
}

.quickview-button:active svg {
  fill: #ff6352;
}

.mega-button,
.mega-button.success {
  display: inline-block;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  background-color: #4a45b5;
  font-weight: bold;
  color: white;
  text-align: center;
  padding: 8px;
  border: 1px solid rgb(89.912, 85.222, 190.278);
  border-bottom-color: rgb(66.452, 61.962, 162.538);
  text-shadow: 0 -1px rgba(0, 0, 0, 0.05);
}

.mega-button:hover {
  text-decoration: none;
  background-color: rgb(89.912, 85.222, 190.278);
  border: 1px solid rgb(107.864, 103.684, 197.316);
  border-bottom-color: rgb(66.452, 61.962, 162.538);
}

.mega-button:active {
  color: white;
  background-color: #ff6352;
  border-color: rgb(255, 121.9942196532, 107.5);
  border-bottom-color: rgb(255, 76.0057803468, 56.5);
}

.mega-button.success:active {
  background-color: #48c77a;
  border-color: rgb(91.5251046025, 204.9748953975, 136.190376569);
  border-bottom-color: rgb(57.5230125523, 187.9769874477, 108.8828451883);
}

.borderless-button {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  display: inline-flex;
  flex: 0 0 auto;
  margin-right: 8px;
  margin-bottom: 8px;
  align-items: center;
  color: #4a45b5;
  padding: 15px;
  background-color: #edecf7;
}
.borderless-button svg {
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}
.borderless-button:hover {
  text-decoration: none;
  background-color: rgb(255, 236.9653179191, 235);
}
.borderless-button:active {
  background-color: rgb(255, 213.9710982659, 209.5);
}

.mini-button {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  display: flex;
  flex: 0 0 auto;
  margin-right: 8px;
  color: white;
  font-size: 12px;
  padding: 2px 4px;
  background-color: #4a45b5;
  align-items: center;
  align-self: center;
  font-weight: bold;
}
.mini-button:hover {
  text-decoration: none;
  background-color: rgb(100.6832, 96.2992, 194.5008);
}
.mini-button:active {
  background-color: #ff6352;
  color: white;
}

.toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: auto;
  width: auto;
  margin: 25px 25px 0 25px;
}

.error-box {
  width: 600px !important;
  border: 1px solid red;
  margin: 50px auto 0 auto;
  padding: 25px;
}
.error-box h1 {
  font-size: 18px;
  margin-bottom: 8px;
  text-align: center;
}
.error-box p {
  text-align: center;
}

.error-box.warning {
  background-color: #fff6ed;
  border-color: #ff8306;
  color: #ff8306;
}

.error-box.error {
  background-color: #fde3e3;
  border-color: red;
  color: #e91c1c;
}

.icon {
  height: 18px;
  width: 18px;
  fill: #ccc;
}

.icon-small {
  height: 12px;
  width: 12px;
  fill: #ccc;
}

.icon.blank,
.icon-small.blank {
  fill: #ccc;
}

.icon.success,
.icon-small.success {
  fill: #48c77a;
}

.icon.warning,
.icon-small.warning {
  fill: #e91c1c;
}

.icon.alert,
.icon-small.alert {
  fill: #ff8306;
}

.icon.with-text {
  margin: 0 5px -3px 5px;
}

.form-body__field {
  margin: 15px 0;
  display: flex;
  flex-direction: column;
}
.form-body__field label {
  font-weight: 500;
}
.form-body__field input,
.form-body__field select {
  height: 44px;
  max-width: none;
  margin-top: 5px !important;
}

.date-picker-input-group {
  height: 40px;
  display: table-cell;
}
.date-picker-input-group .date-picker-input-field {
  vertical-align: top;
  width: 100px;
}
.date-picker-input-group .date-picker-input-button {
  vertical-align: top;
  margin: -6px 0 0 8px;
  border: none;
}

.select {
  max-width: 200px;
}

.input, select, input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input:not([type]),
textarea {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  width: 200px;
  max-width: 100%;
  height: 25px;
  background-color: white;
  border: 1px solid #4a45b5;
  padding: 0;
  margin: 0;
  color: #4a45b5;
}

input.input-xxs {
  width: 50px;
}

input.input-xs {
  width: 100px;
}

input.input-sm {
  width: 150px;
}

input.input-lg {
  width: 400px;
}

input[readonly=readonly] {
  background-color: #eee !important;
  color: #bbb !important;
}

input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input:not([type]),
textarea {
  padding: 0 8px;
}

input[type=file] {
  padding: 5px;
  border: none !important;
  cursor: pointer !important;
}
input[type=file]::-webkit-file-upload-button {
  cursor: pointer !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -webkit-appearance: textfield;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[readonly=readonly],
select[readonly=readonly],
input[disabled=disabled],
select[disabled=disabled] {
  color: black;
  border-color: #ddd;
  background-color: #efefef;
}

select {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  width: auto;
  max-width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 8px;
  padding-right: 25px;
  background: white url("/assets/select_arrow-4185260c.png") no-repeat;
  background-position: right center;
}

select.multiple {
  padding: 8px;
  background-image: none;
  height: 100px;
  overflow: scroll !important;
}

select.big {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  height: 44px;
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 44px;
}

input[aria-invalid=true],
select[aria-invalid=true] {
  border: 2px solid #e91c1c;
}

.checkbox {
  display: block;
}
.checkbox label input {
  margin-right: 8px;
}

textarea {
  display: block;
  width: 100%;
  min-height: 100px;
  padding: 8px;
}

label[class=checkbox] {
  display: block;
}
label[class=checkbox] input {
  margin-right: 8px;
}

.button.loading, .loading.big-button, input.loading[type=file]::file-selector-button,
input.loading,
textarea.loading,
select.loading {
  opacity: 0.5;
  cursor: not-allowed;
}

#loading-frame {
  position: fixed;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  margin: 25px;
  z-index: 40;
}

.loading-animation {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  box-shadow: 10px 10px #ff6352, -10px 10px white, -10px -10px #ff6352, 10px -10px white;
  -o-box-shadow: 10px 10px #ff6352, -10px 10px white, -10px -10px #ff6352, 10px -10px white;
  -ms-box-shadow: 10px 10px #ff6352, -10px 10px white, -10px -10px #ff6352, 10px -10px white;
  -webkit-box-shadow: 10px 10px #ff6352, -10px 10px white, -10px -10px #ff6352, 10px -10px white;
  -moz-box-shadow: 10px 10px #ff6352, -10px 10px white, -10px -10px #ff6352, 10px -10px white;
  animation: loading-keyframes ease infinite 4.6s;
  -o-animation: loading-keyframes ease infinite 4.6s;
  -ms-animation: loading-keyframes ease infinite 4.6s;
  -webkit-animation: loading-keyframes ease infinite 4.6s;
  -moz-animation: loading-keyframes ease infinite 4.6s;
}

@keyframes loading-keyframes {
  0%, 100% {
    box-shadow: 10px 10px #ff6352, -10px 10px white, -10px -10px #ff6352, 10px -10px white;
  }
  25% {
    box-shadow: -10px 10px white, -10px -10px #ff6352, 10px -10px white, 10px 10px #ff6352;
  }
  50% {
    box-shadow: -10px -10px #ff6352, 10px -10px white, 10px 10px #ff6352, -10px 10px white;
  }
  75% {
    box-shadow: 10px -10px #ffffff, 10px 10px #ff6352, -10px 10px #ffffff, -10px -10px #ff6352;
  }
}
@-o-keyframes loading-keyframes {
  0%, 100% {
    box-shadow: 10px 10px #ff6352, -10px 10px white, -10px -10px #ff6352, 10px -10px white;
  }
  25% {
    box-shadow: -10px 10px white, -10px -10px #ff6352, 10px -10px white, 10px 10px #ff6352;
  }
  50% {
    box-shadow: -10px -10px #ff6352, 10px -10px white, 10px 10px #ff6352, -10px 10px white;
  }
  75% {
    box-shadow: 10px -10px #ffffff, 10px 10px #ff6352, -10px 10px #ffffff, -10px -10px #ff6352;
  }
}
@-ms-keyframes loading-keyframes {
  0%, 100% {
    box-shadow: 10px 10px #ff6352, -10px 10px white, -10px -10px #ff6352, 10px -10px white;
  }
  25% {
    box-shadow: -10px 10px white, -10px -10px #ff6352, 10px -10px white, 10px 10px #ff6352;
  }
  50% {
    box-shadow: -10px -10px #ff6352, 10px -10px white, 10px 10px #ff6352, -10px 10px white;
  }
  75% {
    box-shadow: 10px -10px #ffffff, 10px 10px #ff6352, -10px 10px #ffffff, -10px -10px #ff6352;
  }
}
@-webkit-keyframes loading-keyframes {
  0%, 100% {
    box-shadow: 10px 10px #ff6352, -10px 10px white, -10px -10px #ff6352, 10px -10px white;
  }
  25% {
    box-shadow: -10px 10px white, -10px -10px #ff6352, 10px -10px white, 10px 10px #ff6352;
  }
  50% {
    box-shadow: -10px -10px #ff6352, 10px -10px white, 10px 10px #ff6352, -10px 10px white;
  }
  75% {
    box-shadow: 10px -10px #ffffff, 10px 10px #ff6352, -10px 10px #ffffff, -10px -10px #ff6352;
  }
}
@-moz-keyframes loading-keyframes {
  0%, 100% {
    box-shadow: 10px 10px #ff6352, -10px 10px white, -10px -10px #ff6352, 10px -10px white;
  }
  25% {
    box-shadow: -10px 10px white, -10px -10px #ff6352, 10px -10px white, 10px 10px #ff6352;
  }
  50% {
    box-shadow: -10px -10px #ff6352, 10px -10px white, 10px 10px #ff6352, -10px 10px white;
  }
  75% {
    box-shadow: 10px -10px #ffffff, 10px 10px #ff6352, -10px 10px #ffffff, -10px -10px #ff6352;
  }
}
.loading-animation-dark {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  transform: scale(1.5);
  box-shadow: 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5;
  -o-box-shadow: 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5;
  -ms-box-shadow: 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5;
  -webkit-box-shadow: 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5;
  -moz-box-shadow: 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5;
  animation: loading-keyframes-dark ease infinite 4.6s;
  -o-animation: loading-keyframes-dark ease infinite 4.6s;
  -ms-animation: loading-keyframes-dark ease infinite 4.6s;
  -webkit-animation: loading-keyframes-dark ease infinite 4.6s;
  -moz-animation: loading-keyframes-dark ease infinite 4.6s;
}

@keyframes loading-keyframes-dark {
  0%, 100% {
    box-shadow: 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5;
  }
  25% {
    box-shadow: -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5, 10px 10px #ff6352;
  }
  50% {
    box-shadow: -10px -10px #ff6352, 10px -10px #4a45b5, 10px 10px #ff6352, -10px 10px #4a45b5;
  }
  75% {
    box-shadow: 10px -10px #4a45b5, 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352;
  }
}
@-o-keyframes loading-keyframes-dark {
  0%, 100% {
    box-shadow: 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5;
  }
  25% {
    box-shadow: -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5, 10px 10px #ff6352;
  }
  50% {
    box-shadow: -10px -10px #ff6352, 10px -10px #4a45b5, 10px 10px #ff6352, -10px 10px #4a45b5;
  }
  75% {
    box-shadow: 10px -10px #4a45b5, 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352;
  }
}
@-ms-keyframes loading-keyframes-dark {
  0%, 100% {
    box-shadow: 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5;
  }
  25% {
    box-shadow: -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5, 10px 10px #ff6352;
  }
  50% {
    box-shadow: -10px -10px #ff6352, 10px -10px #4a45b5, 10px 10px #ff6352, -10px 10px #4a45b5;
  }
  75% {
    box-shadow: 10px -10px #4a45b5, 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352;
  }
}
@-webkit-keyframes loading-keyframes-dark {
  0%, 100% {
    box-shadow: 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5;
  }
  25% {
    box-shadow: -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5, 10px 10px #ff6352;
  }
  50% {
    box-shadow: -10px -10px #ff6352, 10px -10px #4a45b5, 10px 10px #ff6352, -10px 10px #4a45b5;
  }
  75% {
    box-shadow: 10px -10px #4a45b5, 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352;
  }
}
@-moz-keyframes loading-keyframes-dark {
  0%, 100% {
    box-shadow: 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5;
  }
  25% {
    box-shadow: -10px 10px #4a45b5, -10px -10px #ff6352, 10px -10px #4a45b5, 10px 10px #ff6352;
  }
  50% {
    box-shadow: -10px -10px #ff6352, 10px -10px #4a45b5, 10px 10px #ff6352, -10px 10px #4a45b5;
  }
  75% {
    box-shadow: 10px -10px #4a45b5, 10px 10px #ff6352, -10px 10px #4a45b5, -10px -10px #ff6352;
  }
}
.animation-paused {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

.pac-container {
  width: 450px !important;
}

div.pac-container.pac-logo::after {
  display: none;
}

.test {
  padding-bottom: 10px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #48c77a;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

.turbo-progress-bar {
  background: linear-gradient(to right, #ff6352 30%, rgb(255, 144.9884393064, 133) 80%, #ff6352 100%) repeat;
  background-size: 200% auto;
  height: 5px;
  animation: gradient-shift 1s linear infinite;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

@keyframes gradient-shift {
  0% {
    background-position: 0 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
#login-button {
  transition: background-color 0.3s;
}

#login-button.microsoft-login {
  background-color: #0078d4 !important;
  border-color: #0078d4 !important;
  color: white;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PHBhdGggZmlsbD0iI2YzZjNmMyIgZD0iTTAgMGgyM3YyM0gweiIvPjxwYXRoIGZpbGw9IiNmMzUzMjUiIGQ9Ik0xIDFoMTB2MTBIMXoiLz48cGF0aCBmaWxsPSIjODFiYzA2IiBkPSJNMTIgMWgxMHYxMEgxMnoiLz48cGF0aCBmaWxsPSIjMDVhNmYwIiBkPSJNMSAxMmgxMHYxMEgxeiIvPjxwYXRoIGZpbGw9IiNmZmJhMDgiIGQ9Ik0xMiAxMmgxMHYxMEgxMnoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 90px center;
  background-size: 20px;
  padding-left: 40px;
}

input[name="user_session[email]"] {
  transition: all 0.3s ease;
}

input[name="user_session[password]"] {
  transform-origin: top;
  height: auto;
  opacity: 1;
  overflow: hidden;
  transition: height 0.2s ease-in, opacity 0.1s ease-out;
}

input[name="user_session[password]"].hidden {
  height: 0;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  opacity: 0;
}

* {
  margin: 0;
  padding: 0;
  font-family: "AvenirNext";
  font-size: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: #ff6352; /* WebKit/Blink Browsers */
  color: white;
}

::-moz-selection {
  background: #ff6352; /* Gecko Browsers */
  color: white;
}

html,
body {
  min-height: 100%;
  height: 100%;
}

body {
  min-height: 100%;
  height: 100%;
}

#container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 100px 0;
  width: 100%;
  min-height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background: rgb(255, 99, 82);
  background: linear-gradient(0deg, rgb(255, 99, 82) 0%, rgb(108, 51, 125) 40%, rgb(50, 46, 127) 60%);
}
#container h1.environment {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  background-color: white;
  padding: 10px 25px;
  color: red;
  margin-bottom: 25px;
}

a {
  color: #4a45b5;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}
a:active {
  color: #ff6352;
}

a.outer-link {
  color: white;
}

.logo {
  flex: 0 0 auto;
  margin-bottom: 50px;
}

.panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 450px;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  padding: 25px;
}
.panel input {
  flex: 0 0 44px;
  height: 44px;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  width: 400px;
  font-size: 20px;
  background-color: white;
  border: 1px solid #4a45b5;
  padding: 5px;
  margin: 0;
  color: #4a45b5;
}
.panel svg {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  fill: #48c77a;
  margin: 0 0 25px 0;
}
.panel svg.warning {
  fill: #ff8306;
}
.panel .text {
  flex: 0 0 auto;
}
.panel p {
  flex: 0 0 auto;
  text-align: center;
  margin-bottom: 25px;
}
.panel p:last-child {
  margin-bottom: 0;
}
.panel h1 {
  flex: 0 0 auto;
  margin-bottom: 25px;
  text-align: center;
  font-size: 22px;
}
.panel .trusted {
  display: flex;
  flex: 0 0 auto;
  width: 400px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 25px;
}
.panel .trusted select {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  margin-left: 8px;
}
.panel .trusted span {
  flex: 0 0 auto;
}
.panel .emphasize {
  font-weight: bold;
  color: #ff6352;
}