/* Basscss Type Scale */
.h1 {
  font-size: 2rem;
}

.h2 {
  font-size: 1.5rem;
}

.h3 {
  font-size: 1.25rem;
}

.h4 {
  font-size: 1rem;
}

.h5 {
  font-size: 0.875rem;
}

.h6 {
  font-size: 0.75rem;
}

/* Basscss Typography */
.font-family-inherit {
  font-family: inherit;
}

.font-size-inherit {
  font-size: inherit;
}

.text-decoration-none {
  text-decoration: none;
}

.bold {
  font-weight: bold;
}

.regular {
  font-weight: normal;
}

.italic {
  font-style: italic;
}

.caps {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.left-align {
  text-align: left;
}

.center {
  text-align: center;
}

.right-align {
  text-align: right;
}

.justify {
  text-align: justify;
}

.nowrap {
  white-space: nowrap;
}

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

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

.line-height-2 {
  line-height: 1.125;
}

.line-height-3 {
  line-height: 1.25;
}

.line-height-4 {
  line-height: 1.5;
}

.list-style-none {
  list-style: none;
}

.underline {
  text-decoration: underline;
}

.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-reset {
  list-style: none;
  padding-left: 0;
}

/* Basscss Layout */
.inline {
  display: inline;
}

.block {
  display: block;
}

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

.table {
  display: table;
}

.table-cell {
  display: table-cell;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.fit {
  max-width: 100%;
}

.max-width-1 {
  max-width: 24rem;
}

.max-width-2 {
  max-width: 32rem;
}

.max-width-3 {
  max-width: 48rem;
}

.max-width-4 {
  max-width: 64rem;
}

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

/* Basscss Align */
.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

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

/* Basscss Margin */
.m0 {
  margin: 0;
}

.mt0 {
  margin-top: 0;
}

.mr0 {
  margin-right: 0;
}

.mb0 {
  margin-bottom: 0;
}

.ml0 {
  margin-left: 0;
}

.mx0 {
  margin-left: 0;
  margin-right: 0;
}

.my0 {
  margin-top: 0;
  margin-bottom: 0;
}

.m1 {
  margin: 0.5rem;
}

.mt1 {
  margin-top: 0.5rem;
}

.mr1 {
  margin-right: 0.5rem;
}

.mb1 {
  margin-bottom: 0.5rem;
}

.ml1 {
  margin-left: 0.5rem;
}

.mx1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.m2 {
  margin: 1rem;
}

.mt2 {
  margin-top: 1rem;
}

.mr2 {
  margin-right: 1rem;
}

.mb2 {
  margin-bottom: 1rem;
}

.ml2 {
  margin-left: 1rem;
}

.mx2 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m3 {
  margin: 2rem;
}

.mt3 {
  margin-top: 2rem;
}

.mr3 {
  margin-right: 2rem;
}

.mb3 {
  margin-bottom: 2rem;
}

.ml3 {
  margin-left: 2rem;
}

.mx3 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my3 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m4 {
  margin: 4rem;
}

.mt4 {
  margin-top: 4rem;
}

.mr4 {
  margin-right: 4rem;
}

.mb4 {
  margin-bottom: 4rem;
}

.ml4 {
  margin-left: 4rem;
}

.mx4 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mxn1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.mxn2 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.mxn3 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.mxn4 {
  margin-left: -4rem;
  margin-right: -4rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* Basscss Padding */
.p0 {
  padding: 0;
}

.pt0 {
  padding-top: 0;
}

.pr0 {
  padding-right: 0;
}

.pb0 {
  padding-bottom: 0;
}

.pl0 {
  padding-left: 0;
}

.px0 {
  padding-left: 0;
  padding-right: 0;
}

.py0 {
  padding-top: 0;
  padding-bottom: 0;
}

.p1 {
  padding: 0.5rem;
}

.pt1 {
  padding-top: 0.5rem;
}

.pr1 {
  padding-right: 0.5rem;
}

.pb1 {
  padding-bottom: 0.5rem;
}

.pl1 {
  padding-left: 0.5rem;
}

.py1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.p2 {
  padding: 1rem;
}

.pt2 {
  padding-top: 1rem;
}

.pr2 {
  padding-right: 1rem;
}

.pb2 {
  padding-bottom: 1rem;
}

.pl2 {
  padding-left: 1rem;
}

.py2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px2 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.p3 {
  padding: 2rem;
}

.pt3 {
  padding-top: 2rem;
}

.pr3 {
  padding-right: 2rem;
}

.pb3 {
  padding-bottom: 2rem;
}

.pl3 {
  padding-left: 2rem;
}

.py3 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px3 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.p4 {
  padding: 4rem;
}

.pt4 {
  padding-top: 4rem;
}

.pr4 {
  padding-right: 4rem;
}

.pb4 {
  padding-bottom: 4rem;
}

.pl4 {
  padding-left: 4rem;
}

.py4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.px4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

/* Basscss Grid */
.col {
  float: left;
  box-sizing: border-box;
}

.col-right {
  float: right;
  box-sizing: border-box;
}

.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

@media (min-width: 40em) {
  .sm-col {
    float: left;
    box-sizing: border-box;
  }
  .sm-col-right {
    float: right;
    box-sizing: border-box;
  }
  .sm-col-1 {
    width: 8.3333333333%;
  }
  .sm-col-2 {
    width: 16.6666666667%;
  }
  .sm-col-3 {
    width: 25%;
  }
  .sm-col-4 {
    width: 33.3333333333%;
  }
  .sm-col-5 {
    width: 41.6666666667%;
  }
  .sm-col-6 {
    width: 50%;
  }
  .sm-col-7 {
    width: 58.3333333333%;
  }
  .sm-col-8 {
    width: 66.6666666667%;
  }
  .sm-col-9 {
    width: 75%;
  }
  .sm-col-10 {
    width: 83.3333333333%;
  }
  .sm-col-11 {
    width: 91.6666666667%;
  }
  .sm-col-12 {
    width: 100%;
  }
}
@media (min-width: 52em) {
  .md-col {
    float: left;
    box-sizing: border-box;
  }
  .md-col-right {
    float: right;
    box-sizing: border-box;
  }
  .md-col-1 {
    width: 8.3333333333%;
  }
  .md-col-2 {
    width: 16.6666666667%;
  }
  .md-col-3 {
    width: 25%;
  }
  .md-col-4 {
    width: 33.3333333333%;
  }
  .md-col-5 {
    width: 41.6666666667%;
  }
  .md-col-6 {
    width: 50%;
  }
  .md-col-7 {
    width: 58.3333333333%;
  }
  .md-col-8 {
    width: 66.6666666667%;
  }
  .md-col-9 {
    width: 75%;
  }
  .md-col-10 {
    width: 83.3333333333%;
  }
  .md-col-11 {
    width: 91.6666666667%;
  }
  .md-col-12 {
    width: 100%;
  }
}
@media (min-width: 64em) {
  .lg-col {
    float: left;
    box-sizing: border-box;
  }
  .lg-col-right {
    float: right;
    box-sizing: border-box;
  }
  .lg-col-1 {
    width: 8.3333333333%;
  }
  .lg-col-2 {
    width: 16.6666666667%;
  }
  .lg-col-3 {
    width: 25%;
  }
  .lg-col-4 {
    width: 33.3333333333%;
  }
  .lg-col-5 {
    width: 41.6666666667%;
  }
  .lg-col-6 {
    width: 50%;
  }
  .lg-col-7 {
    width: 58.3333333333%;
  }
  .lg-col-8 {
    width: 66.6666666667%;
  }
  .lg-col-9 {
    width: 75%;
  }
  .lg-col-10 {
    width: 83.3333333333%;
  }
  .lg-col-11 {
    width: 91.6666666667%;
  }
  .lg-col-12 {
    width: 100%;
  }
}
.flex {
  display: flex;
}

@media (min-width: 40em) {
  .sm-flex {
    display: flex;
  }
}
@media (min-width: 52em) {
  .md-flex {
    display: flex;
  }
}
@media (min-width: 64em) {
  .lg-flex {
    display: flex;
  }
}
.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

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

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

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

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

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

.self-baseline {
  align-self: baseline;
}

.self-stretch {
  align-self: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

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

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-stretch {
  align-content: stretch;
}

/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  flex: 1 1 auto;
  min-width: 0; /* 1 */
  min-height: 0; /* 1 */
}

.flex-none {
  flex: none;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-last {
  order: 99999;
}

/* Basscss Position */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.z1 {
  z-index: 1;
}

.z2 {
  z-index: 2;
}

.z3 {
  z-index: 3;
}

.z4 {
  z-index: 4;
}

/* Basscss Border */
.border {
  border-style: solid;
  border-width: 1px;
}

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

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

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

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

.border-none {
  border: 0;
}

.rounded {
  border-radius: 3px;
}

.circle {
  border-radius: 50%;
}

.rounded-top {
  border-radius: 3px 3px 0 0;
}

.rounded-right {
  border-radius: 0 3px 3px 0;
}

.rounded-bottom {
  border-radius: 0 0 3px 3px;
}

.rounded-left {
  border-radius: 3px 0 0 3px;
}

.not-rounded {
  border-radius: 0;
}

/* Basscss Hide */
.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

@media (max-width: 40em) {
  .xs-hide {
    display: none !important;
  }
}
@media (min-width: 40em) and (max-width: 52em) {
  .sm-hide {
    display: none !important;
  }
}
@media (min-width: 52em) and (max-width: 64em) {
  .md-hide {
    display: none !important;
  }
}
@media (min-width: 64em) {
  .lg-hide {
    display: none !important;
  }
}
.display-none {
  display: none !important;
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=717dfca39dfbc02984972f73bfa99013)
 * Config saved to config.json and https://gist.github.com/717dfca39dfbc02984972f73bfa99013
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
select {
  text-transform: none;
}
html input[disabled] {
  cursor: default;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
td,
th {
  padding: 0;
}
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
[role="button"] {
  cursor: pointer;
}

table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
input[type="search"] {
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
input[type="search"] {
  -webkit-appearance: none;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: initial;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > div.clickable:hover,
.dropdown-menu > li > div.clickable:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  text-decoration: none;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.dropup .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100001;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translate(122.5px, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  transform: translate(122.5px, -5%);
}

@media (max-width: 1023px) {
  .modal.fade .modal-dialog {
    transform: translate(0, -25%);
  }

  .modal.in .modal-dialog {
    transform: translate(0, -5%);
  }
}
.modal-open .modal {
  background-color: rgba(0, 0, 0, 0.50);
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.Modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.65);
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (max-width: 970px) {
  .modal.in .modal-dialog {
    transform: translate(0, 5%);
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 100px auto 0 auto;
  }
  .pto.modal-dialog {
    width: 400px;
  }
  .modal-content {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
  .modal-sm {
    width: 430px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
/*!
 * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}

.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}

.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}

.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}

.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today.focused {
  background: #ffc966;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}

.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}

.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}

.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}

.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

.datepicker table tr td.range.focused {
  background: #d5d5d5;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}

.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}

.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}

.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}

.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}

.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

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

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *





 */
/* Text Colours */
/* Grey Scale */
/* Colours */
/* Avatar Colours */
/* Company Avatar Colours */
.bg-fixed {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.bg-inherit {
  background: inherit;
}

.bg-none {
  background: none;
}

/* Borders */
.border-none {
  border: none !important;
}

.border {
  border: 1px solid #EBEFF1 !important;
}

.border--dashed {
  border: 1px dashed #EBEFF1 !important;
}

/* Default Borders */
.border-top {
  border-top: 1px solid #EBEFF1 !important;
}

.border-right {
  border-right: 1px solid #EBEFF1 !important;
}

.border-bottom {
  border-bottom: 1px solid #EBEFF1 !important;
}

.border-left {
  border-left: 1px solid #EBEFF1 !important;
}

/* Border Colours */
.border--athens {
  border-color: #EEF0F3 !important;
}

.border--dodger {
  border-color: #1776F5 !important;
}

.border--whale {
  border-color: #B9C1CF !important;
}

.border--submarine {
  border-color: #C9CFD1 !important;
}

.border-bottom--dodger {
  border-bottom: 3px solid #1776F5;
}

/* Border Radii */
.not-rounded {
  border-radius: none !important;
}

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

.rounded-top {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.rounded-right {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.rounded-bottom {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.rounded-left {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

/* Text Colour */
.black {
  color: #212B36;
}

.charcoal {
  color: #535E79;
}

.tuatara {
  color: #212B36;
}

.jumbo {
  color: #637381;
}

.iron {
  color: #979797;
}

.waterloo {
  color: #919EAB;
}

/* Greyscale Colour */
.submarine {
  color: #C9CFD1;
}

.zircon {
  color: #EBEFF1;
}

.athens {
  color: #EEF0F3;
}

.haze {
  color: #F4F6F8;
}

.white {
  color: #FFFFFF;
}

/* Colour */
.scarlet {
  color: #EB4D28;
}

.puce {
  color: #CC8A8A;
}

.meadow {
  color: #00B7B3;
}

.dodger {
  color: #1776F5;
}

.grass {
  color: #54C379;
}

.sun {
  color: #EBAB33;
}

.forest {
  color: #1B998B;
}

/* Greyscale Background */
.bg-waterloo {
  background-color: #919EAB;
}

.bg-whale {
  background-color: #B9C1CF;
}

.bg-white {
  background-color: #FFFFFF;
}

.bg-submarine {
  background-color: #C9CFD1;
}

.bg-zircon {
  background-color: #EBEFF1;
}

.bg-athens {
  background-color: #EEF0F3;
}

.bg-haze {
  background-color: #F4F6F8;
}

.bg-smoke {
  background-color: #F9FAFA;
}

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

/* Colour Background */
.bg-scarlet {
  background-color: #EB4D28;
}

.bg-sun {
  background-color: #EBAB33;
}

.bg-grass {
  background-color: #54C379;
}

.bg-meadow {
  background-color: #00B7B3;
}

.bg-turquoise {
  background-color: #2EC0D5;
}

.bg-lagoon {
  background-color: #5AC1C3;
}

.bg-blu {
  background-color: #355FDA;
}

.bg-sky {
  background-color: #F6F8FF;
}

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

.bg-denim {
  background-color: #4367F7;
}

.bg-dodger {
  background-color: #1776F5;
}

.bg-java {
  background-color: #22B2CA;
}

.bg-error {
  background-color: #FFEDEF;
}

.bg-caution {
  background-color: #FDF9EB;
}

.bg-success {
  background-color: #ECFFEF;
}

/* Avatar Colours */
.bg-rose {
  background-color: #FE5E75;
}

.bg-tangerine {
  background-color: #FDBE3E;
}

.bg-naked {
  background-color: #FDBA93;
}

.bg-ufo {
  background-color: #8DDF75;
}

.bg-seafoam {
  background-color: #25DAD3;
}

.bg-anakiwa {
  background-color: #8DD4E7;
}

.bg-cerulean {
  background-color: #275CCC;
}

.bg-eggplant {
  background-color: #7E66E7;
}

.bg-bondi {
  background-color: #0A7986;
}

/* Company Avatar Colours */
.bg-burgandy {
  background-color: #80475E;
}

.bg-sun {
  background-color: #EBAB33;
}

.bg-blush {
  background-color: #AA80B9;
}

.bg-steel {
  background-color: #7692AA;
}

.bg-teal {
  background-color: #4EB0BD;
}

.bg-grape {
  background-color: #6E85E0;
}

.bg-forest {
  background-color: #1B998B;
}

.bg-deep {
  background-color: #183183;
}

.bg-mist {
  background-color: #B8C2C0;
}

.bg-ocean {
  background-color: #1282A2;
}

.bg-peach {
  background-color: #EF946C;
}

.bg-apple {
  background-color: #DB5461;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-grow {
  flex-grow: 1;
}

.row-gap-1 {
  row-gap: 0.5rem;
}

.row-gap-2 {
  row-gap: 1rem;
}

.gap-1 {
  gap: 0.5rem;
}

.gap-2 {
  gap: 1rem;
}

@media (min-width: 640px) {
  .sm-flex {
    display: flex;
  }
  .sm-flex-col {
    flex-direction: column;
  }
  .sm-flex-row {
    flex-direction: row;
  }
}
@media (min-width: 832px) {
  .md-flex {
    display: flex;
  }
  .md-flex-col {
    flex-direction: column;
  }
  .md-flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .lg-flex {
    display: flex;
  }
  .lg-flex-col {
    flex-direction: column;
  }
  .lg-flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1216px) {
  .xl-flex {
    display: flex;
  }
  .xl-flex-col {
    flex-direction: column;
  }
  .xl-flex-row {
    flex-direction: row;
  }
}
/* Heights */
.height-10 {
  height: 2.5rem;
}

.height-125 {
  height: 9rem;
}

.height-250 {
  height: 18rem;
}

.height-400 {
  height: 29rem;
}

/* Max Heights */
.max-height-200 {
  max-height: 200px;
}

.max-height-500 {
  max-height: 500px;
}

.max-height-800 {
  max-height: 800px;
}

/* Min Heights */
.min-height-500 {
  min-height: 500px;
}

.min-height-800 {
  min-height: 800px;
}

@media (min-width: 640px) {
  .sm-m0 {
    margin: 0;
  }
  .sm-m1 {
    margin: 0.5rem;
  }
  .sm-m2 {
    margin: 1rem;
  }
  .sm-m3 {
    margin: 2rem;
  }
  .sm-m4 {
    margin: 4rem;
  }
  .sm-mt0 {
    margin-top: 0;
  }
  .sm-mt1 {
    margin-top: 0.5rem;
  }
  .sm-mt2 {
    margin-top: 1rem;
  }
  .sm-mt3 {
    margin-top: 2rem;
  }
  .sm-mt4 {
    margin-top: 4rem;
  }
  .sm-mr0 {
    margin-right: 0;
  }
  .sm-mr1 {
    margin-right: 0.5rem;
  }
  .sm-mr2 {
    margin-right: 1rem;
  }
  .sm-mr3 {
    margin-right: 2rem;
  }
  .sm-mr4 {
    margin-right: 4rem;
  }
  .sm-mb0 {
    margin-bottom: 0;
  }
  .sm-mb1 {
    margin-bottom: 0.5rem;
  }
  .sm-mb2 {
    margin-bottom: 1rem;
  }
  .sm-mb3 {
    margin-bottom: 2rem;
  }
  .sm-mb4 {
    margin-bottom: 4rem;
  }
  .sm-ml0 {
    margin-left: 0;
  }
  .sm-ml1 {
    margin-left: 0.5rem;
  }
  .sm-ml2 {
    margin-left: 1rem;
  }
  .sm-ml3 {
    margin-left: 2rem;
  }
  .sm-ml4 {
    margin-left: 4rem;
  }
  .sm-mx0 {
    margin-left: 0;
    margin-right: 0;
  }
  .sm-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .sm-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm-mx3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm-mx4 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .sm-my0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sm-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .sm-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .sm-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sm-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 832px) {
  .md-m0 {
    margin: 0;
  }
  .md-m1 {
    margin: 0.5rem;
  }
  .md-m2 {
    margin: 1rem;
  }
  .md-m3 {
    margin: 2rem;
  }
  .md-m4 {
    margin: 4rem;
  }
  .md-mt0 {
    margin-top: 0;
  }
  .md-mt1 {
    margin-top: 0.5rem;
  }
  .md-mt2 {
    margin-top: 1rem;
  }
  .md-mt3 {
    margin-top: 2rem;
  }
  .md-mt4 {
    margin-top: 4rem;
  }
  .md-mr0 {
    margin-right: 0;
  }
  .md-mr1 {
    margin-right: 0.5rem;
  }
  .md-mr2 {
    margin-right: 1rem;
  }
  .md-mr3 {
    margin-right: 2rem;
  }
  .md-mr4 {
    margin-right: 4rem;
  }
  .md-mb0 {
    margin-bottom: 0;
  }
  .md-mb1 {
    margin-bottom: 0.5rem;
  }
  .md-mb2 {
    margin-bottom: 1rem;
  }
  .md-mb3 {
    margin-bottom: 2rem;
  }
  .md-mb4 {
    margin-bottom: 4rem;
  }
  .md-ml0 {
    margin-left: 0;
  }
  .md-ml1 {
    margin-left: 0.5rem;
  }
  .md-ml2 {
    margin-left: 1rem;
  }
  .md-ml3 {
    margin-left: 2rem;
  }
  .md-ml4 {
    margin-left: 4rem;
  }
  .md-mx0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .md-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md-mx3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md-mx4 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .md-my0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .md-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .md-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .md-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .md-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .lg-m0 {
    margin: 0;
  }
  .lg-m1 {
    margin: 0.5rem;
  }
  .lg-m2 {
    margin: 1rem;
  }
  .lg-m3 {
    margin: 2rem;
  }
  .lg-m4 {
    margin: 4rem;
  }
  .lg-mt0 {
    margin-top: 0;
  }
  .lg-mt1 {
    margin-top: 0.5rem;
  }
  .lg-mt2 {
    margin-top: 1rem;
  }
  .lg-mt3 {
    margin-top: 2rem;
  }
  .lg-mt4 {
    margin-top: 4rem;
  }
  .lg-mr0 {
    margin-right: 0;
  }
  .lg-mr1 {
    margin-right: 0.5rem;
  }
  .lg-mr2 {
    margin-right: 1rem;
  }
  .lg-mr3 {
    margin-right: 2rem;
  }
  .lg-mr4 {
    margin-right: 4rem;
  }
  .lg-mb0 {
    margin-bottom: 0;
  }
  .lg-mb1 {
    margin-bottom: 0.5rem;
  }
  .lg-mb2 {
    margin-bottom: 1rem;
  }
  .lg-mb3 {
    margin-bottom: 2rem;
  }
  .lg-mb4 {
    margin-bottom: 4rem;
  }
  .lg-ml0 {
    margin-left: 0;
  }
  .lg-ml1 {
    margin-left: 0.5rem;
  }
  .lg-ml2 {
    margin-left: 1rem;
  }
  .lg-ml3 {
    margin-left: 2rem;
  }
  .lg-ml4 {
    margin-left: 4rem;
  }
  .lg-mx0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .lg-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg-mx3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .lg-mx4 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .lg-my0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .lg-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .lg-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .lg-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .lg-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1216px) {
  .xl-m0 {
    margin: 0;
  }
  .xl-m1 {
    margin: 0.5rem;
  }
  .xl-m2 {
    margin: 1rem;
  }
  .xl-m3 {
    margin: 2rem;
  }
  .xl-m4 {
    margin: 4rem;
  }
  .xl-mt0 {
    margin-top: 0;
  }
  .xl-mt1 {
    margin-top: 0.5rem;
  }
  .xl-mt2 {
    margin-top: 1rem;
  }
  .xl-mt3 {
    margin-top: 2rem;
  }
  .xl-mt4 {
    margin-top: 4rem;
  }
  .xl-mr0 {
    margin-right: 0;
  }
  .xl-mr1 {
    margin-right: 0.5rem;
  }
  .xl-mr2 {
    margin-right: 1rem;
  }
  .xl-mr3 {
    margin-right: 2rem;
  }
  .xl-mr4 {
    margin-right: 4rem;
  }
  .xl-mb0 {
    margin-bottom: 0;
  }
  .xl-mb1 {
    margin-bottom: 0.5rem;
  }
  .xl-mb2 {
    margin-bottom: 1rem;
  }
  .xl-mb3 {
    margin-bottom: 2rem;
  }
  .xl-mb4 {
    margin-bottom: 4rem;
  }
  .xl-ml0 {
    margin-left: 0;
  }
  .xl-ml1 {
    margin-left: 0.5rem;
  }
  .xl-ml2 {
    margin-left: 1rem;
  }
  .xl-ml3 {
    margin-left: 2rem;
  }
  .xl-ml4 {
    margin-left: 4rem;
  }
  .xl-mx0 {
    margin-left: 0;
    margin-right: 0;
  }
  .xl-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .xl-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xl-mx3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xl-mx4 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .xl-my0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .xl-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .xl-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xl-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .xl-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 640px) {
  .sm-p0 {
    padding: 0;
  }
  .sm-p1 {
    padding: 0.5rem;
  }
  .sm-p2 {
    padding: 1rem;
  }
  .sm-p3 {
    padding: 2rem;
  }
  .sm-p4 {
    padding: 4rem;
  }
  .sm-pt0 {
    padding-top: 0;
  }
  .sm-pt1 {
    padding-top: 0.5rem;
  }
  .sm-pt2 {
    padding-top: 1rem;
  }
  .sm-pt3 {
    padding-top: 2rem;
  }
  .sm-pt4 {
    padding-top: 4rem;
  }
  .sm-pr0 {
    padding-right: 0;
  }
  .sm-pr1 {
    padding-right: 0.5rem;
  }
  .sm-pr2 {
    padding-right: 1rem;
  }
  .sm-pr3 {
    padding-right: 2rem;
  }
  .sm-pr4 {
    padding-right: 4rem;
  }
  .sm-pb0 {
    padding-bottom: 0;
  }
  .sm-pb1 {
    padding-bottom: 0.5rem;
  }
  .sm-pb2 {
    padding-bottom: 1rem;
  }
  .sm-pb3 {
    padding-bottom: 2rem;
  }
  .sm-pb4 {
    padding-bottom: 4rem;
  }
  .sm-pl0 {
    padding-left: 0;
  }
  .sm-pl1 {
    padding-left: 0.5rem;
  }
  .sm-pl2 {
    padding-left: 1rem;
  }
  .sm-pl3 {
    padding-left: 2rem;
  }
  .sm-pl4 {
    padding-left: 4rem;
  }
  .sm-px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm-px3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm-px4 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .sm-py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 832px) {
  .md-p0 {
    padding: 0;
  }
  .md-p1 {
    padding: 0.5rem;
  }
  .md-p2 {
    padding: 1rem;
  }
  .md-p3 {
    padding: 2rem;
  }
  .md-p4 {
    padding: 4rem;
  }
  .md-pt0 {
    padding-top: 0;
  }
  .md-pt1 {
    padding-top: 0.5rem;
  }
  .md-pt2 {
    padding-top: 1rem;
  }
  .md-pt3 {
    padding-top: 2rem;
  }
  .md-pt4 {
    padding-top: 4rem;
  }
  .md-pr0 {
    padding-right: 0;
  }
  .md-pr1 {
    padding-right: 0.5rem;
  }
  .md-pr2 {
    padding-right: 1rem;
  }
  .md-pr3 {
    padding-right: 2rem;
  }
  .md-pr4 {
    padding-right: 4rem;
  }
  .md-pb0 {
    padding-bottom: 0;
  }
  .md-pb1 {
    padding-bottom: 0.5rem;
  }
  .md-pb2 {
    padding-bottom: 1rem;
  }
  .md-pb3 {
    padding-bottom: 2rem;
  }
  .md-pb4 {
    padding-bottom: 4rem;
  }
  .md-pl0 {
    padding-left: 0;
  }
  .md-pl1 {
    padding-left: 0.5rem;
  }
  .md-pl2 {
    padding-left: 1rem;
  }
  .md-pl3 {
    padding-left: 2rem;
  }
  .md-pl4 {
    padding-left: 4rem;
  }
  .md-px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md-px3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md-px4 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md-py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .lg-p0 {
    padding: 0;
  }
  .lg-p1 {
    padding: 0.5rem;
  }
  .lg-p2 {
    padding: 1rem;
  }
  .lg-p3 {
    padding: 2rem;
  }
  .lg-p4 {
    padding: 4rem;
  }
  .lg-pt0 {
    padding-top: 0;
  }
  .lg-pt1 {
    padding-top: 0.5rem;
  }
  .lg-pt2 {
    padding-top: 1rem;
  }
  .lg-pt3 {
    padding-top: 2rem;
  }
  .lg-pt4 {
    padding-top: 4rem;
  }
  .lg-pr0 {
    padding-right: 0;
  }
  .lg-pr1 {
    padding-right: 0.5rem;
  }
  .lg-pr2 {
    padding-right: 1rem;
  }
  .lg-pr3 {
    padding-right: 2rem;
  }
  .lg-pr4 {
    padding-right: 4rem;
  }
  .lg-pb0 {
    padding-bottom: 0;
  }
  .lg-pb1 {
    padding-bottom: 0.5rem;
  }
  .lg-pb2 {
    padding-bottom: 1rem;
  }
  .lg-pb3 {
    padding-bottom: 2rem;
  }
  .lg-pb4 {
    padding-bottom: 4rem;
  }
  .lg-pl0 {
    padding-left: 0;
  }
  .lg-pl1 {
    padding-left: 0.5rem;
  }
  .lg-pl2 {
    padding-left: 1rem;
  }
  .lg-pl3 {
    padding-left: 2rem;
  }
  .lg-pl4 {
    padding-left: 4rem;
  }
  .lg-px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg-px3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg-px4 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg-py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 1216px) {
  .xl-p0 {
    padding: 0;
  }
  .xl-p1 {
    padding: 0.5rem;
  }
  .xl-p2 {
    padding: 1rem;
  }
  .xl-p3 {
    padding: 2rem;
  }
  .xl-p4 {
    padding: 4rem;
  }
  .xl-pt0 {
    padding-top: 0;
  }
  .xl-pt1 {
    padding-top: 0.5rem;
  }
  .xl-pt2 {
    padding-top: 1rem;
  }
  .xl-pt3 {
    padding-top: 2rem;
  }
  .xl-pt4 {
    padding-top: 4rem;
  }
  .xl-pr0 {
    padding-right: 0;
  }
  .xl-pr1 {
    padding-right: 0.5rem;
  }
  .xl-pr2 {
    padding-right: 1rem;
  }
  .xl-pr3 {
    padding-right: 2rem;
  }
  .xl-pr4 {
    padding-right: 4rem;
  }
  .xl-pb0 {
    padding-bottom: 0;
  }
  .xl-pb1 {
    padding-bottom: 0.5rem;
  }
  .xl-pb2 {
    padding-bottom: 1rem;
  }
  .xl-pb3 {
    padding-bottom: 2rem;
  }
  .xl-pb4 {
    padding-bottom: 4rem;
  }
  .xl-pl0 {
    padding-left: 0;
  }
  .xl-pl1 {
    padding-left: 0.5rem;
  }
  .xl-pl2 {
    padding-left: 1rem;
  }
  .xl-pl3 {
    padding-left: 2rem;
  }
  .xl-pl4 {
    padding-left: 4rem;
  }
  .xl-px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xl-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xl-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl-px3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xl-px4 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xl-py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xl-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xl-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xl-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xl-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.box-shadow-1 {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}

.box-shadow-1.box-shadow--hover:hover {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

.box-shadow-2 {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

.box-shadow-2.box-shadow--hover:hover {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
}

.box-shadow-3 {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
}

.box-shadow-3.box-shadow--hover:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
}

/* Horizontal Alignment */
.center {
  text-align: center !important;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

/* Vertical Alignment */
.align-text-top {
  vertical-align: text-top;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-inherit {
  vertical-align: inherit;
}

.align-self-end {
  align-self: flex-end;
}

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

.align-items-middle {
  align-items: center !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-start {
  align-items: flex-start !important;
}

/* Positioning */
.absolute {
  position: absolute !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.relative {
  position: relative !important;
}

.static {
  position: static !important;
}

.grid {
  display: grid;
}

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

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.float-left {
  float: left;
}

.sticky {
  position: sticky;
}

.sticky-to-top {
  position: sticky;
  top: 56px;
}

/* Typography */
.h1 {
  font-size: 27px !important;
}

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

.h3 {
  font-size: 17px !important;
}

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

.h5 {
  font-size: 13px !important;
}

.h6 {
  font-size: 12px !important;
}

/* Font weights */
.regular {
  font-weight: 300 !important;
}

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

b {
  font-weight: 500 !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

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

.caps {
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

/* Width */
.third-width {
  width: 33% !important;
}

.half-width {
  width: 50% !important;
}

.full-width {
  width: 100% !important;
}

.min-width-none {
  min-width: none !important;
}

.min-width-full {
  min-width: 100% !important;
}

.max-width-none {
  max-width: none !important;
}

.max-width-full {
  max-width: 100% !important;
}

.max-width-screen-width {
  max-width: 100vw;
}

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

/* Height */
.full-height {
  height: 100% !important;
}

.third-height {
  height: 33% !important;
}

/* Interaction */
.clickable {
  cursor: pointer !important;
}

.nonclickable {
  cursor: default !important;
}

.user-select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Image */
.cover {
  -o-object-fit: cover;
     object-fit: cover;
}

/* Spacing between elements */
.space-y > * + * {
  margin-top: 0.5rem;
}

.space-y-2 > * + * {
  margin-top: 1rem;
}

.space-y-3 > * + * {
  margin-top: 1.5rem;
}

.space-x > * + * {
  margin-left: 0.5rem;
}

.mb2-important {
  margin-bottom: 1rem !important;
}

.m0-important {
  margin: 0 !important;
}

.mtn2 {
  margin-top: -1rem;
}

.mbn2 {
  margin-bottom: -1rem;
}

/* Wrapping */
.overflow-wrap-anywhere {
  overflow-wrap: anywhere;
}

.text-nowrap {
  text-wrap: nowrap;
}

/* Visibilty */
.visible {
  visibility: visible !important;
}

/* Orientation */
.flip-horizontal {
  transform: scaleX(-1);
}

/* Borders */
.rounded-none {
  border-radius: 0 !important;
}

/* Animations */
.fade-away {
  opacity: 0;
  transition: opacity 0.5s;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-nowrap {
  white-space: nowrap;
}

/* Max Widths */
.max-width-200 {
  max-width: 200px;
}

.z-index-0 {
  z-index: 0 !important;
}

.z-index-1 {
  z-index: 100 !important;
}

.z-index-2 {
  z-index: 200 !important;
}

.z-index-3 {
  z-index: 300 !important;
}

.AccordionTable {
  position: relative;
  padding: 0.5rem;
  display: inline-block;
  margin-bottom: 0 !important;
}
.AccordionTable.selectable {
  padding-top: 0;
}
.AccordionTable.selectable > div > .AccordionTableRow:first-child {
  border-top: none;
}
.AccordionTable .AccordionTableRow {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: none;
  border-top: 1px solid #EBEFF1;
  min-height: 68px;
}
.AccordionTable .AccordionTableRow.border-indent {
  position: relative;
  padding-top: 1rem;
}
.AccordionTable .AccordionTableRow.border-indent:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  height: 1px;
  border-top: 1px solid #FFFFFF;
}
.AccordionTable .AccordionTableRow.border-indent:first-child.border-indent-0:before {
  width: 0;
}
.AccordionTable .AccordionTableRow.border-indent.border-indent-0:before {
  width: 32px;
}
.AccordionTable .AccordionTableRow.border-indent:first-child.border-indent-1:before {
  width: 32px;
}
.AccordionTable .AccordionTableRow.border-indent.border-indent-1:before {
  width: 57px;
}
.AccordionTable .AccordionTableRow.border-indent:first-child.border-indent-2:before {
  width: 57px;
}
.AccordionTable .AccordionTableRow.border-indent.border-indent-2:before {
  width: 82px;
}
.AccordionTable .AccordionTableRow.border-indent:first-child.border-indent-3:before {
  width: 82px;
}
.AccordionTable .AccordionTableRow.border-indent.border-indent-3:before {
  width: 107px;
}
.AccordionTable .AccordionTableRow .row-chevron {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  transform: rotate(0);
  transition: transform 0.2s ease-in-out;
}
.AccordionTable .AccordionTableRow .row-chevron.expanded {
  transform: rotate(90deg);
}
.AccordionTable .AccordionTableRow .AccordionTableCell {
  color: #212B36;
  font-weight: 200;
  font-size: 14px;
  vertical-align: middle;
}
.AccordionTable .AccordionTableRow .AccordionTableCell:first-child {
  padding: 0;
}
.AccordionTable .AccordionTableHeaders {
  display: flex;
  align-items: center;
  overflow-wrap: normal;
}
.AccordionTable .AccordionTableHeaders .header {
  padding: 0.5rem 0.5rem 0.75rem 0.5rem;
  color: #818F9E;
  font-weight: 200;
  font-size: 13px;
}
.AccordionTable .sorting_asc span,
.AccordionTable .sorting_desc span {
  position: relative;
}
.AccordionTable .sorting:hover,
.AccordionTable .sorting_asc:hover,
.AccordionTable .sorting_desc:hover {
  cursor: pointer;
  color: #1776F5 !important;
}
.AccordionTable .sorting:focus,
.AccordionTable .sorting_asc:focus,
.AccordionTable .sorting_desc:focus {
  outline: 0;
}
.AccordionTable .sorting_asc span:after,
.AccordionTable .sorting_desc span:after {
  content: "";
  position: absolute;
  background-image: url(https://secure.collage.co/assets/arrow-down@2X-e56d3d5a536778d6e06eb7abf6752a2d845728e76ef1ea23c5872da4268edf0c.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  margin-left: 4px;
  top: 53%;
}
.AccordionTable .sorting_asc span:after {
  transform: translateY(-50%) rotate(180deg);
}
.AccordionTable .sorting_desc span:after {
  transform: translateY(-50%);
}

.AccordionTableFilters {
  border-bottom: 1px solid #EBEFF1;
  padding: 0 1rem 1rem 1rem;
}

.accordion-col-1 {
  width: 8.3333333333%;
}

.accordion-col-2 {
  width: 16.6666666667%;
}

.accordion-col-3 {
  width: 25%;
}

.accordion-col-4 {
  width: 33.3333333333%;
}

.accordion-col-5 {
  width: 41.6666666667%;
}

.accordion-col-6 {
  width: 50%;
}

.accordion-col-7 {
  width: 58.3333333333%;
}

.accordion-col-8 {
  width: 66.6666666667%;
}

.accordion-col-9 {
  width: 75%;
}

.accordion-col-10 {
  width: 83.3333333333%;
}

.accordion-col-11 {
  width: 91.6666666667%;
}

.accordion-col-12 {
  width: 100%;
}

@media (max-width: 1024px) {
  .accordion-col-lg-hidden {
    display: none;
  }
  .accordion-col-lg-1 {
    width: 8.3333333333%;
  }
  .accordion-col-lg-2 {
    width: 16.6666666667%;
  }
  .accordion-col-lg-3 {
    width: 25%;
  }
  .accordion-col-lg-4 {
    width: 33.3333333333%;
  }
  .accordion-col-lg-5 {
    width: 41.6666666667%;
  }
  .accordion-col-lg-6 {
    width: 50%;
  }
  .accordion-col-lg-7 {
    width: 58.3333333333%;
  }
  .accordion-col-lg-8 {
    width: 66.6666666667%;
  }
  .accordion-col-lg-9 {
    width: 75%;
  }
  .accordion-col-lg-10 {
    width: 83.3333333333%;
  }
  .accordion-col-lg-11 {
    width: 91.6666666667%;
  }
  .accordion-col-lg-12 {
    width: 100%;
  }
}
@media (max-width: 1216px) {
  .accordion-col-xl-hidden {
    display: none;
  }
  .accordion-col-xl-1 {
    width: 8.3333333333%;
  }
  .accordion-col-xl-2 {
    width: 16.6666666667%;
  }
  .accordion-col-xl-3 {
    width: 25%;
  }
  .accordion-col-xl-4 {
    width: 33.3333333333%;
  }
  .accordion-col-xl-5 {
    width: 41.6666666667%;
  }
  .accordion-col-xl-6 {
    width: 50%;
  }
  .accordion-col-xl-7 {
    width: 58.3333333333%;
  }
  .accordion-col-xl-8 {
    width: 66.6666666667%;
  }
  .accordion-col-xl-9 {
    width: 75%;
  }
  .accordion-col-xl-10 {
    width: 83.3333333333%;
  }
  .accordion-col-xl-11 {
    width: 91.6666666667%;
  }
  .accordion-col-xl-12 {
    width: 100%;
  }
}
.Toast {
  z-index: 100000;
  display: none;
  bottom: 0;
  left: 40px;
  position: fixed;
  border-radius: 6px;
  padding: 20px;
  opacity: 0;
  box-shadow: 0 2px 8px 1px #C9CFD1;
  max-width: 400px;
}

.Toast--error {
  background-color: #EB4D28;
}

.Toast--success {
  background-color: #00B7B3;
}

.Toast-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 29px;
  width: 29px;
}

.Toast--success .Toast-icon {
  background-image: url(https://secure.collage.co/assets/success-faba4f109c5bac0e57759d97470ee959802f42692b434291d0f8453c46810c4f.svg);
}

.Toast-text {
  display: inline-block;
  vertical-align: middle;
}

.Toast-icon:empty {
  display: none;
}

.Toast-dismiss {
  position: absolute;
  padding: 1px;
  top: 5px;
  right: 0;
  height: 13px;
  width: 13px;
  margin-right: 5px;
}

.Toast-dismiss:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.3);
}

.is-toasting {
  display: block;
  animation-name: toast-show;
  animation-duration: 1.4s;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.is-untoasting {
  display: block;
  animation-name: toast-hide;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.465, 0.84, 0.44, 1);
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes toast-show {
  0% {
    bottom: 0;
    opacity: 0;
  }
  50% {
    bottom: 40px;
    opacity: 1;
  }
  100% {
    bottom: 40px;
    opacity: 1;
  }
}
@keyframes toast-hide {
  0% {
    bottom: 40px;
    opacity: 1;
  }
  80% {
    bottom: 40px;
    opacity: 1;
  }
  100% {
    bottom: 0;
    opacity: 0;
  }
}
.AnnotationHelper {
  position: absolute;
  background-color: #FDBE3E;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  z-index: 100;
  right: 100%;
  width: -moz-max-content;
  width: max-content;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  transition: 0.3s ease-in-out;
}

.AnnotationHelper:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  border-left: 18px solid #FDBE3E;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.AnnotationHelperContent > * {
  display: block;
  padding: 0.5rem 1rem;
  color: #FFFFFF;
}

.AnnouncementContainer {
  left: 245px;
}

.Announcement {
  padding: 10px;
  color: #FFFFFF;
}

@media (max-width: 1024px) {
  .AnnouncementContainer {
    left: 0;
  }
}
.assignee-selector-menu.is-closed {
  animation: 0.2s menu-close ease-in-out forwards;
}
.assignee-selector-menu.is-open {
  animation: 0.2s menu-open ease-in-out forwards;
}
@keyframes menu-open {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes menu-close {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0;
    z-index: -1;
  }
}

.ATS {
  padding-bottom: 160px;
}
.ATS .Container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 70px;
  padding-left: 70px;
  max-width: 800px;
}
.ATS .Container:before,
.ATS .Container:after {
  content: " ";
  display: table;
}
.ATS nav {
  background-color: #FFFFFF;
  padding: 14px 0;
  box-shadow: 0 1px #DFE3E6;
}
.ATS nav a.ATS-job-site-link {
  color: #000000;
  font-size: 25px;
  display: block;
}
.ATS .ATS-posting {
  margin: 75px 0;
}
.ATS h1.ATS-department {
  margin: 0;
  font-weight: 400;
  font-size: 27px;
  color: #3B3D4D;
  padding-bottom: 14px;
}
.ATS ul.ATS-positions {
  margin: 0;
  padding: 0;
}
.ATS ul.ATS-positions li {
  font-size: 18px;
  list-style-type: none;
  border-bottom: 1px solid #DFE3E6;
}
.ATS ul.ATS-positions a {
  color: #3B3D4D;
  padding: 20px 0;
}
.ATS ul.ATS-positions span, .ATS ul.ATS-positions i, .ATS ul.ATS-positions .ATS-position-title {
  transition: 0.16s ease;
}
.ATS ul.ATS-positions span {
  font-size: 13px;
}
.ATS ul.ATS-positions .ATS-position-title {
  color: #3358E9;
  font-size: 17px;
}
.ATS ul.ATS-positions a:hover .ATS-position-title {
  text-decoration: underline;
}
.ATS .ATS-commitment-and-location {
  font-size: 15px;
}
.ATS .ATS-commitment-and-location .ATS-bullet-point:before {
  content: "•";
  font-size: 6px;
  vertical-align: middle;
}
.ATS .ATS-button {
  display: inline-block;
  padding: 9px 35px;
  background: linear-gradient(180deg, #6986FF, #4367F7);
  color: #FFFFFF;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  transition: 0.2s ease;
}
.ATS .ATS-button:hover {
  background: linear-gradient(180deg, #4367F7, #3358E9);
  border-color: #3358E9;
}
.ATS .ATS-button.ATS-header-button {
  padding: 9px 40px;
  margin-top: -20px;
}
.ATS .ATS-button.ATS-button--small {
  font-size: 12px;
  padding: 4px 20px 5px 20px;
}
.ATS .ATS-position-header {
  padding-bottom: 33px;
}
.ATS .ATS-position-header h1 {
  font-size: 36px;
  font-weight: 500;
  color: #3B3D4D;
}
.ATS .ATS-position-description {
  margin: 44px -70px 0 -70px;
  padding: 51px 70px 0 70px;
  border-top: 1px solid #DFE3E6;
  line-height: 27px;
  color: #3B3D4D;
  font-size: 16px;
  overflow-wrap: break-word;
}
.ATS .ATS-position-description a {
  color: #4B93E4;
}
.ATS .ATS-position-description a:hover {
  color: rgb(32.8695652174, 120.5217391304, 219.1304347826);
}
.ATS .ATS-position-description.non-lexical h1 {
  font-size: 27px;
  margin: 30px 0;
}
.ATS .ATS-position-description.non-lexical h2 {
  font-size: 20px;
  margin: 25px 0;
}
.ATS .ATS-position-description.non-lexical h3 {
  font-size: 16px;
  margin: 21px 0;
}
.ATS .ATS-position-description.non-lexical p {
  font-size: 16px;
  font-weight: 200;
  margin: 0.5rem 0;
}
.ATS .ATS-position-description.non-lexical br + p {
  margin-top: 0;
}
.ATS .ATS-position-description.non-lexical ul, .ATS .ATS-position-description.non-lexical ol {
  margin-left: 2rem;
}
.ATS .ATS-position-description.non-lexical li {
  margin: 0.25rem 0;
}
.ATS .ATS-position-description.non-lexical ins {
  text-decoration: underline;
}
.ATS .ATS-position-details-container {
  background-color: #FFFFFF;
  margin-top: 56px;
  border-radius: 2px;
  box-shadow: 0 1px #DFE3E6;
}
.ATS footer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 50px 0;
  text-align: center;
  color: #A1AABC;
}
.ATS #cr-job-application h2 {
  font-size: 20px;
}
@media (max-width: 832px) {
  .ATS nav.ATS-position-details-nav {
    border: none;
  }
  .ATS .Container {
    padding-right: 20px;
    padding-left: 20px;
  }
  .ATS .ATS-bottom-button {
    width: 100%;
    text-align: center;
  }
  .ATS .ATS-position-details-container {
    margin-top: 0;
  }
  .ATS .ATS-position-description {
    margin: 50px -20px 0 -20px;
    padding: 0 20px;
    border: none;
  }
  .ATS .ATS-position-description h2 {
    font-size: 20px;
  }
  .ATS .ATS-posting {
    margin: 50px 0;
  }
  .ATS .ATS-position-header h1 {
    font-size: 30px;
  }
  .ATS .ATS-job-site-logo a img {
    height: 42px;
  }
}

.FeedbackContainer {
  position: relative;
  outline: 0;
}
.FeedbackContainer .editor-container {
  border: none !important;
}
.FeedbackContainer .editor-container .toolbar {
  border-bottom: 1px solid #EBEFF1;
}

.Avatar {
  border-radius: 50%;
  position: relative;
  font-weight: 400;
  letter-spacing: 0.1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Avatar .center {
  text-indent: 0.1rem;
}

.Avatar--sm::before,
.Avatar--md::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  opacity: 0.5;
}

.Avatar-edit {
  opacity: 0;
  transform: translateY(0.5rem);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  cursor: pointer;
  color: #FFFFFF;
  background-color: #4367F7;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  bottom: 0;
  right: 0;
}
.Avatar-edit i {
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 19px;
  left: 50%;
  top: 50%;
  transform: translate(-30%, -30%);
}

.Avatar--editable:hover .Avatar-edit {
  opacity: 1;
  transform: translateY(0);
}

.Avatar--lg {
  height: 96px;
  width: 96px;
  font-size: 32px;
  line-height: 100px;
}

.Avatar--md {
  height: 50px;
  width: 50px;
  font-size: 14px;
  line-height: 50px;
}

.Avatar--sm {
  height: 36px;
  width: 36px;
  font-size: 9px;
  line-height: 36px;
}

.Avatar--xs {
  height: 22px;
  width: 22px;
  font-size: 7px;
  line-height: 22px;
}

.Avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.Avatar--md.Avatar--more {
  font-size: 18px;
}

.Avatar--sm.Avatar--more {
  font-size: 12px;
}

.AvatarList {
  list-style: none;
  padding-left: 0;
  display: inline-block;
  margin-right: 0.5rem;
}

.AvatarList li {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.AvatarList li .Avatar {
  border: 1px solid #FFFFFF;
}

.AvatarList--overlap.AvatarList--sm {
  padding-left: 0.57rem;
}
.AvatarList--overlap.AvatarList--sm li {
  margin-left: -0.57rem;
}
.AvatarList--overlap.AvatarList--md {
  padding-left: 1.2rem;
}
.AvatarList--overlap.AvatarList--md li {
  margin-left: -1.2rem;
}

.Avatar-tooltip {
  position: absolute;
  letter-spacing: normal;
  transform: translateX(-50%) scale(0);
  background-color: #3B4E7F;
  color: #FFFFFF;
  padding: 0.7rem 1rem;
  font-weight: 200;
  font-size: 13px;
  border-radius: 4px;
  left: 50%;
  white-space: nowrap;
  z-index: 1000;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
}

.Avatar-tooltip::after {
  content: "";
  position: absolute;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #3B4E7F;
  left: 50%;
  transform: translateX(-50%);
}

.Avatar--sm + .Avatar-tooltip {
  top: -50px;
}

.Avatar--md + .Avatar-tooltip {
  top: -55px;
}

.Avatar--sm:hover + .Avatar-tooltip,
.Avatar--md:hover + .Avatar-tooltip {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.Avatar--more + .Avatar-tooltip,
.Avatar--more + .Avatar-tooltip {
  display: none;
}

@media (max-width: 1024px) {
  .Avatar--lg.Avatar-edit {
    position: absolute;
    display: block;
    border-radius: 50%;
    background-color: #1776F5;
    height: 42px;
    width: 42px;
    bottom: 0;
    right: 0;
  }
}
.CompanyAvatar {
  display: inline-block;
  text-align: center;
  border-radius: 4px;
}
.CompanyAvatar img {
  height: 50%;
  width: 50%;
  vertical-align: top;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.CompanyAvatar--lg {
  height: 96px;
  width: 96px;
}
.CompanyAvatar--md {
  height: 32px;
  width: 32px;
}

.BeneficaryAssignmentInstructions .ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.BeneficaryAssignmentInstructions .ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.BeneficaryAssignmentInstructions .ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui, .BeneficaryAssignmentInstructions .ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.BeneficaryAssignmentInstructions .ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.BeneficaryAssignmentInstructions .ql-clipboard p {
  margin: 0;
  padding: 0;
}
.BeneficaryAssignmentInstructions .ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.BeneficaryAssignmentInstructions .ql-editor > * {
  cursor: text;
}
.BeneficaryAssignmentInstructions .ql-editor p, .BeneficaryAssignmentInstructions .ql-editor ol, .BeneficaryAssignmentInstructions .ql-editor pre, .BeneficaryAssignmentInstructions .ql-editor blockquote, .BeneficaryAssignmentInstructions .ql-editor h1, .BeneficaryAssignmentInstructions .ql-editor h2, .BeneficaryAssignmentInstructions .ql-editor h3, .BeneficaryAssignmentInstructions .ql-editor h4, .BeneficaryAssignmentInstructions .ql-editor h5, .BeneficaryAssignmentInstructions .ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor p, .BeneficaryAssignmentInstructions .ql-editor h1, .BeneficaryAssignmentInstructions .ql-editor h2, .BeneficaryAssignmentInstructions .ql-editor h3, .BeneficaryAssignmentInstructions .ql-editor h4, .BeneficaryAssignmentInstructions .ql-editor h5, .BeneficaryAssignmentInstructions .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor p, .BeneficaryAssignmentInstructions .ql-editor h1, .BeneficaryAssignmentInstructions .ql-editor h2, .BeneficaryAssignmentInstructions .ql-editor h3, .BeneficaryAssignmentInstructions .ql-editor h4, .BeneficaryAssignmentInstructions .ql-editor h5, .BeneficaryAssignmentInstructions .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.BeneficaryAssignmentInstructions .ql-editor table {
  border-collapse: collapse;
}
.BeneficaryAssignmentInstructions .ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.BeneficaryAssignmentInstructions .ql-editor ol {
  padding-left: 1.5em !important;
}
.BeneficaryAssignmentInstructions .ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.BeneficaryAssignmentInstructions .ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=checked] > .ql-ui, .BeneficaryAssignmentInstructions .ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "•";
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=checked] > .ql-ui:before {
  content: "☑";
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "☐";
}
@supports (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set: none) {
  .BeneficaryAssignmentInstructions .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.BeneficaryAssignmentInstructions .ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.BeneficaryAssignmentInstructions .ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
  text-align: left;
}
.BeneficaryAssignmentInstructions .ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.BeneficaryAssignmentInstructions .ql-editor table td {
  outline: none;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-code-block-container {
  font-family: monospace;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-bg-black {
  background-color: #000;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-bg-red {
  background-color: #e60000;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-bg-orange {
  background-color: #f90;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-bg-green {
  background-color: #008a00;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-bg-blue {
  background-color: #06c;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-bg-purple {
  background-color: #93f;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-color-white {
  color: #fff;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-color-red {
  color: #e60000;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-color-orange {
  color: #f90;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-color-yellow {
  color: #ff0;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-color-green {
  color: #008a00;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-color-blue {
  color: #06c;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-color-purple {
  color: #93f;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-size-small {
  font-size: 0.75em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-size-large {
  font-size: 1.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-align-center {
  text-align: center;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-align-justify {
  text-align: justify;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-align-right {
  text-align: right;
}
.BeneficaryAssignmentInstructions .ql-editor .ql-ui {
  position: absolute;
}
.BeneficaryAssignmentInstructions .ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.BeneficaryAssignmentInstructions .ql-snow.ql-toolbar:after, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button svg, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:active:hover, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.BeneficaryAssignmentInstructions .ql-snow.ql-toolbar input.ql-image[type=file], .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar textarea.ql-image[type=file], .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar input.ql-image[type=file], .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar textarea.ql-image[type=file] {
  display: none;
}
.BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:hover, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:hover, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:focus, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:focus, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button.ql-active, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button.ql-active, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-label:hover, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-label:hover, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-label.ql-active, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-label.ql-active, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-item:hover, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-item:hover, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:hover .ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:hover .ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:focus .ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:focus .ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button.ql-active .ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button.ql-active .ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:hover .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:hover .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:focus .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:focus .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button.ql-active .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button.ql-active .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:hover:not(.ql-active), .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .BeneficaryAssignmentInstructions .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .BeneficaryAssignmentInstructions .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.BeneficaryAssignmentInstructions .ql-snow {
  box-sizing: border-box;
}
.BeneficaryAssignmentInstructions .ql-snow * {
  box-sizing: border-box;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-hidden {
  display: none;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-out-bottom, .BeneficaryAssignmentInstructions .ql-snow .ql-out-top {
  visibility: hidden;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.BeneficaryAssignmentInstructions .ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-fill, .BeneficaryAssignmentInstructions .ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-empty {
  fill: none;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-even {
  fill-rule: evenodd;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-thin, .BeneficaryAssignmentInstructions .ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-transparent {
  opacity: 0.4;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-direction svg:last-child {
  display: none;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor h1 {
  font-size: 2em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor h4 {
  font-size: 1em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor a {
  text-decoration: underline;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor code, .BeneficaryAssignmentInstructions .ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-editor img {
  max-width: 100%;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-color-picker, .BeneficaryAssignmentInstructions .ql-snow .ql-icon-picker {
  width: 28px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-color-picker .ql-picker-label, .BeneficaryAssignmentInstructions .ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-color-picker .ql-picker-label svg, .BeneficaryAssignmentInstructions .ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header {
  width: 98px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-label::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-font {
  width: 108px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-font .ql-picker-label::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size {
  width: 98px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-label::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.BeneficaryAssignmentInstructions .ql-code-block-container {
  position: relative;
}
.BeneficaryAssignmentInstructions .ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.BeneficaryAssignmentInstructions .ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}
.BeneficaryAssignmentInstructions .ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.BeneficaryAssignmentInstructions .ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.BeneficaryAssignmentInstructions .ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.BeneficaryAssignmentInstructions .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.BeneficaryAssignmentInstructions .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.BeneficaryAssignmentInstructions .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .BeneficaryAssignmentInstructions .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.BeneficaryAssignmentInstructions .ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip input[type=text], .BeneficaryAssignmentInstructions .ql-snow .ql-tooltip textarea {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip a {
  line-height: 26px;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip.ql-editing a.ql-preview, .BeneficaryAssignmentInstructions .ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip.ql-editing input[type=text], .BeneficaryAssignmentInstructions .ql-snow .ql-tooltip.ql-editing textarea {
  display: inline-block;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.BeneficaryAssignmentInstructions .ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.BeneficaryAssignmentInstructions .ql-snow a {
  color: #06c;
}
.BeneficaryAssignmentInstructions .ql-container.ql-snow {
  border: 1px solid #ccc;
}

.Breadcrumb a:after {
  content: "";
  background-image: url(https://secure.collage.co/assets/right-arrow@2X-03a0540f65d6ba99f4600da4b6eacf849b9be71445f461f6cbd46f1b2621cd16.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 15px;
  width: 15px;
  display: inline-block;
  margin: 0 1rem;
  position: relative;
  top: 3px;
}

.Breadcrumb li {
  display: inline-block;
}

.Breadcrumb li:last-child a {
  color: #212B36;
}

.Breadcrumb li:last-child a:after {
  display: none;
}

.Breadcrumb div {
  display: inline-block;
}

.Breadcrumb div:last-child a {
  color: #212B36;
}

.Breadcrumb div:last-child a:after {
  display: none;
}

.BackToIndex {
  margin-left: -5px;
  margin-bottom: 1rem;
}
.BackToIndex img {
  transform: rotate(90deg);
}
.BackToIndex-hasTitle {
  margin-bottom: -1rem;
}

button {
  display: inline-flex;
  align-items: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  align-items: center;
  text-align: center;
  outline: 0;
  padding: 0;
  display: inline-block;
  font-family: inherit;
  border: none;
  box-shadow: none;
  background: none;
}

.Btn,
.Btn span {
  border-radius: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-decoration: none;
}

.Btn > span {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0.525rem 1rem;
  border-width: 1px;
  border-style: solid;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
  font-size: 14px;
  font-weight: 200;
  height: 36px;
}
.Btn > span.loading:first-child {
  color: transparent;
  opacity: 0.8;
  cursor: default;
}
.Btn:focus,
.Btn .Btn--content:focus {
  outline: none;
}
.Btn:disabled {
  pointer-events: none;
}
.Btn .Spinner-container--Btn {
  margin: 0;
  height: 20px;
  width: 20px;
}
.Btn .Spinner-container--Btn .Spinner {
  border-color: #FFFFFF;
}
.Btn .Spinner-container--Btn .Spinner-circle {
  border-width: 3px;
}

.Btn--sm > span {
  height: 30px;
  padding: 0.315rem 0.96rem;
}

.Btn--lg > span {
  height: 44px;
  padding: 0.74rem 1.5rem;
}

.Btn.full-width,
.Btn.full-width span {
  width: 100%;
}

.Btn--icon span {
  padding: 0.4375rem;
  height: 36px;
  width: 36px;
}

.Btn--icon.Btn--sm span {
  height: 30px;
  width: 30px;
}

.Btn--default > span {
  background: linear-gradient(180deg, #FFFFFF, #F9FAFB);
  border-color: #C9CFD1;
  color: #212B36;
}
.Btn--default:hover > span {
  background: linear-gradient(-180deg, #FAFBFC, #EAEFF3);
}
.Btn--default:focus > span {
  box-shadow: inset 0 0 0 1px #0F3DD0;
  border-color: #0F3DD0;
}
.Btn--default:active > span {
  background: #EAEFF3;
  box-shadow: inset 0 1px 4px 0 rgba(99, 115, 129, 0.2);
}
.Btn--default:disabled > span {
  background: linear-gradient(180deg, #FAFBFC, #EAEFF3);
  border-color: #C9CFD1;
  color: #919EAB;
}
.Btn--default .Spinner-container--Btn .Spinner {
  border-color: #919EAB;
}

.Btn--primary > span {
  background: linear-gradient(180deg, #6986FF, #4367F7);
  border-color: #4367F7;
  color: #FFFFFF;
}
.Btn--primary:hover > span {
  background: linear-gradient(180deg, #4367F7, #3358E9);
  border-color: #3358E9;
}
.Btn--primary:focus > span {
  background: linear-gradient(-180deg, #6986FF, #6986FF);
  box-shadow: inset 0 0 0 1px #0F3DD0;
  border-color: #0F3DD0;
}
.Btn--primary:active > span {
  background: #1B3EAE;
  border-color: #162A68;
  box-shadow: inset 0 2px 1px 0 rgba(22, 42, 104, 0.75);
}
.Btn--primary:disabled > span {
  background: #ADBDFF;
  border-color: #96A9F7;
}

.Btn--magic > span {
  background-image: linear-gradient(-1deg, #AF67DB 2%, #C58BE9 92%);
  border-color: #AF67DB;
  color: #FFFFFF;
}
.Btn--magic:hover > span, .Btn--magic:focus > span {
  background-image: linear-gradient(-1deg, #9B56C5 2%, #AF67DB 92%);
  border-color: #9B56C5;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
}
.Btn--magic:focus > span {
  box-shadow: inset 0 0 0 1px #692A8F;
  border-color: #692A8F;
}
.Btn--magic:active > span {
  background: #8C4BB4;
  border-color: #7E40A5;
  box-shadow: inset 0 2px 1px 0 #7E40A5;
}
.Btn--magic:disabled > span {
  background: #CBA5E1;
  border-color: #BE98D4;
}

.Btn--destructive > span {
  background: linear-gradient(-180deg, #FF6F4D, #EB4D28);
  border-color: #EB4D28;
  color: #FFFFFF;
}
.Btn--destructive:hover > span {
  background: linear-gradient(-180deg, #EE4E25, #EE4E25);
  border-color: #D93F1B;
}
.Btn--destructive:focus > span {
  background: #FF6F4D;
  box-shadow: inset 0 0 0 1px #E53106;
  border-color: #FF6F4D;
}
.Btn--destructive:active > span {
  background: #DA4725;
  border-color: #C62600;
  box-shadow: inset 0 2px 1px 0 rgba(51, 2, 2, 0.13);
}
.Btn--destructive:disabled > span {
  opacity: 0.5;
}

.Btn--lagoon > span {
  background-image: linear-gradient(-1deg, #2AB8CC 2%, #45CDE1 92%);
  border-color: #1BABC0;
  color: #FFFFFF;
}
.Btn--lagoon:hover > span {
  background-image: linear-gradient(-1deg, #16A2B6 2%, #2ABCD1 92%);
  border-color: #16A2B6;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
}
.Btn--lagoon:focus > span {
  background: #2ABCD1;
  border-color: #0693AC;
  box-shadow: inset 0 0 0 1px #0693AC;
}
.Btn--lagoon:active > span {
  background: #0693AC;
  border-color: #067080;
  box-shadow: inset 0 2px 1px 0 rgba(6, 112, 128, 0.75);
}
.Btn--lagoon:disabled > span {
  background: rgb(160.1779141104, 228.8895705521, 237.8220858896);
  border-color: rgb(148.0217391304, 219.5815217391, 228.9782608696);
}

.ButtonGroup .Btn {
  margin-right: 0.5rem;
}

.Panel + .ButtonGroup {
  margin-top: 1rem;
}
.Panel + .ButtonGroup .Btn {
  margin-bottom: 1rem;
}

@media (max-width: 640px) {
  .ButtonGroup > .Btn {
    width: 100%;
  }
}

.fc-button-primary {
  background: linear-gradient(180deg, #FFFFFF, #F9FAFB) !important;
  border-color: #C9CFD1 !important;
  color: #212B36 !important;
}
.fc-button-primary:focus {
  box-shadow: none !important;
}
.fc-button-primary:hover {
  background: linear-gradient(-180deg, #FAFBFC, #EAEFF3) !important;
}
.fc-button-primary:active {
  background: #EAEFF3 !important;
}

.fc-button-active {
  background: #EAEFF3 !important;
}

.fc-button:focus {
  box-shadow: none !important;
}

.fc-daygrid-day-number {
  color: #212B36 !important;
}

.fc-col-header-cell-cushion {
  color: #212B36 !important;
}

.fc-event:not(.fc-daygrid-dot-event) {
  padding-left: 5px;
}

.fc-event {
  align-items: baseline;
}
.fc-event .fc-event-time, .fc-event .fc-event-title {
  white-space: normal;
}

.CalendarOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background-color: rgba(255, 255, 255, 0.5);
}

.checkbox,
.checkbox:before {
  transition: 0.16s ease-in-out;
}

.Checkbox {
  line-height: normal;
  margin-bottom: 0;
}
.Checkbox .checkbox {
  background-color: #FFFFFF;
  display: block;
  vertical-align: bottom;
  width: 16px;
  height: 16px;
  border: 1px solid #C9CFD1;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
  overflow: hidden;
}
.Checkbox .checkbox:hover {
  border: 1px solid #919EAB;
}
.Checkbox .checkbox:before {
  content: "";
  top: -1.5px;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://secure.collage.co/assets/checkmark-selected@2x-b4663941f0abeab3faa38a5de0987fa96cb7d53b9e687766a16d6381080d08cf.png) no-repeat;
  background-size: 16px;
  background-position: center;
  display: block;
  margin: 0 auto;
  opacity: 0;
  transform: scale(0);
  left: -1px;
}
.Checkbox .checkbox.checked {
  border: 1px solid #4367F7;
  background-image: linear-gradient(-1deg, #4367F7 2%, #6986FF 96%);
}
.Checkbox .checkbox.checked:before {
  opacity: 1;
  transform: scale(1);
}
.Checkbox .checkbox.disabled {
  border: 1px solid #EBEFF1;
  background-color: #F5F5F5;
  pointer-events: none;
}
.Checkbox .checkbox.checked.disabled {
  border: 1px solid #96A9F7;
  background-color: #ADBDFF;
  background-image: none;
}

.Checkbox.Error-field .checkbox,
.Checkbox.Error-field .checkbox.focus {
  border: 1px solid #EB4D28;
  background-color: rgba(235, 77, 40, 0.08);
  box-shadow: none;
}
.Checkbox.Error-field .checkbox:before,
.Checkbox.Error-field .checkbox.focus:before {
  background: url(https://secure.collage.co/assets/error-checkmark@2x-7c73bfb78240513ecb72aeadd5e3eddd94465a29c4c775d7dbb983354bbb70ab.png) no-repeat;
  background-size: 16px;
}
.Checkbox.Error-field .checkbox.checked,
.Checkbox.Error-field .checkbox.focus.checked {
  border: 1px solid #EB4D28;
  background-color: rgba(235, 77, 40, 0.08);
  background-image: none;
}

.Checkbox-week:hover,
.Checkbox:hover {
  cursor: pointer;
}

.Checkbox-week label {
  display: flex;
  position: relative;
}
.Checkbox-week label:hover {
  cursor: pointer;
}
.Checkbox-week .checkbox {
  display: inline-block;
  width: 80px;
  height: 80px;
  border: 1px solid #C9CFD1;
  border-radius: 5px;
}
.Checkbox-week .checkbox:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 6px;
  height: 6px;
  background: url(https://secure.collage.co/assets/green-checkmark@2X-fdf2428aee45781b2dd5840b901ae80eec13ef37e59b3e3d5e67f6cf8891a13a.png) no-repeat;
  background-size: contain;
  opacity: 0;
}
.Checkbox-week span {
  position: absolute;
  width: 80px;
  height: 80px;
  left: 0;
  line-height: 80px;
  color: #637381;
  font-weight: 200;
  text-align: center;
  transition: 0.1s ease-in-out;
}
.Checkbox-week .checkbox.checked {
  border: 1px solid #00B7B3;
}
.Checkbox-week .checkbox.checked + span {
  color: #00B7B3;
}
.Checkbox-week .checkbox.checked:before {
  opacity: 1;
  transform: scale(2);
}

.CompanyLogo {
  border-radius: 4px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-height: 96px;
  font-size: 1em;
}
.CompanyLogo .center {
  text-indent: 0.1rem;
}
.CompanyLogo .placeholder {
  background-color: #F4F6F8;
  border-radius: 4px;
  border: 1px solid #EBEFF1;
  width: 100%;
  height: 96px;
}

.width-max-content {
  width: -moz-max-content;
  width: max-content;
}

.CompanyLogo::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  opacity: 0.5;
}

.CompanyLogo-edit {
  opacity: 0;
  transform: translateY(0.5rem);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  cursor: pointer;
  color: #FFFFFF;
  background-color: #4367F7;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  bottom: -0.25rem;
  right: -0.25rem;
}
.CompanyLogo-edit i {
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 19px;
  left: 50%;
  top: 50%;
  transform: translate(-30%, -30%);
}

.CompanyLogo--editable:hover .CompanyLogo-edit {
  opacity: 1;
  transform: translateY(0);
}

.CompanyLogo-img {
  max-height: 96px;
  max-width: 100%;
}

.PlaceholderCompanyLogo-img {
  height: 34px;
}

.CompanyLogo.CompanyLogo--more {
  font-size: 18px;
}

@media (max-width: 1024px) {
  .CompanyLogo.CompanyLogo-edit {
    position: absolute;
    display: block;
    border-radius: 50%;
    background-color: #1776F5;
    height: 42px;
    width: 42px;
    bottom: 0;
    right: 0;
  }
}
.CompleteAnimation {
  height: 33px;
  width: 33px;
}
.CompleteAnimation input[type=checkbox], .CompleteAnimation textarea[type=checkbox] {
  display: none;
}
.CompleteAnimation .CompleteAnimation-image {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(https://secure.collage.co/assets/unreviewed-checkmark@2x-29a3178a0433940051d3198d8e134a2f244618fe98f3dedea1a91c47d5e470a3.png);
  height: 33px;
  width: 33px;
}
.CompleteAnimation .CompleteAnimation-image:hover {
  background-image: url(https://secure.collage.co/assets/incomplete-hover@2x-8d6fcac55608005daa3b4813fa62054210d7c0c1305ac61e1c0fd2b2557c1b78.png);
}
.CompleteAnimation .CompleteAnimation-image.checked {
  animation: 0.4s toggle-completed ease forwards;
  background-image: url(https://secure.collage.co/assets/reviewed-checkmark@2x-c28cc8a11167a0276a2c5b975b6194cbb10c76f3e446f762b522076687fb1d9e.png);
}
.CompleteAnimation .CompleteAnimation-image.checked:hover {
  filter: brightness(105%);
}

@keyframes toggle-completed {
  0% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
.Container,
.ResponsiveContainer {
  max-width: 1328px;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: auto;
  margin-right: auto;
}

.Container:before,
.Container:after,
.ResponsiveContainer:before,
.ResponsiveContainer:after {
  content: " ";
  display: table;
}

@media (min-width: 640px) {
  .Container,
  .ResponsiveContainer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 832px) {
  .Container,
  .ResponsiveContainer {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
@media (min-width: 1216px) {
  .Container,
  .ResponsiveContainer {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
.ProviderIcon {
  height: 32px;
  width: 32px;
  background-size: 32px;
  background-repeat: no-repeat;
  background-image: url(https://secure.collage.co/assets/provider-icons/provider-icon-sprite@2x-82125eedd05f96ee6b9e94065bb40b6c1a5e11c5b7f9906da451071d5e0d728d.png);
}

.ProviderIcon.ProviderIcon--telus_health_virtual_care {
  background-position: 0 -64px;
}

.ProviderIcon.ProviderIcon--allstate {
  background-position: 0 -128px;
}

.ProviderIcon.ProviderIcon--bbd {
  background-position: 0 -192px;
}

.ProviderIcon.ProviderIcon--benecaid {
  background-position: 0 -256px;
}

.ProviderIcon.ProviderIcon--best_doctors {
  background-position: 0 -320px;
}

.ProviderIcon.ProviderIcon--bluecross {
  background-position: 0 -384px;
}

.ProviderIcon.ProviderIcon--chubb {
  background-position: 0 -448px;
}

.ProviderIcon.ProviderIcon--claim_secure {
  background-position: 0 -512px;
}

.ProviderIcon.ProviderIcon--desjardins {
  background-position: 0 -576px;
}

.ProviderIcon.ProviderIcon--dialogue {
  background-position: 0 -640px;
}

.ProviderIcon.ProviderIcon--empire_life {
  background-position: 0 -704px;
}

.ProviderIcon.ProviderIcon--encon {
  background-position: 0 -768px;
}

.ProviderIcon.ProviderIcon--eqcare {
  background-position: 0 -832px;
}

.ProviderIcon.ProviderIcon--equitable_life {
  background-position: 0 -896px;
}

.ProviderIcon.ProviderIcon--group_source {
  background-position: 0 -960px;
}

.ProviderIcon.ProviderIcon--gsc {
  background-position: 0 -1024px;
}

.ProviderIcon.ProviderIcon--gwl {
  background-position: 0 -1088px;
}

.ProviderIcon.ProviderIcon--homewood {
  background-position: 0 -1152px;
}

.ProviderIcon.ProviderIcon--industrial_alliance {
  background-position: 0 -1216px;
}

.ProviderIcon.ProviderIcon--manulife {
  background-position: 0 -1280px;
}

.ProviderIcon.ProviderIcon--maple {
  background-position: 0 -1344px;
}

.ProviderIcon.ProviderIcon--medcan {
  background-position: 0 -1408px;
}

.ProviderIcon.ProviderIcon--my_hsa {
  background-position: 0 -1472px;
}

.ProviderIcon.ProviderIcon--nest_wealth {
  background-position: 0 -1536px;
}

.ProviderIcon.ProviderIcon--parachute {
  background-position: 0 -1600px;
}

.ProviderIcon.ProviderIcon--rbc {
  background-position: 0 -1664px;
}

.ProviderIcon.ProviderIcon--rwam {
  background-position: 0 -1728px;
}

.ProviderIcon.ProviderIcon--ssq {
  background-position: 0 -1792px;
}

.ProviderIcon.ProviderIcon--sunlife {
  background-position: 0 -1856px;
}

.ProviderIcon.ProviderIcon--the_cooperators {
  background-position: 0 -1920px;
}

.ProviderIcon.ProviderIcon--wealthsimple {
  background-position: 0 -1984px;
}

.ProviderIcon.ProviderIcon--wello {
  background-position: 0 -2048px;
}

.ProviderIcon.ProviderIcon--workplace_options {
  background-position: 0 -2112px;
}

.ProviderIcon.ProviderIcon--shepell {
  background-position: 0 -2176px;
}

.ProviderIcon.ProviderIcon--sirius {
  background-position: 0 -2240px;
}

.ProviderIcon.ProviderIcon--lifeworks {
  background-position: 0 -2304px;
}

.ProviderIcon.ProviderIcon--hsp {
  background-position: 0 -2368px;
}

.ProviderIcon.ProviderIcon--medavie_bluecross {
  background-position: 0 -2432px;
}

.ProviderIcon.ProviderIcon--pacific_bluecross {
  background-position: 0 -2496px;
}

.ProviderIcon.ProviderIcon--saskatchewan_bluecross {
  background-position: 0 -2560px;
}

.ProviderIcon.ProviderIcon--alberta_bluecross {
  background-position: 0 -2624px;
}

.ProviderIcon.ProviderIcon--people_corporation {
  background-position: 0 -2688px;
}

.ProviderIcon.ProviderIcon--beneplan {
  background-position: 0 -2752px;
}

.ProviderIcon.ProviderIcon--gpm {
  background-position: 0 -2816px;
}

.ProviderIcon.ProviderIcon--wawanesa {
  background-position: 0 -2880px;
}

.ProviderHeader {
  background-size: 250px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-color: #a1a1a1 !important;
}

.ProviderHeader--allstate {
  background-color: #0076B8 !important;
}

.ProviderHeader--bbd {
  background-color: #0A0A08 !important;
}

.ProviderHeader--benecaid {
  background-color: #A3C33E !important;
}

.ProviderHeader--best_doctors {
  background-color: #1C5693 !important;
}

.ProviderHeader--bluecross {
  background-color: #0079C0 !important;
}

.ProviderHeader--chubb {
  background-color: #150E98 !important;
}

.ProviderHeader--claim_secure {
  background-color: #394A8D !important;
}

.ProviderHeader--desjardins {
  background-color: #00814D !important;
}

.ProviderHeader--dialogue {
  background-color: #00C0F2 !important;
}

.ProviderHeader--empire_life {
  background-color: #B0BC22 !important;
}

.ProviderHeader--encon {
  background-color: #231F20 !important;
}

.ProviderHeader--eqcare {
  background-color: #7ECDED !important;
}

.ProviderHeader--equitable_life {
  background-color: #015697 !important;
}

.ProviderHeader--group_source {
  background-color: #255D97 !important;
}

.ProviderHeader--gsc {
  background-color: #A4CF46 !important;
}

.ProviderHeader--gwl {
  background-color: #B90B2E !important;
}

.ProviderHeader--homewood {
  background-color: #72C267 !important;
}

.ProviderHeader--industrial_alliance {
  background-color: #013DA5 !important;
}

.ProviderHeader--manulife {
  background-color: #00A758 !important;
}

.ProviderHeader--maple {
  background-color: #E57863 !important;
}

.ProviderHeader--medcan {
  background-color: #3B3B3D !important;
}

.ProviderHeader--my_hsa {
  background-color: #43BACB !important;
}

.ProviderHeader--nest_wealth {
  background-color: #4C7FFF !important;
}

.ProviderHeader--parachute {
  background-color: #231F20 !important;
}

.ProviderHeader--rbc {
  background-color: #0059B3 !important;
}

.ProviderHeader--rwam {
  background-color: #642928 !important;
}

.ProviderHeader--ssq {
  background-color: #271557 !important;
}

.ProviderHeader--sunlife {
  background-image: url(https://secure.collage.co/assets/carrier-banners/sunlife-banner-icon@2x-f1666f12cf0dec814955ebbf88889f1a582e49ddf1cf3506e249d22e435e141d.png);
  background-color: #EFA500 !important;
}

.ProviderHeader--telus_health_virtual_care {
  background-color: #4B276D !important;
}

.ProviderHeader--the_cooperators {
  background-color: #00AEEF !important;
}

.ProviderHeader--wealthsimple {
  background-color: #F8AB00 !important;
}

.ProviderHeader--wello {
  background-color: #91C84C !important;
}

.ProviderHeader--workplace_options {
  background-color: #35628e !important;
}

.ProviderHeader--shepell {
  background-color: #16AA9F !important;
}

.ProviderHeader--sirius {
  background-color: #012168 !important;
}

.ProviderHeader--lifeworks {
  background-color: #0055de !important;
}

.ProviderHeader--hsp {
  background-color: #262C5B !important;
}

.ProviderHeader--medavie_bluecross {
  background-color: #0079C0 !important;
}

.ProviderHeader--pacific_bluecross {
  background-color: #0079C0 !important;
}

.ProviderHeader--saskatchewan_bluecross {
  background-color: #0079C0 !important;
}

.ProviderHeader--alberta_bluecross {
  background-color: #0079C0 !important;
}

.ProviderHeader--people_corporation {
  background-color: #262C5B !important;
}

.ProviderHeader--beneplan {
  background-color: #57a0e2 !important;
}

.ProviderHeader--gpm {
  background-color: #239c72 !important;
}

.ProviderHeader--wawanesa {
  background-color: #0074BD !important;
}

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cropper-container img {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box, .cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before, .cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face, .cropper-line, .cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.CustomFieldRow:not(:last-child) {
  margin-bottom: 1rem;
}

.Dropdown {
  cursor: pointer;
}

.Dropdown:before {
  content: "";
  display: inline-block;
  background-image: url(https://secure.collage.co/assets/right-arrow@2X-03a0540f65d6ba99f4600da4b6eacf849b9be71445f461f6cbd46f1b2621cd16.png);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  height: 12px;
  width: 12px;
  margin-right: 14px;
  transition: 0.2s ease-in-out;
  transform: rotate(0deg);
}

.Dropdown.active:before {
  transform: rotate(90deg);
}

.Dropdown-menu, .Accordion-menu {
  max-height: 0;
  overflow: hidden;
  transition: 0.2s max-height ease-in-out;
}

.Dropdown--default-active:before {
  transform: rotate(90deg);
}

.Dropdown--default-active ~ .Dropdown-menu, .Dropdown--default-active ~ .Accordion-menu {
  max-height: inherit;
}

.emoji-icon {
  display: flex;
  height: 24px;
  align-items: center;
}

/* emoji-mart v5's picker is a shadow-DOM custom element; it can only be styled via the CSS
   custom properties it exposes on the host, which inherit through the shadow boundary. */
em-emoji-picker {
  --shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  --font-family: 'GT Walsheim', sans-serif;
}

.Error {
  text-align: center;
  margin: 10px 0;
}

.Error p {
  font-size: 16px;
  font-weight: 400;
  margin-top: 0;
  color: #EB4D28;
}

.Error-message {
  position: absolute;
  animation: 0.2s ease-in-out error-fade-in;
  font-size: 12px;
  color: #EB4D28;
  padding: 5px 0;
}

.Error-form {
  position: absolute;
  animation: 0.2s ease-in-out error-fade-in;
  font-size: 11px;
  color: #637381;
  padding: 5px 0;
}

.Error-form i {
  padding-right: 3px;
}

.Error ul {
  list-style-type: none;
  color: #EB4D28;
}

input.Error-field, textarea.Error-field {
  border: 1px solid #EB4D28 !important;
  box-shadow: none !important;
  background: rgba(235, 77, 40, 0.08);
}

input.Error-field + .Radio-button-circle, textarea.Error-field + .Radio-button-circle {
  box-shadow: 0 0 0 1px #EB4D28;
}

.field_with_errors {
  display: inline;
}

.field_error,
.field_with_errors > input[type=text],
.field_with_errors > textarea,
.field_with_errors > input[type=password] {
  border: 1px solid #EB4D28 !important;
}

.Error-background {
  background-image: url(https://secure.collage.co/assets/broken-dfef4f4b735e7f299fe321ce2536f58cb020955450848ec20b930e9dfbb530e6.png);
  background-size: 60%;
  background-position: center center;
  background-repeat: no-repeat;
}

@keyframes error-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.Btn--fancy-filter,
.Btn--fancy-filter span {
  white-space: pre-line;
  text-align: left;
  min-height: 26px;
}

.FancyFilterDropdown-button,
.Btn--fancy-filter > span {
  padding: 4px 4px 4px 10px;
  border: 1px solid #C9CFD1;
  border-radius: 16px;
  font-size: 14px;
  background-color: #EBEFF1;
  color: #212B36;
  cursor: pointer;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: none;
}
.FancyFilterDropdown-button:hover,
.Btn--fancy-filter > span:hover {
  background-color: rgb(229, 234.2, 236.8);
}
.FancyFilterDropdown-button div,
.Btn--fancy-filter > span div {
  padding-right: 5px;
}
.FancyFilterDropdown-button div + i,
.Btn--fancy-filter > span div + i {
  padding-right: 10px;
}
.FancyFilterDropdown-button span.FancyFilterDropdown-or,
.Btn--fancy-filter > span span.FancyFilterDropdown-or {
  padding: 0 0.3rem;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.8);
}
.FancyFilterDropdown-button i.material-icons,
.Btn--fancy-filter > span i.material-icons {
  line-height: 0;
  vertical-align: middle;
  font-size: 17px;
}
.FancyFilterDropdown-button.placeholder,
.Btn--fancy-filter > span.placeholder {
  padding: 3px 4px 3px 10px;
  border: none;
  cursor: unset;
}
.FancyFilterDropdown-button.placeholder:hover,
.Btn--fancy-filter > span.placeholder:hover {
  background-color: #21CCC1;
  cursor: default;
}

.FancyFilterDropdown-container {
  position: absolute;
  top: 0.5rem;
  max-height: 0;
  transition: max-height 0.2s ease, opacity 0.15s ease;
  background-color: #FFFFFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #EBEFF1;
  border-radius: 4px;
  text-align: left;
  overflow: hidden;
}
.FancyFilterDropdown-container.is-opened {
  opacity: 1;
  z-index: 999;
}
.FancyFilterDropdown-container.is-closed {
  opacity: 0;
  z-index: -999;
}
.FancyFilterDropdown-container.FancyFilterDropdown-pill {
  left: 0;
  right: unset;
}

.FancyFilterDropdown {
  padding: 1.5rem;
  width: 335px;
  max-width: calc(100vw - 2rem);
}
.FancyFilterDropdown--wide {
  padding: 1.5rem;
  width: 500px;
}

.FancyFilterDropdown-list {
  max-height: 320px;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.FancyFilterDropdown-list::-webkit-scrollbar {
  display: none;
}

.FeedSectionTitle:not(:first-child) {
  margin-top: 1.5rem;
}

.FeedItem {
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-left: 1rem;
}
.FeedItem:not(:last-child) {
  border-bottom: 1px solid #EBEFF1;
}

.Btn--filter,
.Btn--filter span {
  white-space: pre-line;
  text-align: left;
  min-height: 26px;
}

.FilterDropdown-button,
.Btn--filter > span {
  padding: 4px 4px 4px 10px;
  border: 1px solid #21CCC1;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  background-color: #21CCC1;
  color: #FFFFFF;
  cursor: pointer;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: none;
}
.FilterDropdown-button:hover,
.Btn--filter > span:hover {
  background-color: rgb(31.5797468354, 195.2202531646, 184.6936708861);
}
.FilterDropdown-button div,
.Btn--filter > span div {
  padding-right: 15px;
}
.FilterDropdown-button span.FilterDropdown-or,
.Btn--filter > span span.FilterDropdown-or {
  padding: 0 0.3rem;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.8);
}
.FilterDropdown-button i.material-icons,
.Btn--filter > span i.material-icons {
  line-height: 0;
  vertical-align: middle;
  font-size: 17px;
}
.FilterDropdown-button.placeholder,
.Btn--filter > span.placeholder {
  padding: 3px 4px 3px 10px;
  border: none;
  cursor: unset;
}
.FilterDropdown-button.placeholder:hover,
.Btn--filter > span.placeholder:hover {
  background-color: #21CCC1;
  cursor: default;
}

.FilterDropdown-container {
  position: absolute;
  top: 0.5rem;
  max-height: 0;
  transition: max-height 0.2s ease, opacity 0.15s ease;
  background-color: #FFFFFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #EBEFF1;
  border-radius: 4px;
  text-align: left;
  overflow: hidden;
}
.FilterDropdown-container.is-opened {
  opacity: 1;
  z-index: 999;
}
.FilterDropdown-container.is-closed {
  opacity: 0;
  z-index: -999;
}

.FilterDropdown {
  padding: 1.5rem;
  width: 335px;
}
.FilterDropdown--wide {
  padding: 1.5rem;
  width: 500px;
}

.FilterDropdown-list {
  max-height: 320px;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.FilterDropdown-list::-webkit-scrollbar {
  display: none;
}

.FilterTab {
  border-top-left-radius: 4px;
  position: relative;
  background-color: #FFFFFF;
  border-bottom: 1px solid #EBEFF1;
}

.FilterTabItem {
  display: inline-block;
  padding: 1.2rem;
  width: 50%;
  font-weight: 400;
  color: #919EAB;
  text-align: center;
  transition: 0.16s ease;
}

.FilterTabItem.selected {
  color: #212B36;
}

.FilterTabItem:hover {
  cursor: pointer;
}

.FilterTabItem:not(.selected):hover {
  color: #637381;
}

.FilterTab:after {
  content: "";
  position: absolute;
  border-bottom: 3px solid #535E79;
  transition: 0.16s ease;
  width: 50%;
  bottom: 0;
  left: 0;
}

.FilterTab.selected-right:after {
  transform: translateX(100%);
}

.HeaderToolbar {
  padding: 9px 1rem;
  text-align: right;
}

.Footer {
  padding: 20px;
  margin-top: 40px;
  background-color: #F4F6F8;
}

.Footer li {
  display: inline;
}

.Footer-logo {
  width: 60px;
  height: auto;
}

.Footer-links {
  float: right;
}

.Footer-item {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .Footer-links {
    float: none;
  }
}
.input-sm {
  width: 70px;
}

.FormLayoutGroup {
  margin: 0 -10px;
}
.FormLayoutGroup .FormLayoutGroupItem {
  padding: 0 10px;
}

.FormRow {
  margin-bottom: 1.25rem;
}

.FormRow:first-child {
  margin-top: 0.5rem;
}

.FormRow .FormRow {
  margin-top: 0;
}

.FullScreenModalOverlay {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
}

.FullScreenModalContent {
  position: absolute;
  background-color: #F4F6F8;
  z-index: 100001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 0 30px 0;
  height: 100%;
  overflow-y: auto;
}

.Funnel {
  position: relative;
}

.FunnelCarousel {
  transition: 0.2s ease;
  vertical-align: top;
  overflow-y: hidden;
  padding: 1rem 0;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.FunnelCarousel::-webkit-scrollbar {
  display: none;
}

.FunnelItem {
  position: relative;
  vertical-align: top;
  transition: 0.17s ease;
  background-color: #FFFFFF;
  border: 1px solid #EBEFF1;
  padding: 1rem;
  min-width: 115px;
  max-width: 400px;
  display: inline-block;
  border-radius: 4px;
  margin-right: 1rem;
}
.FunnelItem:last-child {
  margin-right: unset;
}
.FunnelItem .FunnelItem-number {
  transition: inherit;
  color: #919EAB;
  font-size: 26px;
  font-weight: 400;
}
.FunnelItem .FunnelItem-number.down {
  animation: 0.5s count-down 0.5s;
}
.FunnelItem .FunnelItem-number.up {
  animation: 0.5s count-up 0.5s;
}
.FunnelItem .FunnelItem-title {
  transition: inherit;
  color: #637381;
  word-wrap: break-word;
  max-height: 20px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 200;
  text-overflow: ellipsis;
}

.FunnelItem-arrow {
  transition: inherit;
  position: absolute;
  background-image: url(https://secure.collage.co/assets/dropdown-arrow@2x-500c55706c9422524149275564c1e514952002f25f60a64d965535777e1fec51.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 20px;
  width: 20px;
  right: 5px;
  top: 28%;
  transform: rotate(-90deg);
}

.FunnelItem:nth-child(2), .FunnelItem.with-spacer {
  margin-right: 3rem;
}
.FunnelItem:nth-child(2):after, .FunnelItem.with-spacer:after {
  content: "";
  height: 105%;
  width: 1px;
  background-color: #EBEFF1;
  display: block;
  position: absolute;
  right: -1.6rem;
  top: -2.5%;
  transition: none;
}

.FunnelItem:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.FunnelItem:hover:after {
  top: calc(-2.5% + 2px);
  transition: none;
}
.FunnelItem:hover .FunnelItem-number {
  color: #212B36;
}
.FunnelItem:hover .FunnelItem-title {
  color: #212B36;
}

.FunnelItem.selected:hover,
.FunnelItem.selected {
  background-color: #535E79;
}
.FunnelItem.selected:hover .FunnelItem-number,
.FunnelItem.selected .FunnelItem-number {
  color: #FFFFFF;
}
.FunnelItem.selected:hover .FunnelItem-title,
.FunnelItem.selected .FunnelItem-title {
  color: #FFFFFF;
}

.Funnel:hover .FunnelScroll-left,
.Funnel:hover .FunnelScroll-right {
  opacity: 1;
}

.FunnelScroll-left,
.FunnelScroll-right {
  transition: opacity 0.5s ease;
  position: absolute;
  opacity: 0;
  top: 0;
  height: 100%;
  width: 80px;
}
.FunnelScroll-left:hover,
.FunnelScroll-right:hover {
  cursor: pointer;
}
.FunnelScroll-left i.material-icons,
.FunnelScroll-right i.material-icons {
  top: 25%;
  position: relative;
  font-size: 50px;
}

.FunnelScroll-left {
  left: -50px;
}

.FunnelScroll-right {
  text-align: right;
  right: -50px;
}

@keyframes count-up {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  51% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes count-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }
  51% {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.Logo-edit {
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
}

.GoalTimelineEntry {
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.GoalTimelineEntry:not(:last-child) {
  border-bottom: 1px solid #EBEFF1;
}

.RowChevron .row-chevron {
  transform: rotate(0);
  transition: transform 0.2s ease-in-out;
}
.RowChevron .row-chevron.expanded {
  transform: rotate(180deg);
}

.grecaptcha-badge {
  visibility: hidden;
}

.HintContainer {
  position: relative;
  display: inline-block;
}

.Hint {
  visibility: hidden;
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.25rem 0.5rem;
  background-color: #3B4E7F;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 200;
  border-radius: 3px;
  white-space: nowrap;
}

.HintContainer:hover .Hint {
  transition: 0s linear 0.5s;
  visibility: visible;
}

.QuickTip {
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
}

.QuickTip--default {
  border: 1px solid #919EAB;
  background-color: #F9FAFA;
}

.QuickTip--info {
  border: 1px solid #4367F7;
  background-color: #F3F6FB;
}

.QuickTip--error {
  border: 1px solid #EB4D28;
  background-color: #FFEDEF;
}

.QuickTip--success {
  border: 1px solid #2EC0D5;
  background-color: #F0FAFC;
}

.QuickTip--caution {
  border: 1px solid #EBBF28;
  background-color: #FDF9EB;
}

.QuickTip--magic {
  border: 1px solid #C58BE9;
  background-color: #FBF6FE;
}

.QuickTip-header {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.QuickTip-paragraph {
  white-space: pre-wrap;
  margin-bottom: 0.5rem;
}
.QuickTip-paragraph:last-child {
  margin-bottom: 0;
}

.HorizontalScroll {
  position: relative;
}

.HorizontalScroll-carousel {
  transition: 0.2s ease;
  vertical-align: top;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.HorizontalScroll-carousel::-webkit-scrollbar {
  display: none;
}

.HorizontalScroll-left,
.HorizontalScroll-right {
  transition: opacity 0.5s ease;
  position: absolute;
  opacity: 0;
  top: 0;
  height: 100%;
  width: 80px;
}
.HorizontalScroll-left:hover,
.HorizontalScroll-right:hover {
  cursor: pointer;
  opacity: 1;
}
.HorizontalScroll-left i.material-icons,
.HorizontalScroll-right i.material-icons {
  font-size: 50px;
}

.HorizontalScroll-left {
  left: -50px;
}

.HorizontalScroll-right {
  right: -50px;
}
.HorizontalScroll-right i.material-icons {
  right: 0;
}

.HorizontalScroll-fixed.HorizontalScroll-left i.material-icons,
.HorizontalScroll-fixed.HorizontalScroll-right i.material-icons {
  position: absolute;
  pointer-events: none;
}

.HoverAnimation-trigger {
  cursor: pointer;
}

.HoverAnimation-trigger--image {
  cursor: pointer;
  transition: 0.15s ease-in-out;
}

.HoverAnimation-trigger--image:hover {
  filter: brightness(90%);
}

.HoverAnimation-trigger--border {
  cursor: pointer;
  border: 1px solid transparent;
}

.HoverAnimation-trigger--border:hover {
  border: 1px solid #EBEFF1;
}

.HoverAnimation-trigger--shadow {
  cursor: pointer;
  box-shadow: none;
  transition: 0.15s ease-in-out;
}

.HoverAnimation-trigger--shadow:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}

.HoverAnimation-trigger:hover .HoverAnimation-target--hide {
  display: none;
}

.HoverAnimation-target--show {
  display: none;
}

.HoverAnimation-trigger:hover .HoverAnimation-target--show {
  display: inherit;
}

.HoverAnimation-target--fade-up {
  transition: 0.15s ease-in-out;
  opacity: 0;
  transform: translateY(0.5rem);
}

.HoverAnimation-trigger:hover .HoverAnimation-target--fade-up {
  opacity: 1;
  transform: translateY(0);
}

.HRDashboardWidgets {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 2fr 1fr;
}
.HRDashboardWidgets .sidebar {
  grid-column: 2;
  grid-row-start: 1;
  grid-row-end: 4;
}
@media (max-width: 832px) {
  .HRDashboardWidgets {
    grid-template-columns: unset;
  }
  .HRDashboardWidgets .sidebar {
    grid-column: unset;
    grid-row-start: unset;
    grid-row-end: unset;
    margin-bottom: -1rem;
  }
}

.StaffCount-Header {
  font-size: 20px;
  font-weight: 500;
  color: #212B36;
}

.StaffCount {
  overflow: hidden;
}
.StaffCount .employment-type-count {
  display: inline-block;
  color: #637381;
}
.StaffCount .employment-type-count.active-staff {
  font-weight: 500;
  color: #212B36;
}
.StaffCount .employment-type-count.types {
  border-left: 1px solid #C9CFD1;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
}
.StaffCount .employment-type-count.types:not(:last-child) {
  padding-right: 1rem;
}

.OutOfOffice {
  overflow: hidden;
}
.OutOfOffice .people-off-today {
  display: inline-block;
  color: #919EAB;
}
.OutOfOffice .people-off-today.info {
  border-left: 1px solid #919EAB;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
}
.OutOfOffice .people-off-today.info:not(:last-child) {
  padding-right: 1rem;
}

.OutOfOffice-datepicker .PaginationBtn--right .Btn--content {
  border-left: none;
}

.TimelineSeparator {
  border-bottom: 1px solid #EBEFF1;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.CompanyFiles .folder-chevron {
  transform: rotate(0);
  transition: 0.2s ease-in-out;
}
.CompanyFiles .folder-chevron.expanded {
  transform: rotate(90deg);
}

.InlineDatePicker {
  container-type: inline-size;
}
.InlineDatePicker .datepicker.datepicker-inline {
  width: 100%;
}
.InlineDatePicker .datepicker table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}
.InlineDatePicker .datepicker td.day.interview-slot-available:not(.active) {
  background-color: rgba(67, 103, 247, 0.15);
  font-weight: 500;
}
.InlineDatePicker.InlineDatePicker--lockedViewUnit .datepicker-switch {
  cursor: default;
}
.InlineDatePicker.InlineDatePicker--lockedViewUnit .datepicker-switch:hover {
  background: none;
}
@container (min-width: 320px) {
  .InlineDatePicker .datepicker {
    font-size: 14px;
  }
  .InlineDatePicker .datepicker td, .InlineDatePicker .datepicker th {
    padding: 8px 10px;
  }
  .InlineDatePicker .datepicker td.day, .InlineDatePicker .datepicker th.dow {
    width: 36px;
    height: 36px;
  }
  .InlineDatePicker .datepicker .datepicker-switch {
    font-size: 16px;
  }
}

input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=text]:-moz-placeholder, textarea:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=search]:-moz-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=text]::-moz-placeholder, textarea::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=search]::-moz-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=text], textarea,
input[type=password],
input[type=number],
input[type=time],
input[type=search] {
  border-radius: 4px;
  padding: 8px 12px;
  color: #212B36;
  border: 1px solid #C4CDD5;
  box-shadow: inset 0 1px 2px 0 rgba(103, 113, 123, 0.2);
  transition: 0.2s ease-in-out;
  width: 100%;
}
input[type=text]:hover, textarea:hover,
input[type=password]:hover,
input[type=number]:hover,
input[type=time]:hover,
input[type=search]:hover {
  border: 1px solid rgb(166.2079207921, 179.7524752475, 191.7920792079);
}
input[type=text]:focus, textarea:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=time]:focus,
input[type=search]:focus {
  outline: 0;
  box-shadow: 0 0 0 1px #0F3DD0;
  border: 1px solid #0F3DD0;
}
input[type=text]:-moz-read-only, textarea:-moz-read-only, input[type=text]:-moz-read-only:hover, input[type=password]:-moz-read-only, input[type=password]:-moz-read-only:hover, input[type=number]:-moz-read-only, input[type=number]:-moz-read-only:hover, input[type=time]:-moz-read-only, input[type=time]:-moz-read-only:hover, input[type=search]:-moz-read-only, input[type=search]:-moz-read-only:hover {
  background-color: #F9FAFA;
  border: 1px solid #C4CDD5;
}
input[type=text]:read-only, textarea:read-only, input[type=text]:read-only:hover, input[type=text]:disabled, textarea:disabled, input[type=text]:disabled:hover,
input[type=password]:read-only,
input[type=password]:read-only:hover,
input[type=password]:disabled,
input[type=password]:disabled:hover,
input[type=number]:read-only,
input[type=number]:read-only:hover,
input[type=number]:disabled,
input[type=number]:disabled:hover,
input[type=time]:read-only,
input[type=time]:read-only:hover,
input[type=time]:disabled,
input[type=time]:disabled:hover,
input[type=search]:read-only,
input[type=search]:read-only:hover,
input[type=search]:disabled,
input[type=search]:disabled:hover {
  background-color: #F9FAFA;
  border: 1px solid #C4CDD5;
}

textarea {
  text-indent: 0;
  padding: 12px;
  transition: none;
  resize: none;
}

input[type=text].border-none,
textarea.border-none {
  box-shadow: none;
  resize: none;
  border: none;
  transition: none;
  text-indent: 0;
}

input[type=text].border-none:focus,
input[type=text].border-none:hover,
textarea.border-none:focus,
textarea.border-none:hover {
  border: none;
}

select:focus {
  outline: 0;
  border: 1px solid #1776F5;
}
select:hover {
  border: 1px solid #cdd7dc;
}

/* Sizes */
input.small, textarea.small {
  height: 28px;
  font-size: 13px;
}

input, textarea {
  height: 36px;
  font-size: 14px;
}

input.large, textarea.large {
  height: 42px;
  font-size: 15px;
}

/* Input Icons */
.InputIcon {
  position: relative;
}
.InputIcon i {
  position: absolute;
  left: 0;
}
.InputIcon .Error-field + i {
  right: 0;
  left: inherit;
}
.InputIcon input.small, .InputIcon textarea.small {
  text-indent: 1.6rem !important;
}
.InputIcon input.small + i, .InputIcon textarea.small + i {
  font-size: 16px;
  padding: 6px 8px;
}
.InputIcon input, .InputIcon textarea {
  text-indent: 2rem !important;
}
.InputIcon input + i, .InputIcon textarea + i {
  font-size: 20px;
  padding: 8px 10px;
}
.InputIcon input.large, .InputIcon textarea.large {
  text-indent: 2.4rem !important;
}
.InputIcon input.large + i, .InputIcon textarea.large + i {
  font-size: 24px;
  padding: 9px 12px;
}
.InputIcon input.Error-field, .InputIcon textarea.Error-field {
  text-indent: 5px !important;
}

/* Prepended Inputs */
.InputGroup {
  display: table;
  border-collapse: separate;
}
.InputGroup .InputGroup-tag {
  display: table-cell !important;
  vertical-align: top;
  background-color: #EEF0F3;
  color: #212B36;
  border: 1px solid #C4CDD5;
  width: 1%;
  height: 36px;
  font-size: 14px;
  white-space: pre;
}
.InputGroup .InputGroup-tag.small {
  height: 28px;
  font-size: 14px;
  padding: 7px;
}
.InputGroup .InputGroup-tag.large {
  height: 42px;
  font-size: 15px;
  line-height: 1.6;
  padding: 8px;
}
.InputGroup input, .InputGroup textarea {
  width: 100%;
  display: table-cell !important;
}

input[type=search].InputSearch, textarea[type=search].InputSearch {
  background: url(https://secure.collage.co/assets/ic-search-default@2x-622684db6a222d51d825e721b3721a994d261500104f566e5480b81195f77ac7.png) no-repeat;
  background-position: 0.5rem;
  background-size: 18px;
  background-color: #F4F6F8;
  border: 1px solid #F4F6F8;
  text-indent: 1.5rem;
}
input[type=search].InputSearch:hover, textarea[type=search].InputSearch:hover {
  background-color: #F9FAFA;
}
input[type=search].InputSearch:focus, textarea[type=search].InputSearch:focus {
  background-color: #FFFFFF;
  border: 1px solid #EBEFF1;
}

.InputConnected {
  position: relative;
  display: flex;
}
.InputConnected .Input-primary {
  flex: 1 1 auto;
}
.InputConnected .Input-secondary {
  flex: 0 0 auto;
}
.InputConnected.connectedRight .Input-primary input, .InputConnected.connectedRight .Input-primary textarea {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.InputConnected.connectedRight .Input-secondary {
  margin-left: -1px;
}
.InputConnected.connectedRight .Input-secondary .InputGroup,
.InputConnected.connectedRight .Input-secondary .InputGroup-tag,
.InputConnected.connectedRight .Input-secondary .select2-selection__rendered {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.InputConnected.connectedRight .Input-secondary .InputGroup-tag {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
}
.InputConnected.connectedLeft .Input-primary input, .InputConnected.connectedLeft .Input-primary textarea {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.InputConnected.connectedLeft .Input-secondary {
  margin-right: -1px;
}
.InputConnected.connectedLeft .Input-secondary .InputGroup,
.InputConnected.connectedLeft .Input-secondary .InputGroup-tag,
.InputConnected.connectedLeft .Input-secondary .select2-selection__rendered {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.InputConnected.connectedLeft .Input-secondary .InputGroup-tag {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
}

.InputScale > div {
  position: relative;
}
.InputScale .Input-primary {
  margin-left: 2rem;
}
.InputScale div:nth-of-type(1) > span:before {
  content: "1";
}
.InputScale div:nth-of-type(5) > span:before {
  content: "5";
}
.InputScale div:nth-of-type(1) > span:before,
.InputScale div:nth-of-type(5) > span:before {
  position: absolute;
  top: 4px;
  left: 10px;
}
.InputScale div:nth-of-type(2) > span:before,
.InputScale div:nth-of-type(3) > span:before,
.InputScale div:nth-of-type(4) > span:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 11px;
  height: 100%;
  width: 2px;
  background-color: #EBEFF1;
}

.scrollable {
  max-height: 500px;
  overflow-y: auto;
}

.preview {
  max-height: 450px;
}

/* Overwrite the default to keep the scrollbar always visible */
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.pricing-table__header {
  background: #F9F9F9;
  border-bottom: 1px solid #D7DBE5;
}

.pricing-table__tag {
  background: #E8EAF1;
  border-radius: 30px;
  padding: 8px;
  padding-right: 17px;
  display: inline-block;
}

.pricing-table__tag img {
  vertical-align: middle;
  width: 34px;
  height: 34px;
}

.pricing-table__tag span {
  display: inline-block;
  margin-left: 7px;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .pricing-table__tag {
    padding: 4px;
    padding-left: 6px;
    padding-right: 13px;
  }
  .pricing-table__tag img {
    width: 16px;
    height: 16px;
    vertical-align: -4px;
  }
  .pricing-table__tag span {
    margin-left: 4px;
  }
}
.ink-dark {
  color: #1E2C4A;
}

.blue-20 {
  color: #0A36FD;
}

.fw-m {
  font-weight: 500;
}

.pricing-table__list {
  list-style: none;
}

.pricing-table__list li {
  padding-top: 19px;
  padding-bottom: 19px;
}

.pricing-table__list li:not(:last-child) {
  border-bottom: 1px solid #D7DBE5;
}

.pricing-container-left {
  padding-right: 8px;
}

.pricing-container-right {
  padding-left: 8px;
}

.pricing-table {
  border: 1px solid #D7DBE5;
  overflow: hidden;
  border-radius: 5px;
}

@media (max-width: 1024px) {
  .pricing-container-left {
    padding-right: 0px;
    padding-bottom: 24px;
  }
  .pricing-container-right {
    padding-left: 0px;
  }
}
.block {
  display: block;
}

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

.editor-text-left-align {
  text-align: center;
}

.editor-text-bold {
  font-weight: bold;
}

.editor-text-italic {
  font-style: italic;
}

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

span.editor-image {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.editor-text-strikethrough {
  text-decoration: line-through;
}

.editor-text-underlineStrikethrough {
  text-decoration: underline line-through;
}

.editor-link {
  color: #1776F5;
  text-decoration: none;
}

.editor-paragraph {
  margin: 0;
  margin-bottom: 8px;
  position: relative;
}

.editor-paragraph img {
  max-width: 100% !important;
  height: unset !important;
}

.editor-paragraph:last-child {
  margin-bottom: 0;
}

.editor-heading-h1 {
  font-weight: 300;
  margin: 1rem 0;
}

.editor-heading-h2 {
  font-weight: 300;
  margin: 1rem 0;
}

.editor-list-ol {
  padding: 0;
  margin: 0;
  margin-left: 16px;
}

.editor-list-ul {
  padding: 0;
  margin: 0;
  margin-left: 16px;
}

.editor-listitem {
  margin: 8px 24px 8px 24px;
}

.editor-nested-listitem {
  list-style-type: none;
}

.editor-mention {
  background-color: #cce7ff;
  border-radius: 6px;
  padding: 2px 5px;
}

.LexicalEditor .editor-container {
  border: 1px solid #C4CDD5;
  border-radius: 4px;
  position: relative;
}
.LexicalEditor.border-none .editor-container {
  border: none;
}
.LexicalEditor.border-none .toolbar {
  border-bottom: 1px solid #EBEFF1;
}
.LexicalEditor .editor-inner {
  position: relative;
}
.LexicalEditor .editor-input {
  min-height: 150px;
  resize: none;
  position: relative;
  -moz-tab-size: 1;
    -o-tab-size: 1;
       tab-size: 1;
  outline: 0;
  padding: 1.25rem;
}
.LexicalEditor .editor-placeholder {
  color: #919EAB;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 1.25rem;
  left: 1.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: inline-block;
  pointer-events: none;
}
.LexicalEditor .merge-field {
  background-color: #2EC0D5;
  border-radius: 6px;
  padding: 2px 5px;
  color: #FFFFFF;
}
.LexicalEditor .rendered-field {
  background-color: #6B8CE1;
  border-radius: 6px;
  padding: 2px 5px;
  color: #FFFFFF;
}
.LexicalEditor .toolbar {
  display: flex;
  row-gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0.3rem;
  border-bottom: 1px solid #C4CDD5;
  vertical-align: middle;
}
.LexicalEditor .toolbar button.toolbar-item {
  border: 0;
  display: flex;
  background: none;
  border-radius: 6px;
  padding: 8px;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
}
.LexicalEditor .toolbar button.toolbar-item:hover .lexical-tooltip {
  transition: 0s linear 0.5s;
  visibility: visible;
}
.LexicalEditor .toolbar button.toolbar-item:disabled {
  cursor: not-allowed;
}
.LexicalEditor .toolbar button.toolbar-item.spaced {
  margin-right: 2px;
}
.LexicalEditor .toolbar button.toolbar-item i.format {
  background-size: contain;
  height: 18px;
  width: 18px;
  margin-top: 2px;
  vertical-align: -0.25em;
  display: flex;
  opacity: 0.6;
}
.LexicalEditor .toolbar button.toolbar-item:disabled i.format {
  opacity: 0.2;
}
.LexicalEditor .toolbar button.toolbar-item.active {
  background-color: rgba(223, 232, 250, 0.3);
}
.LexicalEditor .toolbar button.toolbar-item.active i {
  opacity: 1;
}
.LexicalEditor .toolbar .toolbar-item:hover:not([disabled]) {
  background-color: #EEF0F3;
}
.LexicalEditor span.block-type {
  background-size: contain;
  display: block;
  width: 18px;
  height: 18px;
  margin: 2px;
}
.LexicalEditor span.block-type.h1 {
  background-image: url(https://secure.collage.co/assets/lexical-icons/type-h1-9dcf37f7da137764dfe1678db9acbfadcd866b2a110361a4ef3aa71759ea4647.svg);
}
.LexicalEditor span.block-type.h2 {
  background-image: url(https://secure.collage.co/assets/lexical-icons/type-h2-7938f15f91a693b2b80f183126922f73a75dcbe6c73505537653e189642a325e.svg);
}
.LexicalEditor span.block-type.ul {
  background-image: url(https://secure.collage.co/assets/lexical-icons/list-ul-1ffc95ce9b5b8589d861cc2a90bc3949e5695ebbeaa6ec83d662371b94d3b75a.svg);
}
.LexicalEditor span.block-type.ol {
  background-image: url(https://secure.collage.co/assets/lexical-icons/list-ol-193001d2d4141855bf5bc440b9346201a28126c5a9d53c8444e3c3b96ac45555.svg);
}
.LexicalEditor .toolbar i.format.undo {
  background-image: url(https://secure.collage.co/assets/lexical-icons/arrow-counterclockwise-eb25d8cf9bcba542e069fb1f973eb7ebc6aa85d6ddd3c0e4524e1cee7fddbdfa.svg);
}
.LexicalEditor .toolbar i.format.redo {
  background-image: url(https://secure.collage.co/assets/lexical-icons/arrow-clockwise-64341512b42d03610d6f35ee011b1ef321f7283262aeeae09c74cb3d4e8fa9ad.svg);
}
.LexicalEditor .lexical-tooltip {
  visibility: hidden;
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  padding: 3px 7px;
  background-color: #3B4E7F;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 300;
  border-radius: 3px;
  white-space: nowrap;
}
.LexicalEditor .toolbar i.format.large-heading,
.LexicalEditor .toolbar i.format.h1 {
  background-image: url(https://secure.collage.co/assets/lexical-icons/type-h1-9dcf37f7da137764dfe1678db9acbfadcd866b2a110361a4ef3aa71759ea4647.svg);
}
.LexicalEditor .toolbar i.format.small-heading,
.LexicalEditor .toolbar i.format.h2 {
  background-image: url(https://secure.collage.co/assets/lexical-icons/type-h2-7938f15f91a693b2b80f183126922f73a75dcbe6c73505537653e189642a325e.svg);
}
.LexicalEditor .toolbar i.format.bullet-list,
.LexicalEditor .toolbar i.format.ul {
  background-image: url(https://secure.collage.co/assets/lexical-icons/list-ul-1ffc95ce9b5b8589d861cc2a90bc3949e5695ebbeaa6ec83d662371b94d3b75a.svg);
}
.LexicalEditor .toolbar i.format.numbered-list,
.LexicalEditor .toolbar i.format.ol {
  background-image: url(https://secure.collage.co/assets/lexical-icons/list-ol-193001d2d4141855bf5bc440b9346201a28126c5a9d53c8444e3c3b96ac45555.svg);
}
.LexicalEditor .toolbar i.format.bold {
  background-image: url(https://secure.collage.co/assets/lexical-icons/type-bold-ad9173a8b2d1abbc648703e690def9a3ce8103a585a413ce1f5b886c1957a7a5.svg);
}
.LexicalEditor .toolbar i.format.italic {
  background-image: url(https://secure.collage.co/assets/lexical-icons/type-italic-14d8f5242e4a88ef6f6a2125384b2b85310a4f0afde346755d4718e604644962.svg);
}
.LexicalEditor .toolbar i.format.underline {
  background-image: url(https://secure.collage.co/assets/lexical-icons/type-underline-f7fc054b4d1efc4abc092a71576fdd940f2961933beffb865c7cca28d7692710.svg);
}
.LexicalEditor .toolbar i.format.strikethrough {
  background-image: url(https://secure.collage.co/assets/lexical-icons/type-strikethrough-44db4ea2ae5d447be060fd14f869438144f3326c4db1e3511acf4c5e040f276d.svg);
}
.LexicalEditor .toolbar i.format.link {
  background-image: url(https://secure.collage.co/assets/lexical-icons/link-5c4ec7976c659b5283d0a254b628f39f7fb27fcc0dbc6ccd91a0907d4c2a3325.svg);
}
.LexicalEditor .toolbar i.format.left-align {
  background-image: url(https://secure.collage.co/assets/lexical-icons/text-left-2dcbb74335dcabc08dadc1c3a21563699f9c77b016368de2632568450d906956.svg);
}
.LexicalEditor .toolbar i.format.center-align {
  background-image: url(https://secure.collage.co/assets/lexical-icons/text-center-b4cdc32e3ed447290eec9b07865985fbd26f57e037cbd498d7c5c1cc769736fa.svg);
}
.LexicalEditor .toolbar i.format.right-align {
  background-image: url(https://secure.collage.co/assets/lexical-icons/text-right-98f560acb10974449575a41e1fa631d2d77b38f2ab7776360613358c01fa72f6.svg);
}
.LexicalEditor .toolbar i.format.justify-align {
  background-image: url(https://secure.collage.co/assets/lexical-icons/justify-715c9bf955a19d440e2acf7e12da9a68ff97b2110a26944b8265a5827390469b.svg);
}

.image-control-wrapper--resizing {
  touch-action: none;
}

.link-editor {
  position: absolute;
  z-index: 100001;
  top: -10000px;
  left: -10000px;
  margin-top: -6px;
  max-width: 300px;
  width: 100%;
  opacity: 0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px 1px #C9CFD1;
  border-radius: 4px;
  transition: opacity 0.5s;
}

.link-editor .link-input {
  width: calc(100% - 12px);
  box-sizing: border-box;
  margin: 8px;
}
.link-editor .link-input.read-only {
  line-height: 18px;
  position: relative;
  border-radius: 4px;
  padding: 8px 12px;
  background-color: #F9FAFA;
  border: 1px solid #C4CDD5;
  box-shadow: inset 0 1px 2px 0 rgba(103, 113, 123, 0.2);
}

.link-editor div.link-edit {
  background-image: url(https://secure.collage.co/assets/lexical-icons/pencil-fill-9278c1f8a0fc3d676ddad7afab834d827c68085bc81bf8587b18d9c559b727d9.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.link-editor .link-input a {
  color: #1776F5;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 30px;
  text-overflow: ellipsis;
}

.link-editor .link-input a:hover {
  text-decoration: underline;
}

.link-editor .button {
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 2px;
}

.link-editor .button.hovered {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #EEF0F3;
}

.link-editor .button i,
.actions i {
  background-size: contain;
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: -0.25em;
}

.editor-image .image-resizer {
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: #1776F5;
  border: 1px solid #FFFFFF;
}

span.editor-image {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.editor-image img.focused {
  outline: 2px solid #1776F5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.editor-image img.focused.draggable {
  cursor: grab;
}

.editor-image img.focused.draggable:active {
  cursor: grabbing;
}

.editor-image .image-resizer.image-resizer-ne {
  top: -6px;
  right: -6px;
  cursor: nesw-resize;
}

.editor-image .image-resizer.image-resizer-se {
  bottom: -6px;
  right: -6px;
  cursor: nwse-resize;
}

.editor-image .image-resizer.image-resizer-sw {
  bottom: -6px;
  left: -6px;
  cursor: nesw-resize;
}

.editor-image .image-resizer.image-resizer-nw {
  top: -6px;
  left: -6px;
  cursor: nwse-resize;
}

#typeahead-menu {
  z-index: 100001;
}

.typeahead-popover {
  padding: 0.5rem;
  background-color: #FFFFFF;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  margin-top: 25px;
}

.typeahead-popover ul {
  padding: 0;
  list-style: none;
  margin: 0;
  border-radius: 4px;
  overflow-y: scroll;
}

.typeahead-popover ul::-webkit-scrollbar {
  display: none;
}

.typeahead-popover ul {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.typeahead-popover ul li {
  cursor: pointer;
  border-radius: 4px;
  padding: 0.5rem;
}

.typeahead-popover ul li.selected {
  background: #EEF0F3;
}

.typeahead-popover li.active {
  display: flex;
  width: 20px;
  height: 20px;
  background-size: contain;
}

.typeahead-popover li .text {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  min-width: 150px;
}

.typeahead-popover li .icon {
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 8px;
  line-height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.mentions-menu {
  width: 250px;
}

a {
  color: #1776F5;
}

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

a.TextLink.loading {
  color: #637381;
  text-decoration: none !important;
  cursor: default !important;
}

a:focus {
  outline: none;
}

a.Btn {
  display: inline-block;
}

a.Btn,
a.Btn span {
  border-radius: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-decoration: none;
}

a.Btn:hover,
a.Btn:focus {
  text-decoration: none;
}

.Link-icon:before,
.Link-icon:after {
  content: "";
  display: inline-block;
  background-size: 8px 13px;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

.Link-icon--back:before {
  background-image: url(https://secure.collage.co/assets/blue-back-arrow@2X-e6132228a49a0a8c79cad564997d0abeec43f6c702b295c5a54ae8b6efaf5f5d.png);
}

.Link-icon--forward:after {
  background-image: url(https://secure.collage.co/assets/blue-back-arrow@2X-e6132228a49a0a8c79cad564997d0abeec43f6c702b295c5a54ae8b6efaf5f5d.png);
  transform: rotateY(180deg);
}

a.subdued {
  color: #637381;
}

a.scarlet {
  color: #EB4D28;
}

.HelpLink {
  color: #637381;
  border-bottom: 1px dotted #637381;
  cursor: pointer;
}

.action-links {
  position: relative;
}
.action-links .dropdown-menu {
  position: absolute;
  top: auto !important;
  right: 0;
}

.dropdown-menu > li > .disabled {
  color: #B9C1CF !important;
  cursor: not-allowed !important;
}
.dropdown-menu > li > .disabled:hover {
  background-color: transparent;
}

.read-more-link {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 1em);
}

.read-more-link-purple {
  background-image: linear-gradient(to right, rgba(251, 246, 254, 0), rgb(251, 246, 254) 1em);
}

.list-gap-1 li:not(:last-child) {
  margin-bottom: 0.5rem;
}

.list-gap-2 li:not(:last-child) {
  margin-bottom: 1rem;
}

.IconList {
  list-style-type: none;
}
.IconList * + * {
  margin-top: 0.25rem;
}
.IconList li {
  position: relative;
  padding-left: 20px;
}
.IconList li span:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 4px;
  margin-right: 8px;
  height: 12px;
  width: 12px;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.IconList.IconList--checkmark > li > span:before {
  background-image: url(https://secure.collage.co/assets/green-checkmark@2X-fdf2428aee45781b2dd5840b901ae80eec13ef37e59b3e3d5e67f6cf8891a13a.png);
}
.IconList.IconList--x > li > span:before {
  top: 2px;
  height: 16px;
  width: 16px;
  background-size: 16px;
  background-image: url(https://secure.collage.co/assets/red-x@2X-0a60dfd40efe75840b4380f59f0793aa2398767a4f040be5c69535e616e929bb.png);
}

.LoginOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: rgba(0, 0, 0, 0.6);
}

.LoginBlur {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
  filter: url(#blur-filter);
  filter: blur(6px);
}

.LoginForm {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000001;
}

.LoginSessionExpiring {
  position: fixed;
  bottom: 21px;
  left: 21px;
  z-index: 1000001;
  width: 420px;
}

.Login-shadow {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.55);
}

.LoginStayLoggedInBtn {
  border: none;
  background: rgba(255, 255, 255, 0.27);
  font-size: 13px;
  font-weight: 500;
  padding: 0.6rem 1.5rem;
  border-radius: 3px;
  color: #FFFFFF;
}

.LoginStayLoggedInBtn:hover {
  border: none;
  background: rgba(255, 255, 255, 0.45);
  font-size: 13px;
  font-weight: 500;
  padding: 0.6rem 1.5rem;
  border-radius: 3px;
  color: #FFFFFF;
  transition: 0.15s ease-in-out;
}

.SignInContainer {
  padding: 5rem 2rem;
  background: #FFFFFF;
  height: 100%;
}
@media (min-width: 640px) {
  .SignInContainer {
    height: auto;
    padding: 2rem 4rem;
    border: 1px solid rgba(63, 63, 68, 0.15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  }
}

.SignInContainerWrapper {
  height: 100vh;
  width: 100%;
}
@media (min-width: 640px) {
  .SignInContainerWrapper {
    height: auto;
    width: 576px;
    padding-top: 4rem;
  }
}

.SignInContainerOuterWrapper {
  position: relative;
}
@media (min-width: 640px) {
  .SignInContainerOuterWrapper {
    width: 576px;
    margin: 0 auto;
  }
}

.LogoSpinner {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  margin: 0 auto;
  border-radius: 6px;
}

.LogoSpinner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.LogoSpinner--animate .LogoSpinner-head {
  animation: 6.4s logo-color cubic-bezier(0.17, 1.01, 0.17, 1.01) infinite, 1.6s logo-bounce cubic-bezier(0.38, 1.66, 1, 0.91) infinite;
  transform-origin: center;
}
.LogoSpinner--animate .LogoSpinner-body {
  animation: 6.4s logo-color cubic-bezier(0.17, 1.01, 0.17, 1.01) infinite, 1.6s logo-rotate cubic-bezier(0.58, 1.42, 0.86, 1.12) infinite;
  transform-origin: center;
}

@keyframes logo-background {
  0% {
    background-color: #41D3C0;
  }
  25% {
    background-color: #FDB657;
  }
  50% {
    background-color: #FFFFFF;
  }
  75% {
    background-color: #FD5658;
  }
  100% {
    background-color: #41D3C0;
  }
}
@keyframes logo-color {
  0% {
    fill: #1776F5;
  }
  25% {
    fill: #FD5658;
  }
  50% {
    fill: #41D3C0;
  }
  75% {
    fill: #FDB657;
  }
  100% {
    fill: #1776F5;
  }
}
@keyframes logo-bounce {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(1px);
  }
  25% {
    transform: translateY(-4px);
  }
  40% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes logo-rotate {
  0% {
    transform: rotateY(0deg);
  }
  60% {
    transform: rotateY(370deg);
  }
  70% {
    transform: rotateY(320deg);
  }
  80% {
    transform: rotateY(370deg);
  }
  85% {
    transform: rotateY(355deg);
  }
  90% {
    transform: rotateY(365deg);
  }
  95% {
    transform: rotateY(355deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.ZapierApps {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ZapierApps .ZapierApp {
  padding: 1rem;
  height: 100%;
  position: relative;
}
.ZapierApps .ZapierApp .integrate-link {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  color: #919EAB;
  display: flex;
  align-items: center;
  transition: 0.2s ease-in-out;
}
.ZapierApps .ZapierApp:hover > .integrate-link {
  color: #1776F5;
}

.PopularApps {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.PopularApps .PopularApp {
  padding: 1rem;
  height: 100%;
  display: flex;
}

.zapier-app-image {
  height: 48px;
  width: 48px;
  border-radius: 4px;
}

.zapier-tag {
  height: 10px;
}

@media (max-width: 832px) {
  .PopularApps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .ZapierApps {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .PopularApps {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.fields-pill {
  display: flex;
  align-items: center;
  white-space: pre-line;
  text-align: left;
  min-height: 26px;
  padding: 4px 10px;
  border: 1px solid #C9CFD1;
  border-radius: 16px;
  background-color: #EBEFF1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fields-pill i {
  padding: 2px;
  border-radius: 50%;
}
.fields-pill i:hover {
  cursor: pointer;
  background-color: #C9CFD1;
}
.fields-pill i.disabled {
  color: #637381;
}
.fields-pill i.disabled:hover {
  cursor: default;
  background-color: transparent;
}

.mnw6qvm {
  border: 1px solid #eee;
  position: absolute;
  min-width: 220px;
  max-width: 440px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 4px 30px 0px rgb(220, 220, 220);
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  transform: scale(0);
}

.m1ymsnxd {
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.3, 1.2, 0.2, 1);
}

.m126ak5t {
  opacity: 1;
}

.mtiwdxc {
  padding: 7px 10px 3px 10px;
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
}

.mtiwdxc:active {
  background-color: #cce7ff;
}

.myz2dw1 {
  padding: 7px 10px 3px 10px;
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  background-color: #e6f3ff;
}

.myz2dw1:active {
  background-color: #cce7ff;
}

.mpqdcgq {
  display: inline-block;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 368px;
  font-size: 0.9em;
  margin-bottom: 0.2em;
}

.m1mfvffo {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

.ReactModal__Body--open,
.ReactModal__Html--open {
  overflow: hidden !important;
}

.CollageModalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100000;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
.CollageModalOverlay.in {
  opacity: 1;
}
.CollageModalOverlay.out {
  opacity: 0;
}
@media (max-width: 640px) {
  .CollageModalOverlay.FullScreenMobileOverlay {
    background-color: #FFFFFF;
  }
}

.CollageModalContent {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%) scale(0.95);
  transform-origin: center;
  z-index: 100001;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  outline: none;
  background-color: #FFFFFF;
  padding: 2rem;
  transition: all 0.25s ease-in-out;
  max-height: 70%;
}
.CollageModalContent.sm {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  width: calc(100% - 32px);
}
.CollageModalContent.in {
  transform: translate(-50%, -50%) scale(1);
}
.CollageModalContent.out {
  transform: translate(-50%, -50%) scale(0.95);
}
.CollageModalContent.CollageImagePreview {
  background: none;
  box-shadow: none;
  border: none;
}
@media (min-width: 640px) {
  .CollageModalContent {
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
  }
  .CollageModalContent.sm {
    width: 430px;
  }
  .CollageModalContent.md, .CollageModalContent.lg {
    width: 600px;
  }
}
@media (min-width: 1024px) {
  .CollageModalContent.lg {
    width: 900px;
  }
}
@media (max-width: 640px) {
  .CollageModalContent.FullScreenMobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100% !important;
    max-height: 100%;
    border-radius: 0;
    border: none;
    box-shadow: none;
    transform: none;
  }
  .CollageModalContent.FullScreenMobile .CollageModalInner {
    display: flex;
    flex-direction: column;
    height: auto;
    height: 100% !important;
  }
  .CollageModalContent.FullScreenMobile .CollageModalInner .ModalButtons {
    margin-top: auto;
  }
  .CollageModalContent.FullScreenMobile .CollageModalInner .ModalButtons .ModalCancelButton, .CollageModalContent.FullScreenMobile .CollageModalInner .ModalButtons .ModalSaveButton {
    flex: 1;
    width: 50%;
  }
}

.ModalButtons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}

.Navbar .Container {
  padding: 0;
}

.Navbar {
  background-color: #355FDA;
  height: 45px;
}

.Navbar-navigation li,
.Navbar-settings li {
  display: inline-block;
  margin: 0 5px;
  font-size: 13px;
  font-weight: 200;
}

.Navbar-settings li a {
  color: #FFFFFF;
}

.Navbar a {
  padding: 10px;
  padding-right: 25px;
}

.Navbar ul li a {
  display: block;
  padding: 13px 10px;
  color: rgba(255, 255, 255, 0.75);
}

.Navbar a[data-toggle=dropdown] {
  padding: 5px 0;
}

.Navbar a:hover,
.Navbar a:active,
.Navbar a:focus {
  color: #FFFFFF;
  text-decoration: none;
}

.Navbar li.active > a {
  color: #FFFFFF;
  font-weight: 400;
}

.Navbar .dropdown-menu {
  min-width: 100px;
  top: 90%;
  right: 0;
}

.Navbar .dropdown-menu li {
  display: block;
  margin: 0;
}

.Navbar .dropdown-menu li a {
  padding: 5px 20px;
  font-weight: 200;
  font-size: 13px;
  color: #212B36;
}

.Navbar--dropdown-arrow {
  height: 8px;
  padding-bottom: 3px;
}

.Navbar-badge {
  padding: 1px 6px;
  border-radius: 2px;
  line-height: 14px;
}

@keyframes is-underlining {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.Navigation {
  position: fixed;
  z-index: 99999;
  width: 245px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.NavigationHeader {
  height: 56px;
  background-color: var(--platform-color, #1B3EAE);
  padding: 1rem 1.5rem;
}

#NavigationHamburgerCheckbox[type=checkbox]:checked,
#NavigationHamburgerCheckbox[type=checkbox]:not(:checked),
.NavigationHamburger {
  display: none;
}

.NavigationOverlay {
  position: fixed;
  z-index: 99999;
  visibility: hidden;
  top: 0;
  left: 0;
}

.NavigationBody {
  display: flex;
  flex-flow: column;
  position: relative;
  z-index: 99999;
  width: 245px;
  padding: 1rem 1.5rem;
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 1px 0 0 0 #EBEFF1;
  font-size: 14px;
  overflow-x: hidden;
}
.NavigationBody ul li {
  position: relative;
}
.NavigationBody ul li.NavigationMobileItem {
  display: none;
}
.NavigationBody ul li a {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.NavigationBody ul li a:hover {
  color: rgb(76.8552631579, 89.2763157895, 100.1447368421);
}
.NavigationBody ul li a:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: 20px;
  background-repeat: no-repeat;
}
.NavigationBody ul li a.jazz_hr, .NavigationBody ul li a.greenhouse, .NavigationBody ul li a.launch_company {
  margin-left: calc(1rem + 20px);
}
.NavigationBody ul li a.jazz_hr:before, .NavigationBody ul li a.greenhouse:before, .NavigationBody ul li a.launch_company:before {
  background-image: url(https://secure.collage.co/assets/navigation/navigation-sprite@2x-b27abb7db3003cab96fcb52be86a0cbb9134f736ea4832d25f8652cd393d34d1.svg);
}
.NavigationBody ul li a i.material-icons {
  font-size: 20px;
  color: #919EAB;
}
.NavigationBody ul li a:hover i.material-icons {
  color: rgb(116.0824742268, 132.5, 148.9175257732);
}
.NavigationBody ul li a.greenhouse:before {
  background-position: 0 0;
}
.NavigationBody ul li a.jazz_hr:before {
  background-position: 0 -25px;
}
.NavigationBody ul li a.launch_company:before {
  background-position: 0 -50px;
}
.NavigationBody ul li.active a {
  color: #4367F7;
}
.NavigationBody ul li.active a i.material-icons {
  color: #4367F7;
}
.NavigationBody ul li.separator {
  margin: 1.5rem 0;
  background-color: #EBEFF1;
  height: 1px;
  width: 100%;
}
.NavigationBody ul div.tag {
  font-size: 11px;
  color: #00B7B3;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}
.NavigationBody ul.SubNavigation li a {
  padding: 0.15rem 0;
  margin-left: 3rem;
}
.NavigationBody ul.SubNavigation li a:before {
  display: none;
}
.NavigationBody .Badge {
  font-size: 12px;
  font-weight: 500;
  background-color: #2EC0D5;
  border-radius: 5rem;
  height: 18px;
  width: 25px;
  text-align: center;
  color: white;
  line-height: 18px;
  display: inline-block;
}

.NavigationSearch {
  position: fixed;
  z-index: 99998;
  left: 245px;
  height: 56px;
  display: inline-block;
  background-color: var(--platform-color, #1B3EAE);
  width: calc(100% - 2 * 245px);
}

.NavigationDropdown {
  position: fixed;
  z-index: 99999;
  width: 245px;
  height: 56px;
  right: 0;
  display: inline-block;
  background-color: var(--platform-color, #1B3EAE);
}
.NavigationDropdown > a {
  padding: 0.65rem 1.5rem;
}
.NavigationDropdown ul.dropdown-menu {
  border-radius: 3px;
  right: 5px;
}
.NavigationDropdown ul.dropdown-menu a[data-toggle=dropdown] {
  display: none;
}
.NavigationDropdown ul.dropdown-menu li a {
  padding: 0.625rem 1rem;
  border-bottom: 1px solid #F4F6F8;
  font-weight: 300;
}
.NavigationDropdown ul.dropdown-menu li a:last-child {
  border-bottom: none;
}
.NavigationDropdown ul.dropdown-menu li a:hover {
  background-color: #5A7AFB;
  color: #FFFFFF;
}

@media (max-width: 1024px) {
  .Navigation {
    width: 0;
  }
  .NavigationHeader,
  .NavigationDropdown:not(.BrokerPortalNavigationDropdown) {
    display: none;
  }
  .NavigationSearch {
    left: 50px;
    width: calc(100% - 50px);
  }
  .NavigationBody {
    box-shadow: 1px 0 31px 0 rgba(0, 0, 0, 0.16);
    transition: 0.2s ease-in-out;
    transform: translateX(-246px);
  }
  .NavigationBody ul li.NavigationMobileItem {
    display: block;
  }
  .whats-new {
    box-shadow: none !important;
    transition: 0.2s ease-in-out;
    transform: translateX(-246px);
  }
  .NavigationHamburger {
    position: relative;
    z-index: 100000;
    background-color: var(--platform-color, #1B3EAE);
    display: block;
    width: 50px;
    height: 56px;
    transition: 0.2s ease-in-out;
  }
  label.NavigationHamburgerTop,
  label.NavigationHamburgerBottom {
    width: 50px;
    cursor: pointer;
    margin: 0;
  }
  label.NavigationHamburgerTop {
    height: 56px;
    padding: 28px 16px;
  }
  label.NavigationHamburgerTop:before,
  label.NavigationHamburgerTop:after,
  label.NavigationHamburgerBottom:before {
    position: absolute;
    content: "";
    background-color: #FFFFFF;
    border-radius: 0.5px;
    transition: 0.3s ease-in-out;
    width: 18px;
    height: 2px;
  }
  label.NavigationHamburgerBottom:before {
    top: 34px;
    left: 16px;
  }
  label.NavigationHamburgerTop:before {
    top: 22px;
  }
  #NavigationHamburgerCheckbox:checked + .NavigationHamburger {
    transition: 0.3s ease-in-out;
    width: 245px;
  }
  #NavigationHamburgerCheckbox:checked + .NavigationHamburger label.NavigationHamburgerTop:before,
  #NavigationHamburgerCheckbox:checked + .NavigationHamburger label.NavigationHamburgerTop:after {
    transition: 0.3s ease-in-out;
    top: 28px;
  }
  #NavigationHamburgerCheckbox:checked + .NavigationHamburger label.NavigationHamburgerTop:before {
    transform: rotate(-45deg);
  }
  #NavigationHamburgerCheckbox:checked + .NavigationHamburger label.NavigationHamburgerTop:after {
    transform: rotate(45deg);
  }
  #NavigationHamburgerCheckbox:checked + .NavigationHamburger label.NavigationHamburgerBottom:before {
    transition: 0.3s ease-in-out;
    transform: translateY(10px);
    opacity: 0;
  }
  #NavigationHamburgerCheckbox:checked ~ .NavigationBody,
  #NavigationHamburgerCheckbox:checked ~ .whats-new {
    transition: transform 0.3s ease-in-out;
    transform-origin: left center;
    transform: translateX(0);
  }
  #NavigationHamburgerCheckbox:checked ~ .NavigationOverlay {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100vw;
    height: 100vh;
    transition: background-color 0.3s ease-in-out;
  }
}
@media (min-height: 500px) and (min-width: 1024px) {
  ul li.NavigationBottomItem {
    position: absolute;
    bottom: 1.5rem;
  }
}
@media (max-width: 640px) {
  .NavigationBody, .whats-new {
    padding-left: 0.8rem;
    padding-top: 1rem;
    padding-bottom: calc(2rem + 44px);
  }
}
.whats-new {
  display: flex;
  flex-flow: column;
  margin-top: auto;
  padding: 0 1.5rem 1rem 1.5rem;
  position: sticky;
  bottom: 0;
  z-index: 99999;
  width: 245px;
  background-color: #FFFFFF;
  box-shadow: 1px 0 0 0 #EBEFF1;
  font-size: 14px;
}
.whats-new i {
  vertical-align: bottom;
  margin-right: 13px;
}
.whats-new .beamer_icon.active {
  position: relative;
}

.Notes, .Note-content {
  resize: none;
  border: none;
  color: #1776F5;
  text-shadow: 0 0 0 #212B36;
  box-shadow: none;
  -webkit-text-fill-color: transparent;
  transition: none;
  text-indent: 0;
  padding: 0;
}

.Notes:not(:valid), .Note-content:not(:valid) {
  text-shadow: 0 0 0 #637381;
}

.Notes:not(:valid) ~ .Btn, .Note-content:not(:valid) ~ .Btn {
  display: none;
}

.Notes:focus, .Note-content:focus,
.Notes:hover,
.Note-content:hover {
  outline: 0;
  border: 0;
  box-shadow: none;
}

.Notes:focus ~ .Btn, .Note-content:focus ~ .Btn,
.Notes:valid ~ .Btn,
.Note-content:valid ~ .Btn {
  display: block;
}

.Notes:valid ~ .is-disabled, .Note-content:valid ~ .is-disabled {
  pointer-events: visible;
  background-color: #1776F5 !important;
  border-color: rgb(10.020661157, 105.2169421488, 232.479338843) !important;
  color: #FFFFFF;
}

.Notes:valid ~ .is-disabled:hover, .Note-content:valid ~ .is-disabled:hover {
  background-color: rgb(10.020661157, 105.2169421488, 232.479338843) !important;
  border-color: rgb(8.9669421488, 94.152892562, 208.0330578512) !important;
}

.Note {
  cursor: pointer;
}

.Note-content {
  min-height: 70px;
  text-shadow: 0 0 0 #637381;
  overflow: hidden;
  box-shadow: none;
}

.OfferDetailsForm .OfferDetailsFields {
  overflow-y: auto;
  max-height: 536px;
}
.OfferDetailsForm .OfferDetailsFields > *:not(:first-child) {
  margin-top: 0.5rem;
}
.OfferDetailsForm .editor-container {
  height: 100%;
}
.OfferDetailsForm .editor-container .editor-inner {
  height: calc(100% - 48.6px);
  overflow-y: auto;
  max-height: 527.7px;
}

.OrgChartOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(244, 246, 248);
  z-index: 100000;
}

.OrgChartCloseButton {
  position: absolute;
  right: 16px;
  top: 20px;
}

.Panel {
  background-color: #FFFFFF;
  border: 1px solid rgba(63, 63, 68, 0.05);
  box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  margin-left: -1rem;
  margin-right: -1rem;
  padding-top: 1.25rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  overflow-wrap: break-word;
}

.Panel.compact {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.Panel.branded-header {
  box-shadow: 0 5px 8px 0 rgba(63, 63, 68, 0.15);
  margin-left: 0;
  margin-right: 0;
}

.Panel.bg-sky {
  background-color: #F6F8FF;
}

.Panel.bg-caution {
  background-color: #FDF9EB;
}

.Panel.bg-success {
  background-color: #ECFFEF;
}

.Panel.bg-error {
  background-color: #FFEDEF;
}

.Panel.dashed {
  background-color: transparent;
  border: 1px dashed #B9C1CF;
  box-shadow: 0 0 0 0;
  border-radius: 0px;
}

.PanelHeader {
  padding-bottom: 1rem;
}
.PanelHeader .PanelTitle {
  font-size: 17px;
  font-weight: 500;
  color: #212B36;
}

.PanelSubheader {
  font-weight: 500;
  color: #212B36;
  font-size: 14px;
  padding-bottom: 0.75rem;
}

.PanelSeparator {
  border-bottom: 1px solid #EBEFF1;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-bottom: 1.5rem;
}

.LoosePanelStack > .Panel {
  margin-bottom: 1rem;
}
.LoosePanelStack > .PanelStack {
  margin-bottom: 1rem;
}
.LoosePanelStack > .LoosePanelStack {
  margin-bottom: 1rem;
}

.PanelStack .Panel {
  border-radius: 0;
  border-bottom: none;
}
.PanelStack .Panel:only-child {
  border-radius: 4px;
}
.PanelStack .Panel:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.PanelStack .Panel:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.PanelEmptyState {
  background-color: #F5F5F6;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 640px) {
  .Panel {
    margin-left: unset;
    margin-right: unset;
    border-radius: 4px;
  }
}
.PartnerNavigation {
  position: fixed;
  z-index: 99999;
  height: 65px;
  width: 100%;
}

.PartnerNavigationHeader {
  height: 56px;
  background-color: #1B3EAE;
}

.PartnerNavigationLogo {
  position: fixed;
  z-index: 99999;
  height: 56px;
  left: 0;
  padding: 1rem;
}

.PartnerNavigationDropdown {
  position: fixed;
  z-index: 99999;
  height: 56px;
  right: 0;
  padding: 0.5rem 1rem;
}
.PartnerNavigationDropdown ul.dropdown-menu {
  border-radius: 3px;
  right: 5px;
}
.PartnerNavigationDropdown ul.dropdown-menu a[data-toggle=dropdown] {
  display: none;
}
.PartnerNavigationDropdown ul.dropdown-menu li a {
  padding: 0.625rem 1rem;
  border-bottom: 1px solid #F4F6F8;
  font-weight: 300;
}
.PartnerNavigationDropdown ul.dropdown-menu li a:last-child {
  border-bottom: none;
}
.PartnerNavigationDropdown ul.dropdown-menu li a:hover {
  background-color: #5A7AFB;
  color: #FFFFFF;
}

.PartnerNavigation-item {
  display: block;
  text-align: center;
}
.PartnerNavigation-item .PartnerNavigation-icon {
  border-radius: 100%;
  height: 36px;
  width: 36px;
  background-color: #19389F;
  line-height: 37px;
}

.FullScreenPDF {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  overflow-y: scroll;
  height: 100%;
  background-color: white;
}

.ViewerContainer {
  position: absolute;
  overflow: hidden;
}
.ViewerContainer .pdfViewer .page {
  margin: unset;
  border: unset;
}
.ViewerContainer canvas {
  width: 100%;
  height: 100%;
}

.Radio-button:hover {
  cursor: pointer;
}
.Radio-button input[type=radio], .Radio-button textarea[type=radio] {
  z-index: 1;
  opacity: 0;
  height: 25px;
  width: 25px;
  cursor: pointer;
  position: absolute;
  pointer-events: none;
}
.Radio-button label {
  cursor: pointer;
}
.Radio-button .Radio-button-circle {
  cursor: pointer;
  position: relative;
  content: "";
  display: inline-block;
  box-shadow: 0 0 0 1px #C9CFD1;
  border: 3px solid #FFFFFF;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  vertical-align: text-top;
  margin-right: 0.8rem;
  transition: 0.1s ease;
}
.Radio-button .Radio-button-circle:after {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  top: -5px;
  left: -4px;
}
.Radio-button input[type=radio]:checked + .Radio-button-circle, .Radio-button textarea[type=radio]:checked + .Radio-button-circle {
  background-color: #4367F7;
  box-shadow: 0 0 0 1.5px #4367F7;
}
.Radio-button input[type=radio]:checked + .Radio-button-circle:before, .Radio-button textarea[type=radio]:checked + .Radio-button-circle:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  top: 0;
  left: 0;
}
.Radio-button input[type=radio]:checked + .Radio-button-circle:after, .Radio-button textarea[type=radio]:checked + .Radio-button-circle:after {
  top: -4px;
  left: -4px;
}
.Radio-button input[type=radio]:checked + .Radio-button-circle.error, .Radio-button textarea[type=radio]:checked + .Radio-button-circle.error {
  background-color: #EB4D28;
  box-shadow: 0 0 0 1.5px #EB4D28;
}
.Radio-button input[type=radio]:focus + .Radio-button-circle, .Radio-button textarea[type=radio]:focus + .Radio-button-circle {
  box-shadow: 0 0 0 3px #0F3DD0;
}
.Radio-button input[type=radio]:checked:disabled + .Radio-button-circle, .Radio-button textarea[type=radio]:checked:disabled + .Radio-button-circle {
  background-color: #ADBDFF;
  box-shadow: 0 0 0 1.5px #96A9F7;
  border: 3px solid #FFFFFF;
}
.Radio-button input[type=radio]:disabled + .Radio-button-circle, .Radio-button textarea[type=radio]:disabled + .Radio-button-circle {
  background-color: #FAFBFC;
  border: none;
  box-shadow: 0 0 0 1.5px #EBEFF1;
}
.Radio-button input[type=radio]:disabled + .Radio-button-circle:after, .Radio-button textarea[type=radio]:disabled + .Radio-button-circle:after {
  display: none;
}

.Radio-button--bordered {
  border: 1px solid #EBEFF1;
  background-color: #FFFFFF;
  padding: 0.5rem 1rem 1rem 1rem;
  border-radius: 5px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 1rem;
}
.Radio-button--bordered:last-child {
  margin-bottom: 0;
}
.Radio-button--bordered:hover:not(.active):not(.disabled) {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  background-color: #FAFAFA;
}
.Radio-button--bordered.active {
  border: 1px solid #C9CFD1;
}

.RadioButtonGroup label {
  margin-bottom: 0.75rem;
}
.RadioButtonGroup label.Radio-button {
  margin-bottom: 0.5rem;
}

.RadioButtonGroup-scale .Radio-button {
  vertical-align: top;
  text-align: center;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.RadioButtonGroup-scale .Radio-button .Radio-button--scale {
  width: 100px;
}
.RadioButtonGroup-scale .Radio-button .Radio-button-number--scale {
  position: relative;
  display: block;
  height: 100px;
  width: 100%;
  border-radius: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
  border: 2px solid #EBEFF1;
  color: #637381;
  font-size: 17px;
  line-height: 100px;
  transition: 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.RadioButtonGroup-scale .Radio-button input[type=radio]:not(:disabled):not(:checked) ~ span .Radio-button-number--scale:hover, .RadioButtonGroup-scale .Radio-button textarea[type=radio]:not(:disabled):not(:checked) ~ span .Radio-button-number--scale:hover {
  border: 2px solid #C9CFD1;
}
.RadioButtonGroup-scale .Radio-button .Radio-button-text--scale {
  margin-top: 1rem;
}
.RadioButtonGroup-scale .Radio-button input[type=radio]:active:not(:disabled) ~ span .Radio-button-number--scale, .RadioButtonGroup-scale .Radio-button textarea[type=radio]:active:not(:disabled) ~ span .Radio-button-number--scale {
  background-color: #F4F6F8;
}
.RadioButtonGroup-scale .Radio-button input[type=radio]:checked ~ span .Radio-button-number--scale, .RadioButtonGroup-scale .Radio-button textarea[type=radio]:checked ~ span .Radio-button-number--scale {
  color: #212B36;
  border: 2px solid #1776F5;
}
.RadioButtonGroup-scale span.Radio-button-circle {
  display: none;
}

.ReactSelect {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.ReactSelect-title {
  padding-right: 1rem;
  padding-left: 1rem;
}

.ReactSelect-title:hover {
  text-decoration: underline;
}

.ReactSelect-title:after {
  content: "";
  position: absolute;
  margin-left: 0.125rem;
  background-image: url(https://secure.collage.co/assets/arrow-down@2X-e56d3d5a536778d6e06eb7abf6752a2d845728e76ef1ea23c5872da4268edf0c.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 16px;
  width: 16px;
  top: 58%;
  transform: translateY(-55%);
}

.ReactSelect.white .ReactSelect-title:after {
  background-image: url(https://secure.collage.co/assets/chevron-down--white@2X-79470aca465a15f4030ac0acd8caf7fea342a682774b286fba6563797803b0b1.png);
  background-size: contain;
  transform: none;
  width: 10px;
}

.ReactSelect-list {
  position: absolute;
  top: 0;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
  background: white;
  margin: -0.5rem 0;
  border-radius: 3px;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}

.ReactSelect-list li {
  white-space: nowrap;
}

.ReactSelect-list li a {
  display: block;
  padding: 0.5rem 1rem;
}

.ReactSelect-list li a:hover {
  color: #FFFFFF;
  background-color: #5A7AFB;
}

.ReactSelect.is-open .ReactSelect-title {
  opacity: 0;
}
.ReactSelect.is-open .ReactSelect-list {
  pointer-events: all;
  animation: react-select-open 0.2s ease-in-out forwards;
}

.ReactSelect.is-closed .ReactSelect-list {
  animation: react-select-close 0.2s ease-in-out forwards;
}

@keyframes react-select-open {
  0% {
    opacity: 0;
    transform: translateY(0.5rem);
    z-index: -1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    z-index: 100;
  }
}
@keyframes react-select-close {
  0% {
    opacity: 1;
    z-index: 100;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
ul.DropdownSelect {
  list-style-type: none;
  background-color: #3B4E7F;
  position: absolute;
  width: 270px;
  border-radius: 3px;
  z-index: 300;
  top: calc(100% + 1rem);
  padding: 0.8rem;
  animation: dropdown-select-close 0s forwards;
}

ul.DropdownSelect--sm {
  max-height: 400px;
  overflow-y: auto;
}

ul.DropdownSelect::-webkit-scrollbar-thumb {
  border: 1px solid #3B4E7F;
  border-radius: 3px;
  background-color: #FFFFFF;
}

ul.DropdownSelect::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #3B4E7F;
}

ul.DropdownSelect::-webkit-scrollbar {
  width: 12px;
  background-color: transparent;
}

ul.DropdownSelect li a {
  position: relative;
  display: block;
  padding: 0.8rem 1rem;
  border-radius: 2px;
  font-size: 14px;
  text-align: left;
}

ul.DropdownSelect--sm li a {
  padding: 0.6rem 1rem;
}

ul.DropdownSelect li a.selected,
ul.DropdownSelect li a.selected:hover {
  background-color: #7F8BAA;
}
ul.DropdownSelect li a.selected:after,
ul.DropdownSelect li a.selected:hover:after {
  content: "";
  position: absolute;
  background-image: url(https://secure.collage.co/images/white-checkmark-2@2x.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 15px;
  width: 15px;
  right: 1rem;
  top: 55%;
  transform: translateY(-55%);
}

ul.DropdownSelect li a:hover {
  background-color: rgb(98.1690140845, 112.0281690141, 147.8309859155);
}

ul.DropdownSelect li.separator:after {
  content: "";
  position: relative;
  display: block;
  height: 1px;
  margin: 0.8rem -0.8rem;
  background-color: #919EAB;
}

ul.DropdownSelect.is-closed {
  animation: 0.2s dropdown-select-close ease-in-out forwards;
}

ul.DropdownSelect.is-open {
  animation: 0.2s dropdown-select-open ease-in-out forwards;
  z-index: 301;
}

@keyframes dropdown-select-open {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes dropdown-select-close {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0;
    z-index: -1;
  }
}
.Report-border {
  border-top: 1px solid #EBEFF1;
  border-bottom: 1px solid #EBEFF1;
  border-left: 1px dashed #EBEFF1;
  border-right: 1px dashed #EBEFF1;
}

.Report-empty-placeholder {
  min-height: 456px;
}

.searchable-dropdown {
  position: relative;
  background-color: var(--platform-color, #1B3EAE);
  height: 56px;
  max-width: 700px;
}

.searchable-dropdown-list {
  top: 100%;
  position: absolute;
  min-width: 400px;
  max-width: 700px;
  z-index: 1100;
  left: 3rem;
}

.searchable-dropdown-list.is-closed {
  animation: 0.2s global-search-close ease-in-out forwards;
}

.searchable-dropdown-list.is-open {
  animation: 0.2s global-search-open ease-in-out forwards;
}

.searchable-dropdown-section {
  font-size: 11px !important;
  font-weight: 600;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

input[type=search].searchable-dropdown-input::-webkit-input-placeholder, textarea[type=search].searchable-dropdown-input::-webkit-input-placeholder {
  color: #F9FAFA;
  font-weight: 200;
}
input[type=search].searchable-dropdown-input:-moz-placeholder, textarea[type=search].searchable-dropdown-input:-moz-placeholder {
  color: #F9FAFA;
  font-weight: 200;
}
input[type=search].searchable-dropdown-input::-moz-placeholder, textarea[type=search].searchable-dropdown-input::-moz-placeholder {
  color: #F9FAFA;
  font-weight: 200;
}
input[type=search].searchable-dropdown-input:-ms-input-placeholder, textarea[type=search].searchable-dropdown-input:-ms-input-placeholder {
  color: #F9FAFA;
  font-weight: 200;
}
input[type=search].searchable-dropdown-input, textarea[type=search].searchable-dropdown-input {
  margin: 0.7rem 0;
  background: url(https://secure.collage.co/assets/ic-search-reversed@2x-5bc6e3046388013d1d2794c9392177b0f019851074b10259aa0fc7be0262ec1d.png) no-repeat;
  background-position: 14px center;
  background-size: 18px;
  background-color: rgba(255, 255, 255, 0.15);
  text-indent: 2rem;
  width: calc(100% - 3.4rem);
  border: none;
  color: #FFFFFF;
}
input[type=search].searchable-dropdown-input:hover, textarea[type=search].searchable-dropdown-input:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.25);
  border: none;
}
input[type=search].searchable-dropdown-input:focus::-webkit-input-placeholder, textarea[type=search].searchable-dropdown-input:focus::-webkit-input-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=search].searchable-dropdown-input:focus:-moz-placeholder, textarea[type=search].searchable-dropdown-input:focus:-moz-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=search].searchable-dropdown-input:focus::-moz-placeholder, textarea[type=search].searchable-dropdown-input:focus::-moz-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=search].searchable-dropdown-input:focus:-ms-input-placeholder, textarea[type=search].searchable-dropdown-input:focus:-ms-input-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=search].searchable-dropdown-input:focus, textarea[type=search].searchable-dropdown-input:focus {
  background: url(https://secure.collage.co/assets/ic-search-default@2x-622684db6a222d51d825e721b3721a994d261500104f566e5480b81195f77ac7.png) no-repeat;
  background-position: 14px center;
  background-size: 18px;
  background-color: #FFFFFF;
  color: #212B36;
  border: none;
  box-shadow: none;
}

.platform-color-light input[type=search].searchable-dropdown-input, .platform-color-light textarea[type=search].searchable-dropdown-input {
  background-image: url(https://secure.collage.co/assets/ic-search-default@2x-622684db6a222d51d825e721b3721a994d261500104f566e5480b81195f77ac7.png);
  background-color: #FFFFFF;
  color: #212B36;
}
.platform-color-light input[type=search].searchable-dropdown-input::-webkit-input-placeholder, .platform-color-light textarea[type=search].searchable-dropdown-input::-webkit-input-placeholder {
  color: #919EAB;
}
.platform-color-light input[type=search].searchable-dropdown-input:-moz-placeholder, .platform-color-light textarea[type=search].searchable-dropdown-input:-moz-placeholder {
  color: #919EAB;
}
.platform-color-light input[type=search].searchable-dropdown-input::-moz-placeholder, .platform-color-light textarea[type=search].searchable-dropdown-input::-moz-placeholder {
  color: #919EAB;
}
.platform-color-light input[type=search].searchable-dropdown-input:-ms-input-placeholder, .platform-color-light textarea[type=search].searchable-dropdown-input:-ms-input-placeholder {
  color: #919EAB;
}
.platform-color-light input[type=search].searchable-dropdown-input:hover, .platform-color-light textarea[type=search].searchable-dropdown-input:hover {
  color: #212B36;
  background-color: #FFFFFF;
}

.searchable-dropdown-close {
  top: 1.65rem;
  right: 3.8rem;
}

.searchable-dropdown .searchable-dropdown-close {
  top: 1.3rem;
}

.searchable-dropdown-item {
  cursor: pointer;
  padding: 0.5rem;
  margin: 0.5rem;
  border-radius: 3px;
}

.searchable-dropdown-item-detail {
  color: #637381;
  font-size: 13px;
}

.searchable-dropdown-item.selected,
.searchable-dropdown-item:hover {
  background: #5b7afc;
  color: white;
}
.searchable-dropdown-item.selected .searchable-dropdown-item-detail,
.searchable-dropdown-item:hover .searchable-dropdown-item-detail {
  color: #FFFFFF;
}

@keyframes global-search-open {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes global-search-close {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0;
    z-index: -1;
  }
}
@media (max-width: 1023px) {
  input[type=search].searchable-dropdown-input, textarea[type=search].searchable-dropdown-input {
    margin: 10px;
    width: calc(100% - 20px);
    font-size: 16px;
  }
  .searchable-dropdown-list {
    margin-left: -50px;
    width: calc(100% + 50px);
    left: 0;
    min-width: 0;
  }
  .searchable-dropdown-close {
    right: 1.3rem;
  }
}
@media (min-width: 640px) {
  .searchable-dropdown {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 832px) {
  .searchable-dropdown {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
@media (min-width: 1216px) {
  .searchable-dropdown {
    padding-right: 5rem;
    padding-left: 5rem;
  }
  .searchable-dropdown-list {
    left: 5rem;
  }
}
.searchable-dropdown-select {
  position: relative;
}

.searchable-dropdown-select-list {
  top: 100%;
  position: absolute;
  min-width: 250px;
  max-width: 700px;
  max-height: 400px;
  overflow: auto;
  z-index: 1100;
}

.searchable-dropdown-select-list.is-closed {
  animation: 0.2s global-search-close ease-in-out forwards;
}

.searchable-dropdown-select-list.is-open {
  animation: 0.2s global-search-open ease-in-out forwards;
}

.searchable-dropdown-select-section {
  font-size: 11px !important;
  font-weight: 600;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

input[type=search].searchable-dropdown-select-input::-webkit-input-placeholder, textarea[type=search].searchable-dropdown-select-input::-webkit-input-placeholder {
  color: #F9FAFA;
  font-weight: 200;
}
input[type=search].searchable-dropdown-select-input:-moz-placeholder, textarea[type=search].searchable-dropdown-select-input:-moz-placeholder {
  color: #F9FAFA;
  font-weight: 200;
}
input[type=search].searchable-dropdown-select-input::-moz-placeholder, textarea[type=search].searchable-dropdown-select-input::-moz-placeholder {
  color: #F9FAFA;
  font-weight: 200;
}
input[type=search].searchable-dropdown-select-input:-ms-input-placeholder, textarea[type=search].searchable-dropdown-select-input:-ms-input-placeholder {
  color: #F9FAFA;
  font-weight: 200;
}
input[type=search].searchable-dropdown-select-input, textarea[type=search].searchable-dropdown-select-input {
  margin: 0.7rem 0;
  background: url(https://secure.collage.co/assets/ic-search-reversed@2x-5bc6e3046388013d1d2794c9392177b0f019851074b10259aa0fc7be0262ec1d.png) no-repeat;
  background-position: 14px center;
  background-size: 18px;
  background-color: #4763bb;
  text-indent: 2rem;
  width: calc(100% - 3.4rem);
  border: none;
  color: #FFFFFF;
  padding-right: 2rem;
}
input[type=search].searchable-dropdown-select-input:hover, textarea[type=search].searchable-dropdown-select-input:hover {
  color: #FFFFFF;
  background-color: rgb(108.2380952381, 130.5714285714, 200.7619047619);
  border: none;
}
input[type=search].searchable-dropdown-select-input:focus::-webkit-input-placeholder, textarea[type=search].searchable-dropdown-select-input:focus::-webkit-input-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=search].searchable-dropdown-select-input:focus:-moz-placeholder, textarea[type=search].searchable-dropdown-select-input:focus:-moz-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=search].searchable-dropdown-select-input:focus::-moz-placeholder, textarea[type=search].searchable-dropdown-select-input:focus::-moz-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=search].searchable-dropdown-select-input:focus:-ms-input-placeholder, textarea[type=search].searchable-dropdown-select-input:focus:-ms-input-placeholder {
  color: #919EAB;
  font-weight: 200;
}
input[type=search].searchable-dropdown-select-input:focus, textarea[type=search].searchable-dropdown-select-input:focus {
  background: url(https://secure.collage.co/assets/ic-search-default@2x-622684db6a222d51d825e721b3721a994d261500104f566e5480b81195f77ac7.png) no-repeat;
  background-position: 14px center;
  background-size: 18px;
  background-color: #FFFFFF;
  color: #212B36;
  border: none;
  box-shadow: none;
}

.searchable-dropdown-select-close {
  top: 1.65rem;
  right: 1.65rem;
}

.searchable-dropdown-select-item {
  cursor: pointer;
  padding: 0.5rem;
  margin: 0.5rem;
  border-radius: 3px;
}

.searchable-dropdown-select-item-detail {
  color: #637381;
  font-size: 13px;
}

.searchable-dropdown-select-item.selected,
.searchable-dropdown-select-item:hover {
  background: #5b7afc;
  color: white;
}
.searchable-dropdown-select-item.selected .searchable-dropdown-select-item-detail,
.searchable-dropdown-select-item:hover .searchable-dropdown-select-item-detail {
  color: #FFFFFF;
}

@keyframes global-search-open {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes global-search-close {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0;
    z-index: -1;
  }
}
.select2-selection__arrow b {
  display: none;
}

.select2:focus,
.select2:active,
.select2-selection:focus {
  outline: none;
}

.select2-container {
  display: block;
}

.select2-container--default .select2-selection--single {
  height: auto;
  border: none;
  background-image: linear-gradient(0deg, #F9FAFB 0%, #FFFFFF 100%);
  box-shadow: 0 1px 1px 0 rgba(34, 41, 62, 0.05);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  border: 1px solid #C9CFD1;
  border-radius: 4px;
  line-height: 1.42;
  height: 36px;
  padding: 8px;
  font-size: 14px;
  text-indent: 5px;
  transition: 0.2s ease-in-out;
}
.select2-container--default .select2-selection--single .select2-selection__rendered:hover {
  border: 1px solid rgb(173.46, 182.52, 185.54);
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #919EAB;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  right: 20px;
  font-size: 0;
  height: 100%;
  width: 12px;
  background: url(https://secure.collage.co/assets/clear-icon-815f7e62aa93d5465a2b8a87841972f3c904eb785548de2450fbcdaaa468c9b4.svg) no-repeat;
  background-size: 12px;
  background-position: center;
  margin-right: -15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  content: "";
  background: url(https://secure.collage.co/assets/arrow-down@2X-e56d3d5a536778d6e06eb7abf6752a2d845728e76ef1ea23c5872da4268edf0c.png) no-repeat;
  background-size: contain;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 7px;
  right: 7px;
}

.select2-container--default.select2-container--open {
  z-index: 100000;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
  filter: FlipV;
}
.select2-container--default.select2-container--open .select2-dropdown--below,
.select2-container--default.select2-container--open .select2-dropdown--above {
  border: none;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  overflow: hidden;
}
.select2-container--default.select2-container--open .select2-dropdown--below.select2-animation {
  animation: react-select2-default-open 0.2s ease-in-out forwards;
}
.select2-container--default.select2-container--open .select2-dropdown--above.select2-animation {
  transform: translateY(2.6rem);
}

.select2-results > .select2-results__options {
  color: #637381;
  max-height: 212px !important;
  padding: 0.5rem;
  scrollbar-width: thin;
}
.select2-results > .select2-results__options .select2-results__option {
  padding: 0.6rem 0.8rem;
  border-radius: 4px;
  white-space: nowrap;
}
.select2-results > .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #FFFFFF;
  color: #1776F5;
}
.select2-results > .select2-results__options .select2-results__option--highlighted[aria-selected] {
  background-color: #EEF0F3;
  color: #212B36;
}

.select2-dropdown.select2-animation .select2-results > .select2-results__options {
  margin-bottom: 2.7rem;
}

.select2-dropdown.select2-animation.select2-dropdown--below .select2-results > .select2-results__options {
  margin-bottom: 0.5rem;
}

.select2-search.select2-search--dropdown {
  padding: 0;
  border-bottom: 1px solid #C9CFD1;
}
.select2-search.select2-search--dropdown .select2-search__field {
  border: none;
  width: 100%;
  background: url(https://secure.collage.co/assets/search-icon@2x-2838c0a544922de778b081aff4265a052ac716580243967fb8915d00ed77c226.png) no-repeat;
  background-position: 0.5rem;
  background-size: 1rem;
  text-indent: 2rem;
}
.select2-search.select2-search--dropdown .select2-search__field:focus {
  box-shadow: none;
}

.select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered {
  border: 1px solid #0F3DD0;
  box-shadow: inset 0 0 0 1px #0F3DD0;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  border: 1px solid #EBEFF1;
  background-color: #F9FAFA;
  color: #919EAB;
}

.select2-container--default.select2-container--disabled.select2-container--focus .select2-selection--single .select2-selection__rendered {
  border: 1px solid #EBEFF1;
  box-shadow: none;
  pointer-events: none;
}

.Error-field .select2-container--default .select2-selection--single .select2-selection__rendered {
  border: 1px solid #EB4D28;
  background-color: rgba(235, 77, 40, 0.08);
}

.Error-field .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered {
  box-shadow: none;
}

#employee-navigation:hover .select2-container--default .select2-selection--single .select2-selection__rendered {
  border-bottom: 1px dotted #637381;
}
#employee-navigation .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered {
  box-shadow: none;
}
#employee-navigation .Employee-nav .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #212B36;
}
#employee-navigation .select2-container--default .select2-selection--single {
  background: none;
  border-radius: 0;
  box-shadow: none;
}
#employee-navigation .select2-container--default .select2-selection--single .select2-selection__rendered {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px dotted #C9CFD1;
  border-radius: 0;
  height: auto;
  padding: 0 !important;
  font-size: inherit;
  text-indent: inherit;
  color: inherit;
  margin-right: 30px;
}
#employee-navigation .select2-container--default .select2-selection--single .select2-selection__arrow {
  text-align: center;
}
#employee-navigation .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  content: "";
  background: url(https://secure.collage.co/assets/arrow-down@2X-e56d3d5a536778d6e06eb7abf6752a2d845728e76ef1ea23c5872da4268edf0c.png) no-repeat;
  background-size: contain;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 10px;
  left: 10px;
}

.Employee-navigation {
  min-width: 310px;
}
.Employee-navigation.select2-dropdown--below {
  animation: react-select2-open 0.2s ease-in-out forwards;
}
.Employee-navigation .select2-search--dropdown {
  padding: 0.5rem 0;
}
.Employee-navigation input.select2-search__field, .Employee-navigation textarea.select2-search__field {
  background: url(https://secure.collage.co/assets/search-icon@2x-2838c0a544922de778b081aff4265a052ac716580243967fb8915d00ed77c226.png) no-repeat;
  background-position: 1.2rem;
  background-size: 1.2rem;
  background-color: #FFFFFF;
  text-indent: 3rem;
  width: 300px;
  font-weight: 200;
  color: #212B36;
}

.large + .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.js-select.large + .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 42px;
  font-size: 15px;
  line-height: 1.6;
}
.large + .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:after,
.js-select.large + .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  top: 10px;
}

.bg-smoke + .select2-container--default .select2-selection--single {
  background-color: #F9FAFA;
}

@keyframes react-select2-default-open {
  0% {
    opacity: 0;
    top: -2.1rem;
  }
  100% {
    opacity: 1;
    top: -2.6rem;
  }
}
@keyframes react-select2-open {
  0% {
    opacity: 0;
    top: -3rem;
  }
  100% {
    opacity: 1;
    top: -3.5rem;
  }
}
.select2-hide-selected .select2-results__option[aria-selected=true] {
  display: none;
}
.select2-hide-selected .select2-selection__choice {
  display: none;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #C9CFD1;
  padding: 0 1rem;
}
.select2-container--default .select2-selection--multiple:hover {
  border: 1px solid rgb(173.46, 182.52, 185.54);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true] {
  display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  padding: 0.2rem 0.8rem 0.2rem 1rem;
  background: #1776F5;
  color: #FFFFFF;
  border: none;
  border-radius: 5rem;
  margin: 10px 6px 0 6px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
  color: #FFFFFF;
  float: right;
  margin-left: 6px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
  position: absolute;
  right: 0;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  transition: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid rgb(173.46, 182.52, 185.54);
}

.select2-selection__rendered {
  padding-right: 30px !important;
}

.IntlPhoneSelect .select2-container--default.select2-container--open {
  min-width: 300px;
}

.Sidebar li {
  color: #919EAB;
  transition: 0.2s ease-in-out;
}

.Sidebar li > .Sidebar-nested {
  transition: 0.2s ease-in-out;
  max-height: 0;
  overflow: hidden;
}

.Sidebar > li:before {
  content: "";
  display: inline-block;
  background-image: url(https://secure.collage.co/assets/right-arrow-disabled@2x-f77a0e690696d00706b7122119ec6359efcdf3119402e60662951e0d38033d2f.png);
  height: 12px;
  width: 12px;
  background-size: 24px;
  background-repeat: no-repeat;
  margin-right: 14px;
  transition: 0.2s ease-in-out;
  transform: rotate(0deg);
  background-position: center;
}

.Sidebar > li.active:before {
  background-image: url(https://secure.collage.co/assets/right-arrow@2X-03a0540f65d6ba99f4600da4b6eacf849b9be71445f461f6cbd46f1b2621cd16.png);
}

.Sidebar > li.active > a {
  color: #637381;
}

.Sidebar > li.active:before {
  animation: load-sidebar-head;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

.Sidebar > li.active > .Sidebar-nested {
  animation: load-sidebar-list;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

.Sidebar-nested {
  margin-left: 25px;
}

.Sidebar-nested > li:before {
  content: "";
  display: inline-block;
  height: 10px;
  width: 15px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}

.Sidebar-nested li.active > a {
  color: #1776F5;
}

.Sidebar-nested li.active:before {
  background-image: url(https://secure.collage.co/assets/blue-right-arrow@2X-62b22d78ccd9d3d5c28798221c5a8a3960625607f340bab83738fa7bc25db01d.png);
}

@keyframes load-sidebar-head {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes load-sidebar-list {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 100%;
  }
}
.Navigation-sidebar {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.Navigation-sidebar li:not(:first-child) {
  margin: 1rem 0;
}

.Navigation-sidebar li span {
  color: #637381;
}

.Navigation-sidebar li a {
  color: #637381;
}
.Navigation-sidebar li a:hover {
  color: rgb(65.7828947368, 76.4144736842, 85.7171052632);
}

.Navigation-sidebar li span.active {
  color: #1776F5;
}

.Navigation-sidebar li a.active {
  color: #1776F5;
}
.Navigation-sidebar li a.active:hover {
  color: rgb(7.9132231405, 83.0888429752, 183.5867768595);
}

.Navigation-sidebar li a:before,
.Navigation-sidebar li span:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://secure.collage.co/assets/circle--jumbo@2x-78cfa9442466a9deaac1ea5c6d4cb4dd19ec971cda7bfd1e72629c218477a5a6.png);
  background-size: 8px;
  height: 12px;
  width: 12px;
  margin-right: 0.8rem;
}

.Navigation-sidebar li a.complete:before,
.Navigation-sidebar li span.complete:before {
  background-image: url(https://secure.collage.co/assets/tuatara-checkmark@2x-55fef7228deabe503482362b468863af46fcf5e07265c8449c1eb85cc84aa1d5.png);
  background-size: 12px;
}

.Navigation-sidebar li a.current:before,
.Navigation-sidebar li span.current:before {
  background-image: url(https://secure.collage.co/assets/circle--jumbo@2x-78cfa9442466a9deaac1ea5c6d4cb4dd19ec971cda7bfd1e72629c218477a5a6.png);
  background-size: 8px;
}

.Navigation-sidebar li a.active:before,
.Navigation-sidebar li span.active:before {
  background-image: url(https://secure.collage.co/assets/circle--dodger@2x-e04fb8768579c45a37fe8dc19157a402c79e142031a5e5ef264c66d87460e34d.png);
  background-size: 8px;
}

.branded-container .BrandedFormContainer {
  background: #FFFFFF;
  height: 100vh;
  padding: 2rem;
}
@media (min-width: 640px) {
  .branded-container .BrandedFormContainer {
    width: 578px;
    padding: 0 80px;
    border-left: 1px solid rgba(63, 63, 68, 0.15);
  }
}
.branded-container .MarketingCopyContainer {
  width: 460px;
}
.branded-container .branded-svg-path {
  fill: #4367F7;
}

.big-logo {
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://secure.collage.co/assets/collage-reversed@2x-b5469269942649c6b50de6bf4a14c7b5bccd596de131b9495521ec883b34d253.png) !important;
}

.SliderBar-slider {
  position: relative;
  margin: 1.5rem 0;
  cursor: pointer;
  height: 16px;
}

.SliderBar-rail {
  position: relative;
  bottom: 0;
  height: 100%;
  border-radius: 5px;
  background-color: #EBEFF1;
}

.SliderBar-handle {
  position: relative;
  top: -20.5px;
  margin-left: -10px;
  border-radius: 3px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  height: 25px;
  width: 25px;
  line-height: 26px;
  z-index: 3;
  transition: 0.13s ease-in-out;
}

.SliderBar-track {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #08BAD3;
  border-radius: 3px;
  z-index: 1;
  transition: 0.13s ease-in-out;
}

.SliderBar-tick {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #FFFFFF;
  z-index: 2;
}

.SliderBar-tickLabel {
  font-size: 10px;
  text-align: center;
}

.Spinner-container {
  position: relative;
  margin: 4rem auto;
  width: 50px;
  height: 50px;
  animation: rotate 2s linear infinite;
}

.Spinner-container--sm {
  margin: 0 auto;
  width: 25px;
  height: 25px;
}
.Spinner-container--sm .Spinner-circle {
  border-width: 3px;
}

.Spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  border-color: #1776F5;
  animation: unfill-rotate 6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.Spinner-left,
.Spinner-right {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.Spinner-gap {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.Spinner-gap .Spinner-circle {
  width: 1000%;
  left: -450%;
}

.Spinner-left {
  float: left;
}

.Spinner-left .Spinner-circle {
  border-right-color: transparent !important;
  animation: spinner-left 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  transform: rotate(129deg);
}

.Spinner-right {
  float: right;
}

.Spinner-right .Spinner-circle {
  border-left-color: transparent !important;
  animation: spinner-right 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  transform: rotate(-129deg);
  left: -100%;
}

.Spinner-circle {
  box-sizing: border-box;
  height: 100%;
  border-width: 4px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 200%;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  25.0% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50.0% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75.0% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
@keyframes spinner-left {
  0% {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(130deg);
  }
}
@keyframes spinner-right {
  0% {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-130deg);
  }
}
ul.StyleGuide-navigation {
  height: 100vh;
}

ul.StyleGuide-navigation li {
  border-bottom: 1px solid #EEF0F3;
}

ul.StyleGuide-navigation li a {
  padding: 1rem 1.5rem;
  display: block;
  font-size: 1.2rem;
  color: #535E79;
}

ul.StyleGuide-navigation li a:hover {
  background-color: #F9FAFA;
}

ul.StyleGuide-params li {
  padding: 2rem 0;
  border-bottom: 1px solid #EBEFF1;
  font-size: 1.2rem;
}
ul.StyleGuide-params li .dodger {
  font-family: Monospace;
}

.Subnav-header {
  font-size: 27px;
  font-weight: 500;
  color: #212B36;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.Subnav-list {
  box-shadow: 0 1px 0 #EBEFF1;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.Subnav-list::-webkit-scrollbar-track, .Subnav-list::-webkit-scrollbar, .Subnav-list::-webkit-scrollbar-thumb {
  display: none;
}
.Subnav-list.m0 {
  margin-bottom: 0;
}

.Subnav-list li {
  display: inline-block;
  margin: 0 1rem;
}
.Subnav-list li:first-child {
  margin-left: 0;
}

.Subnav-list li a {
  font-size: 14px;
  font-weight: 300;
  color: #637381;
}

.Subnav-list a:hover,
.Subnav-list a:active,
.Subnav-list a:focus {
  color: #212B36;
  text-decoration: none;
}

.Subnav-list a.disabled {
  color: #B9C1CF !important;
  cursor: default !important;
}

.Subnav-list li.active a,
.Subnav-list li a.active {
  color: #212B36;
  position: relative;
}

.Subnav-list li.active:after {
  display: block;
  content: "";
  position: relative;
  border-bottom: 3px solid #4367F7;
  width: 100%;
  top: 1rem;
  transform: scaleX(0);
  animation: is-underlining 0.2s ease-in-out forwards;
}

.Subnav-list li a.active:before {
  display: block;
  content: "";
  position: absolute;
  border-bottom: 3px solid #4367F7;
  width: 100%;
  top: calc(2rem - 1px);
  transform: scaleX(0);
  animation: is-underlining 0.2s ease-in-out forwards;
}

.Subnav-list li a.overflow {
  display: inline-block;
}
.Subnav-list li a.overflow.active:before {
  top: calc(2rem + 1px);
}
.Subnav-list li a.overflow .overflow-chevron {
  transform: rotate(0);
  transition: 0.2s ease-in-out;
  line-height: 20px;
  font-size: 20px;
  vertical-align: middle;
  width: 16px;
}
.Subnav-list li a.overflow .overflow-chevron.expanded {
  transform: rotate(90deg) translate(-2px, -3px);
}

.Subnav .dropdown-menu li {
  margin: 0;
}

.Subnav .dropdown-menu li a {
  padding: 0.5rem 1rem;
}

.Subnav--white {
  background-color: #FFFFFF;
}

.Subnav--white .Subnav-list {
  padding: 2rem 0;
}

.Subnav--white .Subnav-list li {
  margin: 0 1rem;
}

.Subnav--white .Subnav-list li:first-child {
  margin-left: 0;
}

.Subnav--white .Subnav-list li a {
  padding: 0;
  color: #919EAB;
  font-size: 14px;
}
.Subnav--white .Subnav-list li a:hover, .Subnav--white .Subnav-list li a:active, .Subnav--white .Subnav-list li a:focus {
  color: #212B36;
}

.Subnav--white .Subnav-list li.active a {
  color: #212B36;
}

.Subnav--white li.active:after {
  border-bottom: 2px solid #212B36;
  top: 2rem;
}

@keyframes is-underlining {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.table {
  width: 100%;
}

.TableHeader {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding: 1.5rem;
  background-color: #FFFFFF;
  font-size: 17px;
  border-bottom: 1px solid #EBEFF1;
}

.TableHeader + .Table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.Table-emptyState {
  background-color: #F5F5F6;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.TableOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background-color: rgba(255, 255, 255, 0.5);
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.Table {
  position: relative;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  overflow-y: visible;
  background-color: #FFFFFF;
  border-radius: 4px;
  overflow-wrap: normal;
}
.Table table {
  table-layout: fixed;
}
.Table thead > tr,
.Table tbody > tr {
  border-bottom: 1px solid #EBEFF1;
  background-color: #FFFFFF;
}
.Table thead > tr.no-bottom-border,
.Table tbody > tr.no-bottom-border {
  border-bottom: none;
}
.Table tbody > tr.TableRow-xcompact {
  border-bottom: none;
}
.Table tbody > tr:last-child {
  border-bottom: none;
}
.Table tbody > tr:hover,
.Table tbody > tr.clickable:hover {
  background-color: #F9FAFA;
  cursor: pointer;
}
.Table tbody > tr.unclickable:hover {
  background-color: #FFFFFF;
  cursor: default;
}
.Table thead > tr > th {
  padding: 0.5rem 0.5rem 0.75rem 0.5rem;
  color: #818F9E;
  font-weight: 200;
  font-size: 13px;
}
.Table tbody > tr > td {
  padding: 0 0.5rem;
  color: #212B36;
  font-weight: 200;
  font-size: 14px;
  vertical-align: middle;
}
.Table tbody > tr.TableRow-normal > td {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.Table tbody > tr > td.sticky-column,
.Table thead > tr > th.sticky-column {
  position: sticky;
  background-color: inherit;
  left: -1px;
  z-index: 1000;
}
.Table tbody > tr > td.sticky-column + td, .Table tbody > tr > td.sticky-column + th,
.Table thead > tr > th.sticky-column + td,
.Table thead > tr > th.sticky-column + th {
  padding-left: 1.5rem;
}
.Table tbody > tr > td.action-links-column,
.Table thead > tr > th.action-links-column {
  position: sticky;
  background-color: inherit;
  right: -1px;
  width: 2rem;
}
.Table tbody > tr > td.sticky-shadow,
.Table thead > tr > th.sticky-shadow {
  filter: drop-shadow(0 0 3px #EBEFF1);
}
.Table tbody > tr > td.action-links-column {
  z-index: 999;
}
.Table tbody > tr.TableRow-compact > td {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.Table tbody > tr.TableRow-xcompact > td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.Table tbody > tr > td > .dropdown-menu {
  top: calc(100% - 15px);
}
.Table tbody:focus, .Table thead:focus,
.Table tr:focus, .Table th:focus, .Table td:focus {
  outline: none;
}
.Table .sorting_asc span,
.Table .sorting_desc span {
  position: relative;
}
.Table .sorting:hover,
.Table .sorting_asc:hover,
.Table .sorting_desc:hover {
  cursor: pointer;
  color: #1776F5 !important;
}
.Table .sorting:focus,
.Table .sorting_asc:focus,
.Table .sorting_desc:focus {
  outline: 0;
}
.Table .sorting_asc span:after,
.Table .sorting_desc span:after {
  content: "";
  position: absolute;
  background-image: url(https://secure.collage.co/assets/arrow-down@2X-e56d3d5a536778d6e06eb7abf6752a2d845728e76ef1ea23c5872da4268edf0c.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  margin-left: 4px;
  top: 53%;
}
.Table .sorting_asc span:after {
  transform: translateY(-50%) rotate(180deg);
}
.Table .sorting_desc span:after {
  transform: translateY(-50%);
}
.Table .dropdown-menu {
  position: absolute;
  top: auto !important;
  right: 0;
}

.PaginationBtn--left .Btn--content {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.PaginationBtn--left .Btn--content i.material-icons {
  transform: rotate(-90deg);
}
.PaginationBtn--right .Btn--content {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.PaginationBtn--right .Btn--content i.material-icons {
  transform: rotate(90deg);
}

@media (max-width: 832px) {
  .FilterRow {
    align-items: flex-start;
  }
}

.FilterGroup-searchable {
  max-width: 50%;
}
@media (max-width: 832px) {
  .FilterGroup-searchable {
    max-width: unset;
    justify-content: right;
  }
  .FilterGroup-searchable .DropdownFilter {
    margin-top: 0.5rem;
  }
}

.FilterRow-unsearchable {
  position: absolute;
  top: -40px;
  right: 0;
}

.dataTables_filter {
  flex-grow: 1;
}
.dataTables_filter label {
  margin: 0;
  width: 50%;
}
.dataTables_filter input[type=search], .dataTables_filter textarea[type=search] {
  background: url(https://secure.collage.co/assets/ic-search-default@2x-622684db6a222d51d825e721b3721a994d261500104f566e5480b81195f77ac7.png) no-repeat;
  background-position: 0.5rem center;
  background-size: 24px;
  background-color: #FFFFFF;
  border: none;
  box-shadow: none;
  width: 50%;
  padding: 0;
  padding-left: 2.5rem;
  font-size: 17px;
  font-weight: 200;
  color: #212B36;
  text-indent: 0.5rem;
}

.dataTables_info {
  padding: 1.5rem 0 0.5rem 0.5rem;
  color: #637381;
}

.dataTables_paginate.paging_simple_numbers {
  position: absolute;
  right: 0.5rem;
  bottom: -3px;
}
.dataTables_paginate.paging_simple_numbers span {
  display: none;
}
.dataTables_paginate.paging_simple_numbers .paginate_button {
  display: inline-block;
  position: relative;
  text-indent: -100%;
  white-space: nowrap;
  overflow: hidden;
  width: 36px;
  height: 36px;
}
.dataTables_paginate.paging_simple_numbers .paginate_button.previous, .dataTables_paginate.paging_simple_numbers .paginate_button.previous:after {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dataTables_paginate.paging_simple_numbers .paginate_button.next, .dataTables_paginate.paging_simple_numbers .paginate_button.next:after {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dataTables_paginate.paging_simple_numbers .paginate_button:before {
  content: "";
  position: absolute;
  width: 36px;
  height: 36px;
  background-image: linear-gradient(0deg, #F9FAFB 0%, #FFFFFF 100%);
  left: 0;
}
.dataTables_paginate.paging_simple_numbers .paginate_button:hover:before {
  background: #F4F6F8;
}
.dataTables_paginate.paging_simple_numbers .paginate_button:focus:before {
  background: #EAEFF3;
  box-shadow: inset 0 1px 4px 0 rgba(99, 115, 129, 0.2);
}
.dataTables_paginate.paging_simple_numbers .paginate_button.previous:after {
  content: "";
  background-image: url(https://secure.collage.co/assets/arrow-left@2x-ee37273cc2c0d03e5fb057d813fe5b45c33caf778b5c7b7f3239e8f96561aab1.png);
}
.dataTables_paginate.paging_simple_numbers .paginate_button.next:after {
  content: "";
  background-image: url(https://secure.collage.co/assets/arrow-right@2x-8b5a2afd8193e22c241d0691d0c4bb587f19f56cc01ed6deba0a9795763c76bd.png);
  border-left: none;
}
.dataTables_paginate.paging_simple_numbers .paginate_button:after {
  position: absolute;
  right: 0;
  border: 1px solid #C9CFD1;
  height: 36px;
  width: 36px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 832px) {
  .dataTables_filter input[type=search], .dataTables_filter textarea[type=search] {
    width: 100%;
  }
  .TableFilter {
    position: relative;
    text-align: right;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    top: 0;
  }
}
.dataTables_wrapper td {
  height: 68px;
}

.Tag, .Tag--default {
  display: inline-block;
  border-radius: 4px;
  padding: 0.36rem 1rem;
  font-size: 12px;
  font-weight: 400;
  max-height: 21px;
}

.Tag--rounded {
  padding: 0.1rem 0.5rem;
  border-radius: 5rem;
  color: #FFFFFF;
  font-weight: 500;
  text-transform: none;
}

.Tag--submarine {
  background-color: #C9CFD1;
  color: #FFFFFF;
}
.Tag--submarine:hover {
  background-color: rgb(187.23, 194.76, 197.27);
}

.Tag--dodger {
  background-color: #1776F5;
}

.Tag--rose {
  background-color: #FE5E75;
}

.Tag--scarlet {
  background-color: #EB4D28;
}

.Tag--whale {
  background-color: #B9C1CF;
  color: #FFFFFF;
}

.Tag--haze {
  background-color: #F4F6F8;
  color: #212B36;
}
.Tag--haze:hover {
  background-color: rgb(228.4166666667, 233.25, 238.0833333333);
}

.Tag--waterloo {
  background-color: #919EAB;
  color: #FFFFFF;
}

.Tag--meadow {
  background-color: #00B7B3;
  color: #FFFFFF;
}

.Tag--tangerine {
  background-color: #FDBE3E;
  color: #FFFFFF;
}

.Tag--turquoise {
  background-color: #2EC0D5;
  color: #FFFFFF;
}

.Tag--grass {
  background-color: #54C379;
  color: #FFFFFF;
}

.Tag--sun {
  background-color: #EBAB33;
  color: #FFFFFF;
}

.Tag--scope {
  white-space: pre-line;
  text-align: left;
  min-height: 26px;
  padding-right: 4px;
  padding-left: 10px;
  border: 1px solid #C9CFD1;
  border-radius: 16px;
  font-size: 14px;
  background-color: #EBEFF1;
  color: #212B36;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: none;
  font-weight: 200;
}
.Tag--scope:hover {
  background-color: rgb(229, 234.2, 236.8);
}
.Tag--scope div {
  padding-right: 5px;
}
.Tag--scope i.material-icons {
  line-height: 0;
  cursor: pointer;
  vertical-align: middle;
  font-size: 17px;
}

/* Selected Tags */
.TagSelect-positive.selected {
  color: #54C379;
  box-shadow: 0 0px 0px 1px #54C379 inset;
  background-color: rgb(216.1363636364, 241.3636363636, 224.5454545455);
}

.TagSelect-negative.selected {
  color: #EB4D28;
  box-shadow: 0 0px 0px 1px #EB4D28 inset;
  background-color: rgb(250.1914893617, 212.2042553191, 203.3085106383);
}

.MessageTag {
  position: relative;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  padding: 0.7rem 1rem;
  border-radius: 5px;
}

.MessageTag--tangerine {
  color: rgb(236.0538461538, 159, 2.4461538462);
  border: 1px solid rgb(236.0538461538, 159, 2.4461538462);
  background-color: rgb(254.8307692308, 249.5, 238.6692307692);
}

.MessageTag--ufo {
  color: rgb(89.7, 208.6, 54.9);
  border: 1px solid rgb(89.7, 208.6, 54.9);
  background-color: rgb(250.44, 253.72, 249.48);
}

.MessageTag--grass {
  color: rgb(59.2207792208, 168.7792207792, 95.7402597403);
  border: 1px solid #54C379;
  background-color: rgb(246.338961039, 251.961038961, 248.212987013);
}

.MessageTag:before {
  content: "";
  position: absolute;
  right: -5px;
  top: 15px;
  width: 0;
  height: 0;
}

.MessageTag:after {
  content: "";
  position: absolute;
  right: -4px;
  top: 16px;
  width: 0;
  height: 0;
}

.MessageTag--tangerine:before {
  border-top: 5px solid transparent;
  border-left: 5px solid rgb(236.0538461538, 159, 2.4461538462);
  border-bottom: 5px solid transparent;
}

.MessageTag--tangerine:after {
  border-top: 4px solid transparent;
  border-left: 4px solid rgb(254.8307692308, 249.5, 238.6692307692);
  border-bottom: 4px solid transparent;
}

.MessageTag--ufo:before {
  border-top: 5px solid transparent;
  border-left: 5px solid rgb(89.7, 208.6, 54.9);
  border-bottom: 5px solid transparent;
}

.MessageTag--ufo:after {
  border-top: 4px solid transparent;
  border-left: 4px solid rgb(250.44, 253.72, 249.48);
  border-bottom: 4px solid transparent;
}

.MessageTag--arrowless:before,
.MessageTag--arrowless:after {
  display: none;
}

.TextEditor {
  position: relative;
  border: 1px solid #C4CDD5;
  border-radius: 4px;
}

ul.TextEditor-tools {
  margin: 0;
  padding: 0.3rem;
  list-style-type: none;
  border-bottom: 1px solid #C4CDD5;
  position: relative;
}

ul.TextEditor-tools > li {
  position: relative;
  color: #919EAB;
  display: inline-block;
  border-radius: 6px;
}

ul.TextEditor-tools > li > .material-icons {
  vertical-align: bottom;
  font-size: 20px;
  padding: 0.5rem;
}

ul.TextEditor-tools > li.TextEditor-tools-iconless {
  width: 35px;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
  font-weight: 500;
  padding: 0.5rem;
}

ul.TextEditor-tools > li.TextEditor-tools-dropdown {
  vertical-align: top;
  top: 3px;
}

ul.TextEditor-tools > li .TextEditor-tooltip {
  visibility: hidden;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  padding: 3px 7px;
  background-color: #3B4E7F;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 300;
  border-radius: 3px;
  white-space: nowrap;
}

ul.TextEditor-tools > li:hover {
  cursor: pointer;
  color: #212B36;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07) inset;
}
ul.TextEditor-tools > li:hover .TextEditor-tooltip {
  transition: 0s linear 0.5s;
  visibility: visible;
}

ul.TextEditor-tools > li.TextEditor-tools-separator {
  margin: 0 0.7rem;
}

ul.TextEditor-tools > li.TextEditor-tools-separator:after {
  content: "";
  height: 100%;
  width: 1px;
  display: inline-block;
  background-color: #EBEFF1;
  position: absolute;
  top: 0;
}

ul.TextEditor-tools .TextEditor-input {
  padding: 0.2rem 0.5rem;
  vertical-align: text-bottom;
}
ul.TextEditor-tools .TextEditor-input button.Btn {
  vertical-align: top;
}
ul.TextEditor-tools .TextEditor-input:hover {
  box-shadow: none;
}

.public-DraftEditorPlaceholder-root {
  position: absolute;
  color: #919EAB;
}

.DraftEditor-root {
  min-height: 150px;
  padding: 1.2rem;
}

.DraftEditor-root strong, .HTMLRender.non-lexical strong {
  font-weight: 700;
}
.DraftEditor-root ul, .DraftEditor-root ol, .HTMLRender.non-lexical ul, .HTMLRender.non-lexical ol {
  padding-left: 2rem;
  margin: 1rem 0;
}
.DraftEditor-root h1, .DraftEditor-root h2, .DraftEditor-root h3, .DraftEditor-root h4, .DraftEditor-root h5, .DraftEditor-root h6, .HTMLRender.non-lexical h1, .HTMLRender.non-lexical h2, .HTMLRender.non-lexical h3, .HTMLRender.non-lexical h4, .HTMLRender.non-lexical h5, .HTMLRender.non-lexical h6 {
  font-weight: 300;
}
.DraftEditor-root h1, .HTMLRender.non-lexical h1 {
  margin: 1rem 0;
}
.DraftEditor-root h2, .HTMLRender.non-lexical h2 {
  margin: 1rem 0;
}
.DraftEditor-root h3, .HTMLRender.non-lexical h3 {
  margin: 0.5rem 0;
}
.DraftEditor-root h4, .HTMLRender.non-lexical h4 {
  margin: 1rem 0;
}
.DraftEditor-root h5, .HTMLRender.non-lexical h5 {
  margin: 1rem 0;
}
.DraftEditor-root h6, .HTMLRender.non-lexical h6 {
  margin: 1rem 0;
}

ul.public-DraftStyleDefault-ul {
  padding-left: 2rem;
  margin: 1rem 0;
}

ol.public-DraftStyleDefault-ol {
  padding-left: 2rem;
  margin: 1rem 0;
}

.TimeOffBalances {
  position: relative;
}

.TimeOffBalances-carousel {
  padding: 0.5rem 0 0.5rem 0;
  transition: 0.2s ease;
  vertical-align: top;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.TimeOffBalances-carousel::-webkit-scrollbar {
  display: none;
}
.TimeOffBalances-carousel {
  scrollbar-width: none;
}

.TimeOffBalances-item {
  position: relative;
  vertical-align: top;
  transition: 0.17s ease;
  background-color: #FFFFFF;
  border: 1px solid #EBEFF1;
  padding: 1rem 1.5rem;
  width: 165px;
  display: inline-block;
  border-radius: 4px;
  margin-right: 1.4rem;
}
.TimeOffBalances-item:hover {
  cursor: pointer;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.TimeOffBalances-item .TimeOffBalances-itemNumber {
  transition: inherit;
  font-size: 44px;
  font-weight: 200;
  line-height: 1.2;
}
.TimeOffBalances-item .TimeOffBalances-typeName {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  font-size: 13px;
}
.TimeOffBalances-item .TimeOffBalances-itemTitle {
  transition: inherit;
  color: #919EAB;
  word-wrap: break-word;
  max-height: 20px;
  overflow: hidden;
  font-size: 13px;
  font-weight: 200;
  text-overflow: ellipsis;
}

.TimeOffBalances-itemArrow {
  transition: inherit;
  position: absolute;
  background-image: url(https://secure.collage.co/assets/dropdown-arrow@2x-500c55706c9422524149275564c1e514952002f25f60a64d965535777e1fec51.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 20px;
  width: 20px;
  right: 5px;
  top: 28%;
  transform: rotate(-90deg);
}

.TimeOffBalances:hover .TimeOffBalances-scroll--left,
.TimeOffBalances:hover .TimeOffBalances-scroll--right {
  opacity: 1;
}

.TimeOffBalances-scroll--left,
.TimeOffBalances-scroll--right {
  transition: opacity 0.5s ease;
  position: absolute;
  opacity: 0;
  top: 0;
  height: 100%;
  width: 80px;
}
.TimeOffBalances-scroll--left:hover,
.TimeOffBalances-scroll--right:hover {
  cursor: pointer;
}
.TimeOffBalances-scroll--left i.material-icons,
.TimeOffBalances-scroll--right i.material-icons {
  top: 45%;
  position: relative;
  font-size: 50px;
}

.TimeOffBalances-scroll--left {
  left: -50px;
}

.TimeOffBalances-scroll--right {
  text-align: right;
  right: -50px;
}

@media (max-width: 640px) {
  .TimeOffBalances-scroll--left,
  .TimeOffBalances-scroll--right {
    display: none;
  }
}
.Workday {
  position: relative;
}
.Workday .checkbox {
  width: 80px;
  height: 80px;
  border: 1px solid #C9CFD1;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #637381;
}
.Workday .checkbox:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 6px;
  height: 6px;
  background: url(https://secure.collage.co/assets/green-checkmark@2X-fdf2428aee45781b2dd5840b901ae80eec13ef37e59b3e3d5e67f6cf8891a13a.png) no-repeat;
  background-size: contain;
  opacity: 0;
  transition: 0.1s ease-in-out;
}
.Workday .checkbox.selected:before {
  opacity: 1;
  transform: scale(2);
}
.Workday .checkbox.selected {
  border: 1px solid #00B7B3;
  color: #00B7B3;
}

.Workday:hover {
  cursor: pointer;
}

.TransactionsTableFilterRow {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-bottom: 1px solid #EBEFF1;
}

.TransactionsTableFilterHeader {
  margin: 0 -1.5rem 1rem -1.5rem;
}

.TimelineContainer {
  padding-top: 2.4rem;
}

.Timeline {
  height: 10px;
  width: 10px;
  margin-left: 1rem;
  box-shadow: 0 0 0 2px #EBEFF1;
  border-radius: 50%;
}

.Timeline:before,
.Timeline:after {
  content: "";
  position: absolute;
  width: 2px;
  left: calc(1rem + 4px);
  background-color: #EBEFF1;
}

.Timeline:before {
  top: 0;
  height: 2.4rem;
}

.Timeline:after {
  top: 50px;
  height: calc(100% - 2.4rem);
}

.Timeline.first:before {
  display: none;
}

.Timeline.last:after {
  display: none;
}

.Timeline.active {
  height: 12px;
  width: 12px;
  margin-left: calc(1rem - 1px);
  background-color: #1776F5;
  border: 2px solid #FFFFFF;
}

.Toggle {
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Toggle-option {
  font-size: 14px;
  display: inline-block;
  padding: 8px 40px;
  height: 36px;
}

.Toggle-option--left {
  border: 1px solid rgb(220, 227, 230.5);
  border-top-left-radius: 45px;
  border-bottom-left-radius: 45px;
}

.Toggle-option--right {
  border: 1px solid rgb(220, 227, 230.5);
  border-left: none;
  border-top-right-radius: 45px;
  border-bottom-right-radius: 45px;
}

.Toggle.is_enabled .Toggle-option--left,
.Toggle.is_disabled .Toggle-option--right {
  background: linear-gradient(180deg, #6986FF, #4367F7);
  color: #FFFFFF;
}
.Toggle.is_enabled .Toggle-option--left:hover,
.Toggle.is_disabled .Toggle-option--right:hover {
  background: linear-gradient(180deg, #4367F7, #3358E9);
}
.Toggle.is_enabled .Toggle-option--left:active,
.Toggle.is_disabled .Toggle-option--right:active {
  background: #1B3EAE;
  box-shadow: inset 0 2px 1px 0 rgba(22, 42, 104, 0.75);
}

.Toggle.is_disabled .Toggle-option--left,
.Toggle.is_enabled .Toggle-option--right {
  background: linear-gradient(180deg, #FFFFFF, #F9FAFB);
  color: #919EAB;
}
.Toggle.is_disabled .Toggle-option--left:hover,
.Toggle.is_enabled .Toggle-option--right:hover {
  background: linear-gradient(-180deg, #FAFBFC, #EAEFF3);
}
.Toggle.is_disabled .Toggle-option--left:active,
.Toggle.is_enabled .Toggle-option--right:active {
  background: #EAEFF3;
  box-shadow: inset 0 1px 4px 0 rgba(99, 115, 129, 0.2);
}

.Toggle.is_enabled .Toggle-option--left:disabled,
.Toggle.is_disabled .Toggle-option--right:disabled {
  pointer-events: none;
  background: #ADBDFF;
}

.Toggle.is_disabled .toggle-option--left:disabled,
.Toggle.is_enabled .Toggle-option--right:disabled {
  pointer-events: none;
  background: #FFFFFF;
}

/* Info Panel Tooltip */
.PanelTooltip {
  position: relative;
  cursor: help;
}

.PanelTooltip-box {
  transition: visibility 0s linear, transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
  background-color: #FFFFFF;
  padding: 2rem;
  border-radius: 4px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transform: scale3d(0.9, 0.9, 1);
  max-width: 350px;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  z-index: 100002;
  font-size: 14px;
  font-weight: 300;
}

.PanelTooltip-box.active {
  opacity: 1;
  visibility: visible;
  transform: scaleX(1);
  position: absolute;
  overflow: hidden;
  white-space: wrap;
}

.PanelTooltipContent {
  display: none;
}

/* Little Itty Bitty Tooltip */
.Tooltip {
  position: relative;
  display: inline-block;
  cursor: default;
}

.Tooltip .tooltiptext {
  position: absolute;
  visibility: hidden;
  left: 50%;
  border-radius: 4px;
  transform: translateX(-50%) scale(1);
  z-index: 300;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  bottom: 130%;
  background-color: #3B4E7F;
  font-size: 13px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 200;
  padding: 0.5rem 0.75rem;
}

.tooltiptext.dateTooltip {
  white-space: nowrap;
}

.Tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #3B4E7F;
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip:hover .tooltiptext {
  visibility: visible;
}

.player-wrapper {
  position: relative;
  padding-top: 56.25%;
}

.react-player {
  position: absolute;
  top: 0;
  left: 0;
}

.Wizard-progress {
  list-style: none;
  list-style-image: none;
  padding: 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.Wizard-progress li {
  display: inline-block;
  margin-right: 50px;
  text-align: center;
  position: relative;
  width: 100px;
}

.Wizard-progress .step-name {
  font-size: 14px;
  font-weight: 300;
  color: #919EAB;
  display: table-cell;
  height: 32px;
  vertical-align: bottom;
  text-align: center;
  width: 100px;
}

.Wizard-progress .step-name-wrapper {
  display: table-cell;
  height: 100%;
  vertical-align: bottom;
}

.Wizard-progress .step-num {
  border: 1px solid #919EAB;
  border-radius: 100%;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #FFFFFF;
}

.Wizard-progress .step-num:after {
  content: "";
  display: block;
  background: #919EAB;
  height: 1px;
  width: 150px;
  position: absolute;
  top: 15px;
  left: 65px;
  z-index: 0;
}

.Wizard-progress li:last-of-type .step-num:after {
  display: none;
}

.Wizard-progress li:last-of-type {
  padding: 0;
  margin: 0;
}

.Wizard-progress .active-step .step-num {
  border-color: #1776F5;
}

.Wizard-progress .active-step .step-name {
  color: #4367F7;
}

.Wizard-progress .completed-step .step-num {
  border-color: #1776F5;
  background: #1776F5 url(https://secure.collage.co/assets/white-checkmark@2X-96c716e9a4ca001ef4c1ddf184ed4022152b57a5a3e10bf1c702627144e1a543.png) center no-repeat;
  background-size: 14px;
}

.Wizard-progress .completed-step .step-num:after {
  background: #1776F5;
}

.Wizard-progress .completed-step .step-name {
  color: #4367F7;
}

.DashboardTooltip {
  position: relative;
  display: inline-block;
  cursor: default;
}

.DashboardTooltip .tooltiptext {
  position: absolute;
  visibility: hidden;
  left: 50%;
  border-radius: 4px;
  transform: translateX(-50%) scale(1);
  z-index: 300;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  bottom: 130%;
  background-color: #3B4E7F;
  font-size: 13px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 200;
  padding: 0.5rem 0.75rem;
}

.tooltiptext.reactionTooltip {
  max-width: 350px;
  width: -moz-max-content;
  width: max-content;
}

.tooltiptext.dateTooltip {
  white-space: nowrap;
}

.DashboardTooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #3B4E7F;
  left: 50%;
  transform: translateX(-50%);
}

.DashboardTooltip:hover .tooltiptext {
  visibility: visible;
}

/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * www.collage.co
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2016
 */
@font-face {
  font-family: "GT Walsheim";
  src: url(https://secure.collage.co/assets/GT-Walsheim/GT-Walsheim-Regular/GT-Walsheim-Regular-1153ef6f911c0cb8ae7a2b2b307e4690804b8a1dad8494428a6a3c394fa353ed.woff) format("woff"), url(https://secure.collage.co/assets/GT-Walsheim/GT-Walsheim-Regular/GT-Walsheim-Regular-46c027210a38bbbf893abe4bab193e257e9222656cdbd5bc672ff719be70b496.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GT Walsheim";
  src: url(https://secure.collage.co/assets/GT-Walsheim/GT-Walsheim-Regular-Oblique/GT-Walsheim-Regular-Oblique-b8b3bc80c0fc7779033c672a80ef280e9ce9699b1d49f92dfce02d9d74348c76.woff) format("woff"), url(https://secure.collage.co/assets/GT-Walsheim/GT-Walsheim-Regular-Oblique/GT-Walsheim-Regular-Oblique-be96a20733a11ea25756c262a3456f543a489bdcebc30aaacffe5600ce4a4a80.woff2) format("woff2");
  font-weight: 300;
  font-style: oblique;
}
@font-face {
  font-family: "GT Walsheim";
  src: url(https://secure.collage.co/assets/GT-Walsheim/GT-Walsheim-Medium/GT-Walsheim-Medium-31a9de287cd3ba1b3e315f468bbb5d01f89d816dbe2a3f89777703bc326b0f4d.woff) format("woff"), url(https://secure.collage.co/assets/GT-Walsheim/GT-Walsheim-Medium/GT-Walsheim-Medium-ce4abc0ed6bffd4b9281a1466f57a49f1fb3a1d0e5f36cd4ec5da8def001046a.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "GT Walsheim";
  src: url(https://secure.collage.co/assets/GT-Walsheim/GT-Walsheim-Medium-Oblique/GT-Walsheim-Medium-Oblique-a1086405f04ced30ab936ff55628b7fec73b7fe7e7b1e8871901c7f9cafaf431.woff) format("woff"), url(https://secure.collage.co/assets/GT-Walsheim/GT-Walsheim-Medium-Oblique/GT-Walsheim-Medium-Oblique-a1a3ddb931d9b17e6dd1e16533fd55ab03934949829b56c112be3c67a05e6fd0.woff2) format("woff2");
  font-weight: 500;
  font-style: oblique;
}
html {
  font-feature-settings: "ss02", "ss04";
}

@font-face {
  font-family: "collage-icon";
  src: url(https://secure.collage.co/assets/Collage-Icon/collage-icon-54fa0675106ece3a4745b422b734f6033fef3d133869cc6b6501b563bde2a3e0.eot);
  src: url(https://secure.collage.co/assets/Collage-Icon/collage-icon-54fa0675106ece3a4745b422b734f6033fef3d133869cc6b6501b563bde2a3e0.eot?#iefix) format("embedded-opentype"), url(https://secure.collage.co/assets/Collage-Icon/collage-icon-60a84980e1cab8e647635a93bec9a4b1e821f8071775fae5862641854dda2faf.woff) format("woff"), url(https://secure.collage.co/assets/Collage-Icon/collage-icon-f60dcaa05592aa58186643d51a68b15642314f29dc052464070f6ea4588f0eb4.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "collage-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-hint_alt:before {
  content: "\e902";
}

.icon-hint:before {
  content: "\e900";
}

.icon-add:before {
  content: "\e901";
}

.icon-earth:before {
  content: "\e9ca";
}

.icon-link:before {
  content: "\e9cb";
}

@media (max-width: 640px) {
  .xs-col-11 {
    width: 91.666667% !important;
  }
}
@media (max-width: 640px) {
  .xs-hide {
    display: none !important;
  }
}
@media (max-width: 832px) {
  .sm-and-below-hide {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .md-and-below-hide {
    display: none !important;
  }
}
@media (max-width: 1216px) {
  .lg-and-below-hide {
    display: none !important;
  }
}
@media (min-width: 832px) {
  .sm-and-above-hide {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .md-and-above-hide {
    display: none !important;
  }
}
.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.bg-hover-white:hover {
  background-color: #FFFFFF !important;
  cursor: pointer;
}

.bg-hover-haze:hover {
  background-color: #F4F6F8 !important;
  cursor: pointer;
}

.bg-hover-smoke:hover {
  background-color: #F9FAFA !important;
  cursor: pointer;
}

.split-view .list-reset li:hover {
  cursor: pointer;
}

.split-view .list-reset li.active {
  background-color: #EEF0F3;
}

.Pending {
  height: 10px;
  width: 10px;
}

.split-view .tab-pane {
  display: none;
}
.split-view .tab-pane.active {
  display: block;
}
.split-view .word-break {
  word-break: break-word;
}

.lil-square {
  height: 40px;
  width: 40px;
}

.md-square {
  height: 80px;
  width: 80px;
  line-height: 75px;
}

.mln1 {
  margin-left: -0.5rem;
}

.border-dodger {
  border: 3px solid #1776F5 !important;
}

.border-right--dodger {
  position: relative;
}

.border-right--dodger:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-right: 4px solid #1776F5;
  height: 100%;
  transform: scaleY(0);
  animation: is-selecting 0.2s ease-in-out forwards;
}

.border-left--dodger {
  border-left: 4px solid #1776F5;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.border-left--warning {
  border-left: 4px solid #EBBF28;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.border-left--catalina {
  border-left: 4px solid #28B4FF;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.border-left--grass {
  border-left: 4px solid #54C379;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

@keyframes is-selecting {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
.border-meadow {
  box-shadow: 0 0 0 2px #00B7B3 inset;
}

.inline.material-icons {
  line-height: 1.2;
}

.tab-content .tab-pane {
  display: none;
}
.tab-content .tab-pane.active {
  display: block;
}

.is-sliding-down {
  transition: 0.2s ease-in-out;
  transform: translateY(68px);
}

.is-sliding-up {
  transition: 0.2s ease-in-out;
  transform: translateY(0);
}

.img-hover:hover {
  filter: brightness(80%);
}

.abs-middle {
  top: 50%;
  transform: translateY(-50%);
}

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

.isAdded {
  animation: fade-in 1s ease-in;
}

@keyframes fade-in {
  0% {
    background-color: #EBEFF1;
  }
  100% {
    background-color: #FFFFFF;
  }
}
/* temporary class to make React Bootstrap Modals coexist peacefully with legacy jQuery Bootstrap Modals */
.Modal {
  display: block !important;
}

.is-fading-in {
  animation: fading-in 0.2s ease-in-out;
}

.is-fading-out {
  transition: 0.5s ease-in-out;
  opacity: 0;
}

@keyframes fading-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fading-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.Loader-Fullpage {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #4367F7;
}

.Loader-Fullpage-content {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
}

.Question:hover:before {
  content: "";
  cursor: grab;
  transition: 0.2s ease-in;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 12px;
  background-color: #EBEFF1;
  background-image: url(https://secure.collage.co/assets/drag-handle@2x-9d1be87e1eb6998b1163eb9a30a52ca539a3a4f3a585595ee999bab39eb6ddd7.png);
  background-repeat: no-repeat;
  background-size: 5px;
  background-position: 3px center;
}

.is-dragging:before {
  display: none;
}

.rounded2 {
  border-radius: 5rem;
}

.remove {
  animation: 0.4s removing-row-item 0.5s ease forwards;
}

@keyframes removing-row-item {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(150px);
  }
}
.remove-shrink {
  transition: 0.3s ease;
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0;
}

.is-fading-out-2 {
  animation: 0.1s fading-out ease forwards;
}

.rotate-45 {
  transform: rotate(45deg);
}

.slide-up {
  animation: 0.16s slide-up 0.3s ease forwards;
  opacity: 0;
}

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.is-over {
  background-color: #EBEFF1;
  opacity: 0.5;
}

.Btn--inline span {
  width: 100%;
  padding: 0.5rem 1rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

a.Btn.Btn--circle,
a.Btn.Btn--circle span {
  border-radius: 5rem;
}

.datepicker-dropdown {
  z-index: 100002 !important;
}

.datepicker table tr td.active.active {
  background-color: #1776F5;
  border-color: #1776F5;
}
.datepicker table tr td.active.active:hover, .datepicker table tr td.active.active:active:hover {
  background-color: rgb(8.9669421488, 94.152892562, 208.0330578512);
  border-color: inherit;
}
.datepicker table tr td.today {
  color: #1776F5;
  background-color: inherit;
  border-color: inherit;
}
.datepicker table tr td.today:hover, .datepicker table tr td.today:active:hover {
  background-color: #eee;
  border-color: inherit;
}

.fsp-picker {
  z-index: 100002 !important;
}

@media (min-width: 970px) {
  .fsp-modal {
    left: 125px;
  }
}
@media (max-width: 1023px) {
  input[type=search].GlobalSearch-input, textarea[type=search].GlobalSearch-input {
    margin: 10px;
    width: calc(100% - 20px);
  }
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.overflow-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.no-scroll {
  overflow: hidden;
}

.user-select {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.user-select__popup {
  top: calc(100% + 10px);
  left: 10px;
  padding: 8px 0.5em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  width: 240px;
  max-height: 400px;
  overflow: auto;
  background: #fff;
}

.user-select__list li {
  cursor: pointer;
  padding: 4px 0.5em;
}

.user-select__list li:hover {
  color: #fff;
  background: #666;
}

.user-select__list li.state_selected {
  color: #fff;
  background: #2196f3;
}

.user-select__list li span {
  display: inline-block;
  margin-left: 5px;
}

.org-chart {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f4f6f8;
}

.org-chart__pan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: move !important;
  cursor: grab !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.org-chart__pan.state_active {
  cursor: move !important;
  cursor: grabbing !important;
  z-index: 1;
}

.org-chart__main {
  position: relative;
  display: inline-block;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeGrowIn {
  0% {
    transform: translateY(-40px) scale(0.5);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@keyframes fadeSlideIn {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes highlightStroke {
  to {
    stroke-dashoffset: 0;
  }
}
.row {
  position: relative;
}

.row.type_anim {
  opacity: 0;
  animation: fadeGrowIn 0.4s 0.2s ease-out forwards;
}

.row__svg {
  transition: 0.4s ease-out;
  position: absolute;
  pointer-events: none;
}

.row__arc, .row__main-arc {
  stroke: #d2d6d9;
}

.row__arc {
  fill: transparent;
  transition: transform 0.4s ease-out;
}

.row__highlight-line {
  fill: transparent;
  stroke: #4367f7;
  stroke-dasharray: 10000;
  stroke-dashoffset: 10000;
  animation: highlightStroke linear both;
}

.node__content {
  transition: transform 0.4s ease-out, box-shadow 0.3s ease;
  display: inline-block;
  position: absolute;
  background: #fff;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
}

.node__content:hover {
  box-shadow: 0 0 0 2px rgba(63, 63, 68, 0.05), 0 1px 6px 0 rgba(63, 63, 68, 0.15);
}

.node__content.state_active {
  background: #f2f5ff;
}

.node__content.state_active:after {
  content: "";
  border: 3px solid #4367f7;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  display: block;
}

.node__avatar, .node__initials {
  margin-top: 24px;
  width: 96px;
  height: 96px;
  border-radius: 96px;
  overflow: hidden;
  border: 1px solid #d3d3d3;
  display: inline-block;
  img {
    width: 96px;
    height: 96px;
  }
}

.node__initials {
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-size: 24px;
  line-height: 96px;
  letter-spacing: 3px;
  padding-left: 3px;
}

.node__job-title, .node__name {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
}

.node__name {
  font-weight: 700;
  font-size: 14px;
  margin-top: 12px;
}

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

.node__job-title {
  font-size: 13px;
  font-weight: 500;
  color: #637381;
  margin-top: 2px;
}

.node__toggle-open {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 7px 0;
  padding-right: 8px;
  transition: background 0.15s ease;
  cursor: pointer;
  text-align: right;
}

.node__toggle-open span {
  font-size: 14px;
  display: inline-block;
  font-weight: 700;
  color: #637381;
}

.node__toggle-open span:after {
  content: "";
  border: 5px solid transparent;
  border-top-color: #637381;
  display: inline-block;
  margin-left: 6px;
  vertical-align: -2px;
}

.node__toggle-open:hover {
  background: #f9fafa;
}

.node__content.state_active .node__toggle-open:hover {
  background: #e1e7fb;
}

.zoom-button {
  color: #fff;
  background: #666;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.popup {
  position: absolute;
  z-index: 1;
}

.popup.type_simple-options {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.popup.type_simple-options:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.popup.anim_fade {
  animation: 0.2s ease fadeIn;
}

.popup.anim_grow-fade {
  animation: 0.15s ease fadeInGrow both;
}

@media print {
  html {
    color: #000000 !important;
  }
  .bg-haze {
    background-color: #FFFFFF;
  }
  #page {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .NavigationBody, .Panel {
    box-shadow: none;
    border: none;
  }
  .PanelStack .Panel, .PanelStack .Panel:only-child, .PanelStack .Panel:first-child, .PanelStack .Panel:last-child {
    border-bottom: none;
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .print-hide {
    display: none;
  }
  .print-no-pad {
    padding: 0;
  }
  .print-page-break-always {
    page-break-after: always;
  }
}
#page {
  position: relative;
  min-height: calc(100vh - 56px - 6rem);
  padding-top: 56px;
  margin-bottom: 6rem;
  margin-left: 245px;
}

#partner-page {
  position: relative;
  min-height: calc(100vh - 56px - 6rem);
  padding-top: 56px;
  margin-bottom: 6rem;
}

main {
  position: relative;
  flex: 1;
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-size: 16px;
  color-scheme: light !important;
}

html {
  font-family: "GT Walsheim", sans-serif;
  font-weight: 300;
  color: #212B36;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body {
  left: initial;
  line-height: 1.42857143;
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 14px;
}

body.overflow-y-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 0 !important;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

ul, p {
  padding: 0;
  margin: 0;
}

ul, ol {
  list-style: revert;
}

a {
  text-decoration: none;
}

a:hover {
  cursor: pointer;
  text-decoration: none;
}

pre {
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 1rem;
  font-family: Monospace;
}

figure {
  display: inline-block;
}

label {
  margin-bottom: 4px;
}
label:hover {
  cursor: pointer;
}

.table {
  margin-bottom: 0;
}

.divider {
  width: 1px;
  background-color: #EBEFF1;
  margin: 0 4px;
  align-self: stretch;
}

@media (max-width: 1024px) {
  #page {
    margin-left: 0;
  }
}