/*! Flickity v1.0.2
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}.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;
     -ms-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;
     -ms-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;
   -ms-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;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !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__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .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-selection__placeholder, .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; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  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; }.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.3333333333333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-ad {
  background-image: url(packages/jss_flag-icon/flags/4x3/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ad.svg);
}
.flag-icon-ae {
  background-image: url(packages/jss_flag-icon/flags/4x3/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ae.svg);
}
.flag-icon-af {
  background-image: url(packages/jss_flag-icon/flags/4x3/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/af.svg);
}
.flag-icon-ag {
  background-image: url(packages/jss_flag-icon/flags/4x3/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ag.svg);
}
.flag-icon-ai {
  background-image: url(packages/jss_flag-icon/flags/4x3/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ai.svg);
}
.flag-icon-al {
  background-image: url(packages/jss_flag-icon/flags/4x3/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/al.svg);
}
.flag-icon-am {
  background-image: url(packages/jss_flag-icon/flags/4x3/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/am.svg);
}
.flag-icon-ao {
  background-image: url(packages/jss_flag-icon/flags/4x3/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ao.svg);
}
.flag-icon-aq {
  background-image: url(packages/jss_flag-icon/flags/4x3/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/aq.svg);
}
.flag-icon-ar {
  background-image: url(packages/jss_flag-icon/flags/4x3/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ar.svg);
}
.flag-icon-as {
  background-image: url(packages/jss_flag-icon/flags/4x3/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/as.svg);
}
.flag-icon-at {
  background-image: url(packages/jss_flag-icon/flags/4x3/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/at.svg);
}
.flag-icon-au {
  background-image: url(packages/jss_flag-icon/flags/4x3/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/au.svg);
}
.flag-icon-aw {
  background-image: url(packages/jss_flag-icon/flags/4x3/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/aw.svg);
}
.flag-icon-ax {
  background-image: url(packages/jss_flag-icon/flags/4x3/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ax.svg);
}
.flag-icon-az {
  background-image: url(packages/jss_flag-icon/flags/4x3/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/az.svg);
}
.flag-icon-ba {
  background-image: url(packages/jss_flag-icon/flags/4x3/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ba.svg);
}
.flag-icon-bb {
  background-image: url(packages/jss_flag-icon/flags/4x3/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bb.svg);
}
.flag-icon-bd {
  background-image: url(packages/jss_flag-icon/flags/4x3/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bd.svg);
}
.flag-icon-be {
  background-image: url(packages/jss_flag-icon/flags/4x3/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/be.svg);
}
.flag-icon-bf {
  background-image: url(packages/jss_flag-icon/flags/4x3/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bf.svg);
}
.flag-icon-bg {
  background-image: url(packages/jss_flag-icon/flags/4x3/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bg.svg);
}
.flag-icon-bh {
  background-image: url(packages/jss_flag-icon/flags/4x3/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bh.svg);
}
.flag-icon-bi {
  background-image: url(packages/jss_flag-icon/flags/4x3/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bi.svg);
}
.flag-icon-bj {
  background-image: url(packages/jss_flag-icon/flags/4x3/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bj.svg);
}
.flag-icon-bl {
  background-image: url(packages/jss_flag-icon/flags/4x3/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bl.svg);
}
.flag-icon-bm {
  background-image: url(packages/jss_flag-icon/flags/4x3/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bm.svg);
}
.flag-icon-bn {
  background-image: url(packages/jss_flag-icon/flags/4x3/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bn.svg);
}
.flag-icon-bo {
  background-image: url(packages/jss_flag-icon/flags/4x3/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bo.svg);
}
.flag-icon-bq {
  background-image: url(packages/jss_flag-icon/flags/4x3/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bq.svg);
}
.flag-icon-br {
  background-image: url(packages/jss_flag-icon/flags/4x3/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/br.svg);
}
.flag-icon-bs {
  background-image: url(packages/jss_flag-icon/flags/4x3/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bs.svg);
}
.flag-icon-bt {
  background-image: url(packages/jss_flag-icon/flags/4x3/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bt.svg);
}
.flag-icon-bv {
  background-image: url(packages/jss_flag-icon/flags/4x3/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bv.svg);
}
.flag-icon-bw {
  background-image: url(packages/jss_flag-icon/flags/4x3/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bw.svg);
}
.flag-icon-by {
  background-image: url(packages/jss_flag-icon/flags/4x3/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/by.svg);
}
.flag-icon-bz {
  background-image: url(packages/jss_flag-icon/flags/4x3/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bz.svg);
}
.flag-icon-ca {
  background-image: url(packages/jss_flag-icon/flags/4x3/ca.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ca.svg);
}
.flag-icon-cc {
  background-image: url(packages/jss_flag-icon/flags/4x3/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cc.svg);
}
.flag-icon-cd {
  background-image: url(packages/jss_flag-icon/flags/4x3/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cd.svg);
}
.flag-icon-cf {
  background-image: url(packages/jss_flag-icon/flags/4x3/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cf.svg);
}
.flag-icon-cg {
  background-image: url(packages/jss_flag-icon/flags/4x3/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cg.svg);
}
.flag-icon-ch {
  background-image: url(packages/jss_flag-icon/flags/4x3/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ch.svg);
}
.flag-icon-ci {
  background-image: url(packages/jss_flag-icon/flags/4x3/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ci.svg);
}
.flag-icon-ck {
  background-image: url(packages/jss_flag-icon/flags/4x3/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ck.svg);
}
.flag-icon-cl {
  background-image: url(packages/jss_flag-icon/flags/4x3/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cl.svg);
}
.flag-icon-cm {
  background-image: url(packages/jss_flag-icon/flags/4x3/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cm.svg);
}
.flag-icon-cn {
  background-image: url(packages/jss_flag-icon/flags/4x3/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cn.svg);
}
.flag-icon-co {
  background-image: url(packages/jss_flag-icon/flags/4x3/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/co.svg);
}
.flag-icon-cr {
  background-image: url(packages/jss_flag-icon/flags/4x3/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cr.svg);
}
.flag-icon-cu {
  background-image: url(packages/jss_flag-icon/flags/4x3/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cu.svg);
}
.flag-icon-cv {
  background-image: url(packages/jss_flag-icon/flags/4x3/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cv.svg);
}
.flag-icon-cw {
  background-image: url(packages/jss_flag-icon/flags/4x3/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cw.svg);
}
.flag-icon-cx {
  background-image: url(packages/jss_flag-icon/flags/4x3/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cx.svg);
}
.flag-icon-cy {
  background-image: url(packages/jss_flag-icon/flags/4x3/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cy.svg);
}
.flag-icon-cz {
  background-image: url(packages/jss_flag-icon/flags/4x3/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cz.svg);
}
.flag-icon-de {
  background-image: url(packages/jss_flag-icon/flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/de.svg);
}
.flag-icon-dj {
  background-image: url(packages/jss_flag-icon/flags/4x3/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/dj.svg);
}
.flag-icon-dk {
  background-image: url(packages/jss_flag-icon/flags/4x3/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/dk.svg);
}
.flag-icon-dm {
  background-image: url(packages/jss_flag-icon/flags/4x3/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/dm.svg);
}
.flag-icon-do {
  background-image: url(packages/jss_flag-icon/flags/4x3/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/do.svg);
}
.flag-icon-dz {
  background-image: url(packages/jss_flag-icon/flags/4x3/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/dz.svg);
}
.flag-icon-ec {
  background-image: url(packages/jss_flag-icon/flags/4x3/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ec.svg);
}
.flag-icon-ee {
  background-image: url(packages/jss_flag-icon/flags/4x3/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ee.svg);
}
.flag-icon-eg {
  background-image: url(packages/jss_flag-icon/flags/4x3/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/eg.svg);
}
.flag-icon-eh {
  background-image: url(packages/jss_flag-icon/flags/4x3/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/eh.svg);
}
.flag-icon-er {
  background-image: url(packages/jss_flag-icon/flags/4x3/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/er.svg);
}
.flag-icon-es {
  background-image: url(packages/jss_flag-icon/flags/4x3/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/es.svg);
}
.flag-icon-et {
  background-image: url(packages/jss_flag-icon/flags/4x3/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/et.svg);
}
.flag-icon-fi {
  background-image: url(packages/jss_flag-icon/flags/4x3/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fi.svg);
}
.flag-icon-fj {
  background-image: url(packages/jss_flag-icon/flags/4x3/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fj.svg);
}
.flag-icon-fk {
  background-image: url(packages/jss_flag-icon/flags/4x3/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fk.svg);
}
.flag-icon-fm {
  background-image: url(packages/jss_flag-icon/flags/4x3/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fm.svg);
}
.flag-icon-fo {
  background-image: url(packages/jss_flag-icon/flags/4x3/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fo.svg);
}
.flag-icon-fr {
  background-image: url(packages/jss_flag-icon/flags/4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fr.svg);
}
.flag-icon-ga {
  background-image: url(packages/jss_flag-icon/flags/4x3/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ga.svg);
}
.flag-icon-gb {
  background-image: url(packages/jss_flag-icon/flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gb.svg);
}
.flag-icon-gd {
  background-image: url(packages/jss_flag-icon/flags/4x3/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gd.svg);
}
.flag-icon-ge {
  background-image: url(packages/jss_flag-icon/flags/4x3/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ge.svg);
}
.flag-icon-gf {
  background-image: url(packages/jss_flag-icon/flags/4x3/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gf.svg);
}
.flag-icon-gg {
  background-image: url(packages/jss_flag-icon/flags/4x3/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gg.svg);
}
.flag-icon-gh {
  background-image: url(packages/jss_flag-icon/flags/4x3/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gh.svg);
}
.flag-icon-gi {
  background-image: url(packages/jss_flag-icon/flags/4x3/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gi.svg);
}
.flag-icon-gl {
  background-image: url(packages/jss_flag-icon/flags/4x3/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gl.svg);
}
.flag-icon-gm {
  background-image: url(packages/jss_flag-icon/flags/4x3/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gm.svg);
}
.flag-icon-gn {
  background-image: url(packages/jss_flag-icon/flags/4x3/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gn.svg);
}
.flag-icon-gp {
  background-image: url(packages/jss_flag-icon/flags/4x3/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gp.svg);
}
.flag-icon-gq {
  background-image: url(packages/jss_flag-icon/flags/4x3/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gq.svg);
}
.flag-icon-gr {
  background-image: url(packages/jss_flag-icon/flags/4x3/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gr.svg);
}
.flag-icon-gs {
  background-image: url(packages/jss_flag-icon/flags/4x3/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gs.svg);
}
.flag-icon-gt {
  background-image: url(packages/jss_flag-icon/flags/4x3/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gt.svg);
}
.flag-icon-gu {
  background-image: url(packages/jss_flag-icon/flags/4x3/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gu.svg);
}
.flag-icon-gw {
  background-image: url(packages/jss_flag-icon/flags/4x3/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gw.svg);
}
.flag-icon-gy {
  background-image: url(packages/jss_flag-icon/flags/4x3/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gy.svg);
}
.flag-icon-hk {
  background-image: url(packages/jss_flag-icon/flags/4x3/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/hk.svg);
}
.flag-icon-hm {
  background-image: url(packages/jss_flag-icon/flags/4x3/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/hm.svg);
}
.flag-icon-hn {
  background-image: url(packages/jss_flag-icon/flags/4x3/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/hn.svg);
}
.flag-icon-hr {
  background-image: url(packages/jss_flag-icon/flags/4x3/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/hr.svg);
}
.flag-icon-ht {
  background-image: url(packages/jss_flag-icon/flags/4x3/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ht.svg);
}
.flag-icon-hu {
  background-image: url(packages/jss_flag-icon/flags/4x3/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/hu.svg);
}
.flag-icon-id {
  background-image: url(packages/jss_flag-icon/flags/4x3/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/id.svg);
}
.flag-icon-ie {
  background-image: url(packages/jss_flag-icon/flags/4x3/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ie.svg);
}
.flag-icon-il {
  background-image: url(packages/jss_flag-icon/flags/4x3/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/il.svg);
}
.flag-icon-im {
  background-image: url(packages/jss_flag-icon/flags/4x3/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/im.svg);
}
.flag-icon-in {
  background-image: url(packages/jss_flag-icon/flags/4x3/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/in.svg);
}
.flag-icon-io {
  background-image: url(packages/jss_flag-icon/flags/4x3/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/io.svg);
}
.flag-icon-iq {
  background-image: url(packages/jss_flag-icon/flags/4x3/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/iq.svg);
}
.flag-icon-ir {
  background-image: url(packages/jss_flag-icon/flags/4x3/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ir.svg);
}
.flag-icon-is {
  background-image: url(packages/jss_flag-icon/flags/4x3/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/is.svg);
}
.flag-icon-it {
  background-image: url(packages/jss_flag-icon/flags/4x3/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/it.svg);
}
.flag-icon-je {
  background-image: url(packages/jss_flag-icon/flags/4x3/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/je.svg);
}
.flag-icon-jm {
  background-image: url(packages/jss_flag-icon/flags/4x3/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/jm.svg);
}
.flag-icon-jo {
  background-image: url(packages/jss_flag-icon/flags/4x3/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/jo.svg);
}
.flag-icon-jp {
  background-image: url(packages/jss_flag-icon/flags/4x3/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/jp.svg);
}
.flag-icon-ke {
  background-image: url(packages/jss_flag-icon/flags/4x3/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ke.svg);
}
.flag-icon-kg {
  background-image: url(packages/jss_flag-icon/flags/4x3/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kg.svg);
}
.flag-icon-kh {
  background-image: url(packages/jss_flag-icon/flags/4x3/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kh.svg);
}
.flag-icon-ki {
  background-image: url(packages/jss_flag-icon/flags/4x3/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ki.svg);
}
.flag-icon-km {
  background-image: url(packages/jss_flag-icon/flags/4x3/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/km.svg);
}
.flag-icon-kn {
  background-image: url(packages/jss_flag-icon/flags/4x3/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kn.svg);
}
.flag-icon-kp {
  background-image: url(packages/jss_flag-icon/flags/4x3/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kp.svg);
}
.flag-icon-kr {
  background-image: url(packages/jss_flag-icon/flags/4x3/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kr.svg);
}
.flag-icon-kw {
  background-image: url(packages/jss_flag-icon/flags/4x3/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kw.svg);
}
.flag-icon-ky {
  background-image: url(packages/jss_flag-icon/flags/4x3/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ky.svg);
}
.flag-icon-kz {
  background-image: url(packages/jss_flag-icon/flags/4x3/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kz.svg);
}
.flag-icon-la {
  background-image: url(packages/jss_flag-icon/flags/4x3/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/la.svg);
}
.flag-icon-lb {
  background-image: url(packages/jss_flag-icon/flags/4x3/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lb.svg);
}
.flag-icon-lc {
  background-image: url(packages/jss_flag-icon/flags/4x3/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lc.svg);
}
.flag-icon-li {
  background-image: url(packages/jss_flag-icon/flags/4x3/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/li.svg);
}
.flag-icon-lk {
  background-image: url(packages/jss_flag-icon/flags/4x3/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lk.svg);
}
.flag-icon-lr {
  background-image: url(packages/jss_flag-icon/flags/4x3/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lr.svg);
}
.flag-icon-ls {
  background-image: url(packages/jss_flag-icon/flags/4x3/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ls.svg);
}
.flag-icon-lt {
  background-image: url(packages/jss_flag-icon/flags/4x3/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lt.svg);
}
.flag-icon-lu {
  background-image: url(packages/jss_flag-icon/flags/4x3/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lu.svg);
}
.flag-icon-lv {
  background-image: url(packages/jss_flag-icon/flags/4x3/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lv.svg);
}
.flag-icon-ly {
  background-image: url(packages/jss_flag-icon/flags/4x3/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ly.svg);
}
.flag-icon-ma {
  background-image: url(packages/jss_flag-icon/flags/4x3/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ma.svg);
}
.flag-icon-mc {
  background-image: url(packages/jss_flag-icon/flags/4x3/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mc.svg);
}
.flag-icon-md {
  background-image: url(packages/jss_flag-icon/flags/4x3/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/md.svg);
}
.flag-icon-me {
  background-image: url(packages/jss_flag-icon/flags/4x3/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/me.svg);
}
.flag-icon-mf {
  background-image: url(packages/jss_flag-icon/flags/4x3/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mf.svg);
}
.flag-icon-mg {
  background-image: url(packages/jss_flag-icon/flags/4x3/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mg.svg);
}
.flag-icon-mh {
  background-image: url(packages/jss_flag-icon/flags/4x3/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mh.svg);
}
.flag-icon-mk {
  background-image: url(packages/jss_flag-icon/flags/4x3/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mk.svg);
}
.flag-icon-ml {
  background-image: url(packages/jss_flag-icon/flags/4x3/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ml.svg);
}
.flag-icon-mm {
  background-image: url(packages/jss_flag-icon/flags/4x3/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mm.svg);
}
.flag-icon-mn {
  background-image: url(packages/jss_flag-icon/flags/4x3/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mn.svg);
}
.flag-icon-mo {
  background-image: url(packages/jss_flag-icon/flags/4x3/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mo.svg);
}
.flag-icon-mp {
  background-image: url(packages/jss_flag-icon/flags/4x3/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mp.svg);
}
.flag-icon-mq {
  background-image: url(packages/jss_flag-icon/flags/4x3/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mq.svg);
}
.flag-icon-mr {
  background-image: url(packages/jss_flag-icon/flags/4x3/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mr.svg);
}
.flag-icon-ms {
  background-image: url(packages/jss_flag-icon/flags/4x3/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ms.svg);
}
.flag-icon-mt {
  background-image: url(packages/jss_flag-icon/flags/4x3/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mt.svg);
}
.flag-icon-mu {
  background-image: url(packages/jss_flag-icon/flags/4x3/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mu.svg);
}
.flag-icon-mv {
  background-image: url(packages/jss_flag-icon/flags/4x3/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mv.svg);
}
.flag-icon-mw {
  background-image: url(packages/jss_flag-icon/flags/4x3/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mw.svg);
}
.flag-icon-mx {
  background-image: url(packages/jss_flag-icon/flags/4x3/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mx.svg);
}
.flag-icon-my {
  background-image: url(packages/jss_flag-icon/flags/4x3/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/my.svg);
}
.flag-icon-mz {
  background-image: url(packages/jss_flag-icon/flags/4x3/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mz.svg);
}
.flag-icon-na {
  background-image: url(packages/jss_flag-icon/flags/4x3/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/na.svg);
}
.flag-icon-nc {
  background-image: url(packages/jss_flag-icon/flags/4x3/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nc.svg);
}
.flag-icon-ne {
  background-image: url(packages/jss_flag-icon/flags/4x3/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ne.svg);
}
.flag-icon-nf {
  background-image: url(packages/jss_flag-icon/flags/4x3/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nf.svg);
}
.flag-icon-ng {
  background-image: url(packages/jss_flag-icon/flags/4x3/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ng.svg);
}
.flag-icon-ni {
  background-image: url(packages/jss_flag-icon/flags/4x3/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ni.svg);
}
.flag-icon-nl {
  background-image: url(packages/jss_flag-icon/flags/4x3/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nl.svg);
}
.flag-icon-no {
  background-image: url(packages/jss_flag-icon/flags/4x3/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/no.svg);
}
.flag-icon-np {
  background-image: url(packages/jss_flag-icon/flags/4x3/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/np.svg);
}
.flag-icon-nr {
  background-image: url(packages/jss_flag-icon/flags/4x3/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nr.svg);
}
.flag-icon-nu {
  background-image: url(packages/jss_flag-icon/flags/4x3/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nu.svg);
}
.flag-icon-nz {
  background-image: url(packages/jss_flag-icon/flags/4x3/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nz.svg);
}
.flag-icon-om {
  background-image: url(packages/jss_flag-icon/flags/4x3/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/om.svg);
}
.flag-icon-pa {
  background-image: url(packages/jss_flag-icon/flags/4x3/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pa.svg);
}
.flag-icon-pe {
  background-image: url(packages/jss_flag-icon/flags/4x3/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pe.svg);
}
.flag-icon-pf {
  background-image: url(packages/jss_flag-icon/flags/4x3/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pf.svg);
}
.flag-icon-pg {
  background-image: url(packages/jss_flag-icon/flags/4x3/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pg.svg);
}
.flag-icon-ph {
  background-image: url(packages/jss_flag-icon/flags/4x3/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ph.svg);
}
.flag-icon-pk {
  background-image: url(packages/jss_flag-icon/flags/4x3/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pk.svg);
}
.flag-icon-pl {
  background-image: url(packages/jss_flag-icon/flags/4x3/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pl.svg);
}
.flag-icon-pm {
  background-image: url(packages/jss_flag-icon/flags/4x3/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pm.svg);
}
.flag-icon-pn {
  background-image: url(packages/jss_flag-icon/flags/4x3/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pn.svg);
}
.flag-icon-pr {
  background-image: url(packages/jss_flag-icon/flags/4x3/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pr.svg);
}
.flag-icon-ps {
  background-image: url(packages/jss_flag-icon/flags/4x3/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ps.svg);
}
.flag-icon-pt {
  background-image: url(packages/jss_flag-icon/flags/4x3/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pt.svg);
}
.flag-icon-pw {
  background-image: url(packages/jss_flag-icon/flags/4x3/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pw.svg);
}
.flag-icon-py {
  background-image: url(packages/jss_flag-icon/flags/4x3/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/py.svg);
}
.flag-icon-qa {
  background-image: url(packages/jss_flag-icon/flags/4x3/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/qa.svg);
}
.flag-icon-re {
  background-image: url(packages/jss_flag-icon/flags/4x3/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/re.svg);
}
.flag-icon-ro {
  background-image: url(packages/jss_flag-icon/flags/4x3/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ro.svg);
}
.flag-icon-rs {
  background-image: url(packages/jss_flag-icon/flags/4x3/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/rs.svg);
}
.flag-icon-ru {
  background-image: url(packages/jss_flag-icon/flags/4x3/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ru.svg);
}
.flag-icon-rw {
  background-image: url(packages/jss_flag-icon/flags/4x3/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/rw.svg);
}
.flag-icon-sa {
  background-image: url(packages/jss_flag-icon/flags/4x3/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sa.svg);
}
.flag-icon-sb {
  background-image: url(packages/jss_flag-icon/flags/4x3/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sb.svg);
}
.flag-icon-sc {
  background-image: url(packages/jss_flag-icon/flags/4x3/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sc.svg);
}
.flag-icon-sd {
  background-image: url(packages/jss_flag-icon/flags/4x3/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sd.svg);
}
.flag-icon-se {
  background-image: url(packages/jss_flag-icon/flags/4x3/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/se.svg);
}
.flag-icon-sg {
  background-image: url(packages/jss_flag-icon/flags/4x3/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sg.svg);
}
.flag-icon-sh {
  background-image: url(packages/jss_flag-icon/flags/4x3/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sh.svg);
}
.flag-icon-si {
  background-image: url(packages/jss_flag-icon/flags/4x3/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/si.svg);
}
.flag-icon-sj {
  background-image: url(packages/jss_flag-icon/flags/4x3/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sj.svg);
}
.flag-icon-sk {
  background-image: url(packages/jss_flag-icon/flags/4x3/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sk.svg);
}
.flag-icon-sl {
  background-image: url(packages/jss_flag-icon/flags/4x3/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sl.svg);
}
.flag-icon-sm {
  background-image: url(packages/jss_flag-icon/flags/4x3/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sm.svg);
}
.flag-icon-sn {
  background-image: url(packages/jss_flag-icon/flags/4x3/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sn.svg);
}
.flag-icon-so {
  background-image: url(packages/jss_flag-icon/flags/4x3/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/so.svg);
}
.flag-icon-sr {
  background-image: url(packages/jss_flag-icon/flags/4x3/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sr.svg);
}
.flag-icon-ss {
  background-image: url(packages/jss_flag-icon/flags/4x3/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ss.svg);
}
.flag-icon-st {
  background-image: url(packages/jss_flag-icon/flags/4x3/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/st.svg);
}
.flag-icon-sv {
  background-image: url(packages/jss_flag-icon/flags/4x3/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sv.svg);
}
.flag-icon-sx {
  background-image: url(packages/jss_flag-icon/flags/4x3/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sx.svg);
}
.flag-icon-sy {
  background-image: url(packages/jss_flag-icon/flags/4x3/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sy.svg);
}
.flag-icon-sz {
  background-image: url(packages/jss_flag-icon/flags/4x3/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sz.svg);
}
.flag-icon-tc {
  background-image: url(packages/jss_flag-icon/flags/4x3/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tc.svg);
}
.flag-icon-td {
  background-image: url(packages/jss_flag-icon/flags/4x3/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/td.svg);
}
.flag-icon-tf {
  background-image: url(packages/jss_flag-icon/flags/4x3/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tf.svg);
}
.flag-icon-tg {
  background-image: url(packages/jss_flag-icon/flags/4x3/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tg.svg);
}
.flag-icon-th {
  background-image: url(packages/jss_flag-icon/flags/4x3/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/th.svg);
}
.flag-icon-tj {
  background-image: url(packages/jss_flag-icon/flags/4x3/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tj.svg);
}
.flag-icon-tk {
  background-image: url(packages/jss_flag-icon/flags/4x3/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tk.svg);
}
.flag-icon-tl {
  background-image: url(packages/jss_flag-icon/flags/4x3/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tl.svg);
}
.flag-icon-tm {
  background-image: url(packages/jss_flag-icon/flags/4x3/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tm.svg);
}
.flag-icon-tn {
  background-image: url(packages/jss_flag-icon/flags/4x3/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tn.svg);
}
.flag-icon-to {
  background-image: url(packages/jss_flag-icon/flags/4x3/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/to.svg);
}
.flag-icon-tr {
  background-image: url(packages/jss_flag-icon/flags/4x3/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tr.svg);
}
.flag-icon-tt {
  background-image: url(packages/jss_flag-icon/flags/4x3/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tt.svg);
}
.flag-icon-tv {
  background-image: url(packages/jss_flag-icon/flags/4x3/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tv.svg);
}
.flag-icon-tw {
  background-image: url(packages/jss_flag-icon/flags/4x3/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tw.svg);
}
.flag-icon-tz {
  background-image: url(packages/jss_flag-icon/flags/4x3/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tz.svg);
}
.flag-icon-ua {
  background-image: url(packages/jss_flag-icon/flags/4x3/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ua.svg);
}
.flag-icon-ug {
  background-image: url(packages/jss_flag-icon/flags/4x3/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ug.svg);
}
.flag-icon-um {
  background-image: url(packages/jss_flag-icon/flags/4x3/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/um.svg);
}
.flag-icon-us {
  background-image: url(packages/jss_flag-icon/flags/4x3/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/us.svg);
}
.flag-icon-uy {
  background-image: url(packages/jss_flag-icon/flags/4x3/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/uy.svg);
}
.flag-icon-uz {
  background-image: url(packages/jss_flag-icon/flags/4x3/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/uz.svg);
}
.flag-icon-va {
  background-image: url(packages/jss_flag-icon/flags/4x3/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/va.svg);
}
.flag-icon-vc {
  background-image: url(packages/jss_flag-icon/flags/4x3/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/vc.svg);
}
.flag-icon-ve {
  background-image: url(packages/jss_flag-icon/flags/4x3/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ve.svg);
}
.flag-icon-vg {
  background-image: url(packages/jss_flag-icon/flags/4x3/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/vg.svg);
}
.flag-icon-vi {
  background-image: url(packages/jss_flag-icon/flags/4x3/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/vi.svg);
}
.flag-icon-vn {
  background-image: url(packages/jss_flag-icon/flags/4x3/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/vn.svg);
}
.flag-icon-vu {
  background-image: url(packages/jss_flag-icon/flags/4x3/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/vu.svg);
}
.flag-icon-wf {
  background-image: url(packages/jss_flag-icon/flags/4x3/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/wf.svg);
}
.flag-icon-ws {
  background-image: url(packages/jss_flag-icon/flags/4x3/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ws.svg);
}
.flag-icon-ye {
  background-image: url(packages/jss_flag-icon/flags/4x3/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ye.svg);
}
.flag-icon-yt {
  background-image: url(packages/jss_flag-icon/flags/4x3/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/yt.svg);
}
.flag-icon-za {
  background-image: url(packages/jss_flag-icon/flags/4x3/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/za.svg);
}
.flag-icon-zm {
  background-image: url(packages/jss_flag-icon/flags/4x3/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/zm.svg);
}
.flag-icon-zw {
  background-image: url(packages/jss_flag-icon/flags/4x3/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/zw.svg);
}/*!
 * Bootstrap Colorpicker - Simple and customizable colorpicker component for Twitter Bootstrap.
 * @package bootstrap-colorpicker
 * @version v3.0.0-wip
 * @license MIT
 * @link https://farbelous.github.io/bootstrap-colorpicker/
 * @link https://github.com/farbelous/bootstrap-colorpicker.git
 */
.colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAP9klEQVR4XnRWC47rNgwcKjlA0bv2VL1Qi/YELRav7203iS1ppqZoiXCAhuBHVLI74xFtG3/Hz2joIOjRGuR5eMYuRn9YA1fds859KX8ZvczLr9/pImiR3Rqky9/wlajRIdVE/1Rufeu/0No3/ASgBZAJUkwgi0iCaEatekJJoEqiTQncd67/gyOfRCZshTed0Nl8LbLj8D6qxtoq9/7kJz/aH/3Xfu8VwI5+AUH8DxE7gUyiIpZ5LwiGzUqE3CScJsCDQHAsvBnxWpkbC0QMHmBp6latWS0bnvrCN/x1+xPfce+Ij0GAyeAGGz15sOiax2UylPhKrFaMPnVWClwepKh07hdhkVDsK2uoyEIySergjdbY2VBtV8VLr8Mf9mF/4wMb7kR8FOhzFWZZe7HIZD9JRIbee28eJKBweTB6TwjYkAgWaUmtDveGw1Wx3zZ76YlPPfQd/+gTTUFkiGiJ+NQAszU1EPT/QJEgufolAMPkNU4CVOyUIBLg4xglEZHGQnTFOFV0VaulYddBhA986ge/7N/yQi/3flFgwfQq2ibLnTDBRl9TmUHyJASPV/eoN0UISIr+ICQKIFV4EpljSjV1uFVUq9hRtet5e9gXvuyHPW0zMhQxWaoBBa9Tg8vsCEhww23Smd0CKjIkmPIoxWrUBDgJqFCyESF43ctQxLUoHN7Q1KyVhqrNNm3cy2vMyQNPVKjc29Rh5SSU+giWdRJHkLnQG71FQEuNyNGBTDdBQQAKCuGiEUS/jcyGbkMPq931OIzb/dUPGuVlG7f+slqkO5NAAlzTMdcq0NkzmsEBmAQkbI+pSHbiqnuWIA6lijhvqwIxMyWxMGZiPU669XJE1tADDTs2HWpwKxuqdnTpOiOR42xlzLtm3pXGel3xd8/oTs8Xy0MV8GM1RlsC2Y3Wy3wut3M+2mEVux0Gt9fhzTWyLvGiiJYaqY5DWRFIwAiQ5r6gB9GpQihJw4I9j5Mkscj3BnzGjBhv8xna5P1Jo428o6IOPY5KFZtVOkEKqUjqQY9Gi+jrIOFwJUDzRtA9xyoIrGGmkNRmxVAnZoK+TkUIeUYni5wEzgOG5iZX5HCr2JyQNqdk++G0rgb1ochSIGutTj4P7F0PuRUAolmh5sCzAHn1BYyaADh6bgFeoBx6vst091CEvcSLWBBpqGq384jZ5llVHSwEShLx+D4d0mU3D5eEAJQ9KEhOZUYnDENV2qKgmIlQhWfdvcoXYaegPp/n1oKIOgYFqxrzQSciqNhv/5FqPpy6b0UcX2vf13DfWySRSEgkEYlEJJGQSyKJSEQSCYlEEpHexIVO3XOevffze2a+PfPv9x1rne1c3b3Mmlmz9mE++zuzngfnw/E+Dlc4LL4NwHdFy7u3KGPVmZ6/4eeMoDyre3i/KHADIHYO04w9zO0mAotuKnrc7XaPjvu66bNe5cDT7RlPepEnfS2X8dF1/utDvD+OwGDBxEgQywLCvIMYWBY+DShwAAORAdv9PswhDAqOUCi5+71AbFcDMR4xBDNfhySKXPXZ1+Vub+Q1Ltf5z7eC0AjVldHI26rIFdKIAyYBJCFVUhVDwttAnM52B3Ect1TFQXzJ0z33lOuib/QO8g+CuO0gKBRU80A8hkeJ0b1KRQWmFQVSh8mf3lpUpNaRulzN5NArrmKKGMijXgzk7w5ijdFVgT8f1IdFNjVWjDWicUYWEEMmSFDtILdzHW5XueHp7p+yuS54ep5/c5BE2Gw/gWPNYU4/PZaak2VGEsFjSbOf8irea6KQgojGCk0KxZY31tWWgzwayF8N5KYyo3VADVicWWrhwzr3ZqIOa5xW5zbqMPPMiyDURHDIHQTeWq7KFXcQPOqzPOL5Ov/iIDEDy7DHEwx0PTgjO8SS0fOEHcZNMt+XKEFMj8Q4QUSvPu6HPuvd4N9/x12RPwcIVRCAakSOUzHgsUSMFWYzDQ+PiOJqAOuYc9jh5TecnA+xHfFyOYhebeTH89P80wrCJzUjlsx7euIV0g4zQFUSiBPioIWBACFC7GgDj8P91ZSJOQmQP74MAnQo8H5RIe8kZ0kBcQCMAlEpRDiKROBxbR0ksdhWFq0gR9q9uQzkDzuIFQSPqAgRCAsCaVNF2ZAAhxvtzcqcnDk6tpXxSsayqXLIgSOb6zqeH+fvO0i9XEu5EVV+OZehRZJ6BGTeaRhCkTzVIZeAzaWGAFfErIPogQI5CuR3HQQx7DzBB16R3s7e0MBUPedjWutgG/JUTPqMeAQNEiytJRnJearWUgdwFNxN7rtBoECuj/O3BMHaTIxQ0a4GctireElTJHJvLTaalih5kvBCGMvkdESUMAdCFaI4yG8SpDfRWAptqkAJUwCG6B7lOREFSZBqKs57MEHqVJEBwHa2lp0OiKtiQ18gx9P89QrSXyc0vObBM4vPmBADqJZLAo/yzK7qPSZstCy+fDSZlhrm+Zkyjsf5q2otdC14zkLjHLf0me9wjNqQo0B1a6wBJRaIEgC2Qw9oby/cRHA+xHCQy/xlB1HVSV3Y/5yVhsc7dBi2UoIWCMcbELZWgxNCGUZ5y4ceBaLlE8dAfrEosrYT+z8ya3sxXndFBxuQivNGEHFCbLGBlBLKGYHZoeoQpcjtMn/uICPefcxecpuDOEemg9S/44cflZPIlWolyHkLrEpgbS9IQRlAgZgi0WDjsEiPh+PN/Fkogq4GdzPtarlRGW2tJwEK1RMTEvdVdmhAKHO1pdUuGQsVcX+rSfGzDbwGyE8NRPQc83HCaOkTZwPqABZBdFq8zAN1gue0FPO8wYUFBE1WkMwVzM1iQ4BItFh+H36Qy/yJg0DRQICmBl+tbKUC5cCj3yXI+SUFBS78ZAcBtHt+e9lBuiqpTNh9zTvIjzuIWxVYGQJpAZY+VWS3QKh84iSZbwuIdiDpc4KztQa/sjhMaDJEJDSZ8mZ+kCBdC0JpKVNQzZdKu+EsOeFCosrngVAkDS/uy6iGnW7UxmMpkB8FyFKo6iQW8z1HuBdMu1pdkZdB8jWTjlFtNaiJRYniIDcD+eECMqFLS9ED6DgxzCMKnRD3HYYA2uMCJUh70OK8G0EUnJV8lqe8nj84QdqLhdoJskNlEw1ivajM8LtPBhIeN99LESXI9xcQIHFQudHngZjUhXOQeGlUYmAddh5pxMhzV0M1vMAtMFIVmfp6fq+DgEWefjQVenstaqUy3bJQAiVlEihDghCDINFQg8oUhoQPkO8SBEM7SFQ72VYBwPuE7k8uYF5LNwg/TEd2zkuKjIIhTiJRlYrDfNS1QL7DYUcbcCyKJNwOwucVCVSwBBj/DwghXA2hQtACgCBBPprfXkAIFIYRXhONQARFU00Tsh6LEmmQUbkTImMi9me5qaHDIeBgHeRbdxAIqAJBCDSoCNVQglrciqX/ZCD9RRP6rgpBvhmKAFhg2ForBLXBYPtUjj7vCHPe8SXbYAY47gHB9mKeqjjIg/53fmMD0fR9Bug7SFcHI6EA1OC/E8QTL4NgBSGiCiyTChnI1zcQxmyfRZGM6w701KRybDvsIK3LWDx6mxGkcglEZQLkawnCdppZ6sgCh8trWWBUQaUWCEOlOs7HAenFE45QSu9RQQDAqchXNxDq4orQR44qRIFUQvM+mRJuB6GDEixgCbSBQGXghEEbdn1P/zO/QhAWCsWsmRhLa2VFkSZIgSVKmgEQhvk6K8YKMRZl7Dwg4amOUYvFBfLlE4RasOCB5S9PXKq0AqGDMiYIReXF0mYctITWBmqR5F38X5Y7yJfeCtKBzNbWYm5XpsMpf3dRZD3jPDesvdVCOs6KYQXIFw1E4fcE8dHWOepZBXpLJcACWUZVMRZbfvgXR4Ak8A7VVSKSVuu9p6/mFxyE7cOWavtLp952O8huK83+gmHzHaAsVXLgAvl8gPCvHzAFsM8GNXGKPH5cmN02sXTLa8QdKRXMzHv67/k5A9k1UIx36UH/VlWWtuKssNiRapB6BaLXl6MA+ayDcNS3v/sYXgCL620F1kk8QhKAEOvKu4DvajDO5zkHc4fBg76anyEIIcamBPex5EK8AoVHhMW7QAqWrYD1204CJB1hCfOAV/PTBPH0zBmJmsZZKCEaAmdqm4zMcYxYLN0JuHThIAjirAnp3px7TRgD+ZSD/K92M1CNIgbC8Ex7FkSEIlQEEUQEQQQBRBABEUQQEQTx3X0Evap9AhP39jL5OvuzAWuvbDaTTDIzX2aypUCJ0i7nAigoQAk9gUIUSxXEoCFyyVIuL9ZQcMZoArnwr4D0OLS8jGNGTgGnsZQWMYrcOARoIReAALBeWhf+RUCAIEsECFQHLkwR5zj4JW3t5WOUU5djvgQIawD53EDsctmYz8xGaZGPBUR3qNkiGwqDICUYIFpqBgRaayCfFiAWR2wWvoobmzxdF8N5kyxXmvap/sgGcLF/aoBosbG+lE395R8zCA4BqUYgOgYq+HtvBrT0LK15X8lZwx5f9klCX0rdgXzIIGbdhXMqZtHzJhuptEjmsFc4KzmN5IFPtfM7gWw2kPczSIqQSPUDYKYBMamsBCpKphW0iA5H8AbMDPJOQYjLZg1Vk4G49GlCYNYAkdOd0kwRQ8FCyAHydgLZ6Z2AqrVtjDUQ7hCEmrkEooDAsB2YnBCvkBpZ6yBvJpCd7Mn5zJ6C4QF2BUQPgHEIGUrGnHzQ8rlMekBeTyAzwDJksxwM4+w3BY02B8mIl0CmFRm+ZscxAuSnvwqQsECTIGSV6FEoJFTygVuzB5xAsKqBvAQE3+nkVoJDI1BJIaPBWik7ZSu5NIp5A3mRQaTFvLgkO9fVgEgMqqeVfb+p55tijWH+Kea71ubq4v8Sl8089sZKbKEZNq+VUfISJJF7j79WrbYgS994ZEf+nIz0pNFRWqapSmK6P45i3OQuItIiPDyg6RnxZ4D0g+CFPxAzluoRsWsaA6I6JOqVWCisDvJ0BgHTzMSRgMi0vmi8R+sR6tg/XUh7kCc7kMRqSNkTBDx0OkAUegFcMazciBXNpm798R6klXap/WZz49TQwBHqEcj4oCToUPjUuP9lfxcbyKMAwT6bTf1qqIIQDl3i5oCERNmVm0wgW4A8BGRxMX3hWh8bEV5Rvfp4DS5F3djWH2ztDNWKW7OBjgjIwsDWaKRknJjqMsh9QCa1p608lLovFkBE969DYtYelSzwSRcg535vAsFeNU9SzRCYZb4LDmxmFQKkwYGM+5y/G7b1uxMIylLdyE5yxIyYsoXWhQIpzQhYPi3JkJoKkB9+BxD0OMuyOEBe36DgyPSrxscmATldgKj8PxrkA/kA5PYMgkrocwIQ6GSRGmF0VaNqBKQZ5FYDEZSDzFTzq9mBQjAayE1A+ryDTzcQZe0Ibbxj7EwpAmTrJwEimZR9CCPtODhzxuNtY19Zd2Lf/fjCTnEiDAOg62j1utb/dv9mZ/aHCj4AyOHbsW3/As0BTzIgeJU7AAAAAElFTkSuQmCC");
  cursor: crosshair;
  float: left; }
  .colorpicker-saturation .colorpicker-guide {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    margin: -4px 0 0 -4px; }
    .colorpicker-saturation .colorpicker-guide i {
      display: block;
      height: 5px;
      width: 5px;
      border: 1px solid #fff;
      border-radius: 5px; }

.colorpicker-hue,
.colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px; }

.colorpicker-hue .colorpicker-guide,
.colorpicker-alpha .colorpicker-guide {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px; }

.colorpicker-hue {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC"); }

.colorpicker-alpha {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=");
  display: none; }

.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
  background-size: contain; }

.colorpicker {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  font-size: inherit;
  color: inherit;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 4px;
  min-width: 130px;
  margin-top: 1px;
  border-radius: 4px;
  z-index: 1055; }

.colorpicker:before,
.colorpicker:after {
  display: table;
  content: "";
  line-height: 0; }

.colorpicker:after {
  clear: both; }

.colorpicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px; }

.colorpicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px; }

.colorpicker div {
  position: relative; }

.colorpicker.colorpicker-with-alpha {
  min-width: 140px; }

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block; }

.colorpicker-bar {
  height: 15px;
  margin: 5px 0 0 0;
  clear: both;
  text-align: center;
  font-size: 10px;
  line-height: normal; }

.colorpicker-bar-horizontal {
  height: 15px;
  margin: 0 0 4px 0;
  float: left;
  width: 100px; }

.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  display: inline-block;
  cursor: pointer;
  height: 16px;
  vertical-align: text-top;
  width: 16px; }

.colorpicker.colorpicker-inline {
  position: relative;
  display: inline-block;
  float: none;
  z-index: auto;
  vertical-align: text-bottom; }

.colorpicker.colorpicker-horizontal {
  width: 110px;
  min-width: 110px;
  height: auto; }

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px; }

.colorpicker.colorpicker-horizontal .colorpicker-bar {
  width: 100px; }

.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  width: 100px;
  height: 15px;
  float: left;
  cursor: col-resize;
  margin-left: 0px;
  margin-bottom: 4px; }

.colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide,
.colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide {
  display: block;
  height: 15px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  border: none;
  margin-top: 0; }

.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg=="); }

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII="); }

.colorpicker-right:before {
  left: auto;
  right: 6px; }

.colorpicker-right:after {
  left: auto;
  right: 7px; }

.colorpicker-no-arrow:before {
  border-right: 0;
  border-left: 0; }

.colorpicker-no-arrow:after {
  border-right: 0;
  border-left: 0; }

.colorpicker.colorpicker-visible,
.colorpicker-alpha.colorpicker-visible,
.colorpicker-saturation.colorpicker-visible,
.colorpicker-hue.colorpicker-visible,
.colorpicker-bar.colorpicker-visible {
  display: block; }

.colorpicker.colorpicker-hidden,
.colorpicker-alpha.colorpicker-hidden,
.colorpicker-saturation.colorpicker-hidden,
.colorpicker-hue.colorpicker-hidden,
.colorpicker-bar.colorpicker-hidden {
  display: none; }

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

/** EXTENSIONS **/
.colorpicker-preview {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=");
  background-position: 0 100%; }

.colorpicker-preview div {
  position: relative;
  width: 100%;
  height: 100%; }

.colorpicker-swatch {
  cursor: pointer;
  float: left;
  height: 12px;
  width: 12px; }

.colorpicker-swatch + .colorpicker-swatch {
  margin-left: 2px; }

/*# sourceMappingURL_DISABLED=bootstrap-colorpicker.css.map *//*
* File: https://raw.githubusercontent.com/andreruffert/rangeslider.js/v2.3.1/dist/rangeslider.css
 */

.rangeslider,
.rangeslider__fill {
  display: block;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.rangeslider {
  background: #e6e6e6;
  position: relative;
}

.rangeslider--horizontal {
  height: 20px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #00ff00;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  border-radius: 50%;
}
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
    box-sizing: border-box;
}

.tether-element {
    position: absolute;
    display: none;
}

.tether-element.tether-open {
    display: block;
}

.tether-element.tether-theme-arrows-dark {
    max-width: 100%;
    max-height: 100%;
}

.tether-element.tether-theme-arrows-dark .tether-content {
    border-radius: 5px;
    position: relative;
    font-family: inherit;
    background: #000;
    color: #fff;
    padding: 1em;
    font-size: 1.1em;
    line-height: 1.5em;
}

.tether-element.tether-theme-arrows-dark .tether-content:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 16px;
    border-style: solid;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-center .tether-content {
    margin-bottom: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-center .tether-content:before {
    top: 100%;
    left: 50%;
    margin-left: -16px;
    border-top-color: #000;
    border-bottom: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content {
    margin-top: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content:before {
    bottom: 100%;
    left: 50%;
    margin-left: -16px;
    border-bottom-color: #000;
    border-top: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content {
    margin-right: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content:before {
    left: 100%;
    top: 50%;
    margin-top: -16px;
    border-left-color: #000;
    border-right: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content {
    margin-left: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content:before {
    right: 100%;
    top: 50%;
    margin-top: -16px;
    border-right-color: #000;
    border-left: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-target-attached-center .tether-content {
    left: -32px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-target-attached-center .tether-content {
    left: 32px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-middle .tether-content {
    margin-top: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
    bottom: 100%;
    left: 16px;
    border-bottom-color: #000;
    border-top: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content {
    margin-top: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
    bottom: 100%;
    right: 16px;
    border-bottom-color: #000;
    border-top: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content {
    margin-bottom: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
    top: 100%;
    left: 16px;
    border-top-color: #000;
    border-bottom: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content {
    margin-bottom: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
    top: 100%;
    right: 16px;
    border-top-color: #000;
    border-bottom: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content {
    margin-top: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before {
    bottom: 100%;
    left: 16px;
    border-bottom-color: #000;
    border-top: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content {
    margin-top: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before {
    bottom: 100%;
    right: 16px;
    border-bottom-color: #000;
    border-top: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content {
    margin-bottom: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before {
    top: 100%;
    left: 16px;
    border-top-color: #000;
    border-bottom: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content {
    margin-bottom: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before {
    top: 100%;
    right: 16px;
    border-top-color: #000;
    border-bottom: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content {
    margin-right: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before {
    top: 16px;
    left: 100%;
    border-left-color: #000;
    border-right: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content {
    margin-left: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before {
    top: 16px;
    right: 100%;
    border-right-color: #000;
    border-left: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content {
    margin-right: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before {
    bottom: 16px;
    left: 100%;
    border-left-color: #000;
    border-right: 0;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content {
    margin-left: 16px;
}

.tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before {
    bottom: 16px;
    right: 100%;
    border-right-color: #000;
    border-left: 0;
}.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
    box-sizing: border-box;
}

.tether-element {
    position: absolute;
    display: none;
}

.tether-element.tether-open {
    display: block;
}

.tether-element.tether-theme-arrows {
    max-width: 100%;
    max-height: 100%;
}

.tether-element.tether-theme-arrows .tether-content {
    border-radius: 5px;
    position: relative;
    font-family: inherit;
    background: #fff;
    color: inherit;
    padding: 1em;
    font-size: 1.1em;
    line-height: 1.5em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
}

.tether-element.tether-theme-arrows .tether-content:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 16px;
    border-style: solid;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-center .tether-content {
    margin-bottom: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-center .tether-content:before {
    top: 100%;
    left: 50%;
    margin-left: -16px;
    border-top-color: #fff;
    border-bottom: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content {
    margin-top: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content:before {
    bottom: 100%;
    left: 50%;
    margin-left: -16px;
    border-bottom-color: #fff;
    border-top: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content {
    margin-right: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content:before {
    left: 100%;
    top: 50%;
    margin-top: -16px;
    border-left-color: #fff;
    border-right: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content {
    margin-left: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content:before {
    right: 100%;
    top: 50%;
    margin-top: -16px;
    border-right-color: #fff;
    border-left: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-left.tether-target-attached-center .tether-content {
    left: -32px;
}

.tether-element.tether-theme-arrows.tether-element-attached-right.tether-target-attached-center .tether-content {
    left: 32px;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-middle .tether-content {
    margin-top: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
    bottom: 100%;
    left: 16px;
    border-bottom-color: #fff;
    border-top: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content {
    margin-top: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
    bottom: 100%;
    right: 16px;
    border-bottom-color: #fff;
    border-top: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content {
    margin-bottom: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
    top: 100%;
    left: 16px;
    border-top-color: #fff;
    border-bottom: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content {
    margin-bottom: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
    top: 100%;
    right: 16px;
    border-top-color: #fff;
    border-bottom: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content {
    margin-top: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before {
    bottom: 100%;
    left: 16px;
    border-bottom-color: #fff;
    border-top: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content {
    margin-top: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before {
    bottom: 100%;
    right: 16px;
    border-bottom-color: #fff;
    border-top: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content {
    margin-bottom: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before {
    top: 100%;
    left: 16px;
    border-top-color: #fff;
    border-bottom: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content {
    margin-bottom: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before {
    top: 100%;
    right: 16px;
    border-top-color: #fff;
    border-bottom: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content {
    margin-right: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before {
    top: 16px;
    left: 100%;
    border-left-color: #fff;
    border-right: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content {
    margin-left: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before {
    top: 16px;
    right: 100%;
    border-right-color: #fff;
    border-left: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content {
    margin-right: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before {
    bottom: 16px;
    left: 100%;
    border-left-color: #fff;
    border-right: 0;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content {
    margin-left: 16px;
}

.tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before {
    bottom: 16px;
    right: 100%;
    border-right-color: #fff;
    border-left: 0;
}.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
    box-sizing: border-box;
}

.tether-element {
    position: absolute;
    display: none;
}

.tether-element.tether-open {
    display: block;
}

.tether-element.tether-theme-basic {
    max-width: 100%;
    max-height: 100%;
}

.tether-element.tether-theme-basic .tether-content {
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    font-family: inherit;
    background: #fff;
    color: inherit;
    padding: 1em;
    font-size: 1.1em;
    line-height: 1.5em;
}.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
    box-sizing: border-box;
}

.tether-element {
    position: absolute;
    display: none;
}

.tether-element.tether-open {
    display: block;
}:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #c81919;
  --orange: #fd7e14;
  --yellow: #d65500;
  --green: #0c9735;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6873a2;
  --gray-dark: #2d376d;
  --primary: #007bff;
  --secondary: #6873a2;
  --success: #0c9735;
  --info: #17a2b8;
  --warning: #d65500;
  --danger: #c81919;
  --light: #f0f3fa;
  --dark: #2d376d;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Gilroy", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(45, 55, 109, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: "Gilroy", sans-serif;
  font-size: 0.86rem;
  font-weight: 400;
  line-height: 1.5;
  color: #1b235a;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #0056b3;
    text-decoration: underline; }

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6873a2;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit;
  text-align: -webkit-match-parent; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus:not(:focus-visible) {
  outline: 0; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

[role="button"] {
  cursor: pointer; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #2d376d; }

h1, .h1 {
  font-size: 2.15rem; }

h2, .h2 {
  font-size: 1.72rem; }

h3, .h3 {
  font-size: 1.505rem; }

h4, .h4 {
  font-size: 1.29rem; }

h5, .h5 {
  font-size: 1.075rem; }

h6, .h6 {
  font-size: 0.86rem; }

.lead {
  font-size: 1.075rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(45, 55, 109, 0.1); }

small,
.small {
  font-size: 85%;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

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

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

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.075rem; }

.blockquote-footer {
  display: block;
  font-size: 85%;
  color: #6873a2; }
  .blockquote-footer::before {
    content: "\2014\00A0"; }

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px; } }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%; }

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%; }

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%; }

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%; }

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%; }

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%; }

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%; }

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%; }

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%; }

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.3333333333%; }

.offset-2 {
  margin-left: 16.6666666667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.3333333333%; }

.offset-5 {
  margin-left: 41.6666666667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.3333333333%; }

.offset-8 {
  margin-left: 66.6666666667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.3333333333%; }

.offset-11 {
  margin-left: 91.6666666667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.3333333333%; }
  .offset-sm-2 {
    margin-left: 16.6666666667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.3333333333%; }
  .offset-sm-5 {
    margin-left: 41.6666666667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.3333333333%; }
  .offset-sm-8 {
    margin-left: 66.6666666667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.3333333333%; }
  .offset-sm-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.3333333333%; }
  .offset-md-2 {
    margin-left: 16.6666666667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.3333333333%; }
  .offset-md-5 {
    margin-left: 41.6666666667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.3333333333%; }
  .offset-md-8 {
    margin-left: 66.6666666667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.3333333333%; }
  .offset-md-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.3333333333%; }
  .offset-lg-2 {
    margin-left: 16.6666666667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.3333333333%; }
  .offset-lg-5 {
    margin-left: 41.6666666667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.3333333333%; }
  .offset-lg-8 {
    margin-left: 66.6666666667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.3333333333%; }
  .offset-lg-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.3333333333%; }
  .offset-xl-2 {
    margin-left: 16.6666666667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.3333333333%; }
  .offset-xl-5 {
    margin-left: 41.6666666667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.3333333333%; }
  .offset-xl-8 {
    margin-left: 66.6666666667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.3333333333%; }
  .offset-xl-11 {
    margin-left: 91.6666666667%; } }

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 1.2rem + 2px);
  padding: 0.6rem 0.9rem;
  font-size: 0.86rem;
  font-weight: 400;
  line-height: 1.5;
  color: #485388;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #b5bdd9;
  border-radius: 0.22rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #485388; }
  .form-control:focus {
    color: #485388;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .form-control::-webkit-input-placeholder {
    color: #6873a2;
    opacity: 1; }
  .form-control::-ms-input-placeholder {
    color: #6873a2;
    opacity: 1; }
  .form-control::placeholder {
    color: #6873a2;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e0e6f6;
    opacity: 1; }

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

select.form-control:focus::-ms-value {
  color: #485388;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.col-form-label {
  padding-top: calc(0.6rem + 1px);
  padding-bottom: calc(0.6rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(0.7rem + 1px);
  padding-bottom: calc(0.7rem + 1px);
  font-size: 1.075rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.45rem + 1px);
  padding-bottom: calc(0.45rem + 1px);
  font-size: 0.7525rem;
  line-height: 1.5; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.6rem 0;
  margin-bottom: 0;
  font-size: 0.86rem;
  line-height: 1.5;
  color: #1b235a;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  height: calc(1.5em + 0.9rem + 2px);
  padding: 0.45rem 0.8rem;
  font-size: 0.7525rem;
  line-height: 1.5;
  border-radius: 0.18rem; }

.form-control-lg {
  height: calc(1.5em + 1.4rem + 2px);
  padding: 0.7rem 1.2rem;
  font-size: 1.075rem;
  line-height: 1.5;
  border-radius: 0.28rem; }

select.form-control[size], select.form-control[multiple] {
  height: auto; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input[disabled] ~ .form-check-label,
  .form-check-input:disabled ~ .form-check-label {
    color: #6873a2; }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 85%;
  color: #0c9735; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.7525rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(12, 151, 53, 0.9);
  border-radius: 0.22rem; }
  .form-row > .col > .valid-tooltip,
  .form-row > [class*="col-"] > .valid-tooltip {
    left: 5px; }

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #0c9735;
  padding-right: calc(1.5em + 1.2rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%230c9735' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.3rem) center;
  background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem); }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #0c9735;
    box-shadow: 0 0 0 0.2rem rgba(12, 151, 53, 0.25); }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 1.2rem);
  background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem); }

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #0c9735;
  padding-right: calc(0.75em + 2.8rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%232d376d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.9rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%230c9735' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.9rem/calc(0.75em + 0.6rem) calc(0.75em + 0.6rem) no-repeat; }
  .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: #0c9735;
    box-shadow: 0 0 0 0.2rem rgba(12, 151, 53, 0.25); }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #0c9735; }

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #0c9735; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #0c9735; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #10c646;
  background-color: #10c646; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(12, 151, 53, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #0c9735; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #0c9735; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #0c9735;
  box-shadow: 0 0 0 0.2rem rgba(12, 151, 53, 0.25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 85%;
  color: #c81919; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.7525rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(200, 25, 25, 0.9);
  border-radius: 0.22rem; }
  .form-row > .col > .invalid-tooltip,
  .form-row > [class*="col-"] > .invalid-tooltip {
    left: 5px; }

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #c81919;
  padding-right: calc(1.5em + 1.2rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23c81919' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23c81919' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.3rem) center;
  background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #c81919;
    box-shadow: 0 0 0 0.2rem rgba(200, 25, 25, 0.25); }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 1.2rem);
  background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem); }

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #c81919;
  padding-right: calc(0.75em + 2.8rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%232d376d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.9rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23c81919' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23c81919' stroke='none'/%3e%3c/svg%3e") center right 1.9rem/calc(0.75em + 0.6rem) calc(0.75em + 0.6rem) no-repeat; }
  .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #c81919;
    box-shadow: 0 0 0 0.2rem rgba(200, 25, 25, 0.25); }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #c81919; }

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #c81919; }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #c81919; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e52f2f;
  background-color: #e52f2f; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(200, 25, 25, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #c81919; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #c81919; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #c81919;
  box-shadow: 0 0 0 0.2rem rgba(200, 25, 25, 0.25); }

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 576px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group,
    .form-inline .custom-select {
      width: auto; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      align-items: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.btn {
  display: inline-block;
  font-weight: 400;
  color: #1b235a;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.6rem 0.9rem;
  font-size: 0.86rem;
  line-height: 1.5;
  border-radius: 0.22rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: #1b235a;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }
  .btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: #6873a2;
  border-color: #6873a2; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #57618d;
    border-color: #525c85; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #57618d;
    border-color: #525c85;
    box-shadow: 0 0 0 0.2rem rgba(127, 136, 176, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6873a2;
    border-color: #6873a2; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #525c85;
    border-color: #4d567d; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(127, 136, 176, 0.5); }

.btn-success {
  color: #fff;
  background-color: #0c9735;
  border-color: #0c9735; }
  .btn-success:hover {
    color: #fff;
    background-color: #097429;
    border-color: #086824; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #097429;
    border-color: #086824;
    box-shadow: 0 0 0 0.2rem rgba(48, 167, 83, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #0c9735;
    border-color: #0c9735; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #086824;
    border-color: #075c20; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(48, 167, 83, 0.5); }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning {
  color: #fff;
  background-color: #d65500;
  border-color: #d65500; }
  .btn-warning:hover {
    color: #fff;
    background-color: #b04600;
    border-color: #a34100; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #b04600;
    border-color: #a34100;
    box-shadow: 0 0 0 0.2rem rgba(220, 111, 38, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #fff;
    background-color: #d65500;
    border-color: #d65500; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #a34100;
    border-color: #963c00; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 111, 38, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #c81919;
  border-color: #c81919; }
  .btn-danger:hover {
    color: #fff;
    background-color: #a61515;
    border-color: #9b1313; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #a61515;
    border-color: #9b1313;
    box-shadow: 0 0 0 0.2rem rgba(208, 60, 60, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #c81919;
    border-color: #c81919; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #9b1313;
    border-color: #8f1212; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(208, 60, 60, 0.5); }

.btn-light {
  color: #1b235a;
  background-color: #f0f3fa;
  border-color: #f0f3fa; }
  .btn-light:hover {
    color: #1b235a;
    background-color: #d3dcf0;
    border-color: #cad4ed; }
  .btn-light:focus, .btn-light.focus {
    color: #1b235a;
    background-color: #d3dcf0;
    border-color: #cad4ed;
    box-shadow: 0 0 0 0.2rem rgba(208, 212, 226, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #1b235a;
    background-color: #f0f3fa;
    border-color: #f0f3fa; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #1b235a;
    background-color: #cad4ed;
    border-color: #c0cdea; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(208, 212, 226, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #2d376d;
  border-color: #2d376d; }
  .btn-dark:hover {
    color: #fff;
    background-color: #222952;
    border-color: #1e2549; }
  .btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #222952;
    border-color: #1e2549;
    box-shadow: 0 0 0 0.2rem rgba(77, 85, 131, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #2d376d;
    border-color: #2d376d; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1e2549;
    border-color: #1a2040; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(77, 85, 131, 0.5); }

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-secondary {
  color: #6873a2;
  border-color: #6873a2; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6873a2;
    border-color: #6873a2; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(104, 115, 162, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6873a2;
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6873a2;
    border-color: #6873a2; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(104, 115, 162, 0.5); }

.btn-outline-success {
  color: #0c9735;
  border-color: #0c9735; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #0c9735;
    border-color: #0c9735; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(12, 151, 53, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #0c9735;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #0c9735;
    border-color: #0c9735; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(12, 151, 53, 0.5); }

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning {
  color: #d65500;
  border-color: #d65500; }
  .btn-outline-warning:hover {
    color: #fff;
    background-color: #d65500;
    border-color: #d65500; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(214, 85, 0, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #d65500;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #d65500;
    border-color: #d65500; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(214, 85, 0, 0.5); }

.btn-outline-danger {
  color: #c81919;
  border-color: #c81919; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #c81919;
    border-color: #c81919; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(200, 25, 25, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #c81919;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #c81919;
    border-color: #c81919; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(200, 25, 25, 0.5); }

.btn-outline-light {
  color: #f0f3fa;
  border-color: #f0f3fa; }
  .btn-outline-light:hover {
    color: #1b235a;
    background-color: #f0f3fa;
    border-color: #f0f3fa; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 243, 250, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f0f3fa;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #1b235a;
    background-color: #f0f3fa;
    border-color: #f0f3fa; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(240, 243, 250, 0.5); }

.btn-outline-dark {
  color: #2d376d;
  border-color: #2d376d; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #2d376d;
    border-color: #2d376d; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(45, 55, 109, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #2d376d;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #2d376d;
    border-color: #2d376d; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(45, 55, 109, 0.5); }

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none; }
  .btn-link:hover {
    color: #0056b3;
    text-decoration: underline; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6873a2;
    pointer-events: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.7rem 1.2rem;
  font-size: 1.075rem;
  line-height: 1.5;
  border-radius: 0.28rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.45rem 0.8rem;
  font-size: 0.7525rem;
  line-height: 1.5;
  border-radius: 0.18rem; }

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap; }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent; }
  .dropdown-toggle:empty::after {
    margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.86rem;
  color: #1b235a;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(45, 55, 109, 0.15);
  border-radius: 0.22rem; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0; }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto; } }

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0; }
  .dropdown-menu-md-right {
    right: 0;
    left: auto; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0; }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0; }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto; } }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.dropleft .dropdown-toggle::after {
  display: none; }

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e0e6f6; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #1b235a;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #151b46;
    text-decoration: none;
    background-color: #e0e6f6; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #8f99bd;
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.7525rem;
  color: #6873a2;
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #1b235a; }

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #1b235a; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #cdd4ea; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #cdd4ea; }
  .table tbody + tbody {
    border-top: 2px solid #cdd4ea; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #cdd4ea; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #cdd4ea; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(45, 55, 109, 0.05); }

.table-hover tbody tr:hover {
  color: #1b235a;
  background-color: rgba(45, 55, 109, 0.075); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff; }

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff; }

.table-hover .table-primary:hover {
  background-color: #9fcdff; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #9fcdff; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d5d8e5; }

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b0b6cf; }

.table-hover .table-secondary:hover {
  background-color: #c5c9db; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #c5c9db; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #bbe2c6; }

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #81c996; }

.table-hover .table-success:hover {
  background-color: #a9dab7; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #a9dab7; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb; }

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda; }

.table-hover .table-info:hover {
  background-color: #abdde5; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #abdde5; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #f4cfb8; }

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #eaa77a; }

.table-hover .table-warning:hover {
  background-color: #f1c0a2; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #f1c0a2; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f0bfbf; }

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #e28787; }

.table-hover .table-danger:hover {
  background-color: #ebaaaa; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #ebaaaa; }

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fbfcfe; }

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #f7f9fc; }

.table-hover .table-light:hover {
  background-color: #e7edf9; }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #e7edf9; }

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c4c7d6; }

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #9297b3; }

.table-hover .table-dark:hover {
  background-color: #b5b9cc; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #b5b9cc; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(45, 55, 109, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(38, 46, 91, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(38, 46, 91, 0.075); }

.table .thead-dark th {
  color: #fff;
  background-color: #2d376d;
  border-color: #384588; }

.table .thead-light th {
  color: #485388;
  background-color: #e0e6f6;
  border-color: #cdd4ea; }

.table-dark {
  color: #fff;
  background-color: #2d376d; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #384588; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-sm > .table-bordered {
      border: 0; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-md > .table-bordered {
      border: 0; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-lg > .table-bordered {
      border: 0; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-xl > .table-bordered {
      border: 0; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .table-responsive > .table-bordered {
    border: 0; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      z-index: 1; }
    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px; }

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

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 0.675rem;
  padding-left: 0.675rem; }
  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropright .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropleft .dropdown-toggle-split::before {
    margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.6rem;
  padding-left: 0.6rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.9rem;
  padding-left: 0.9rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0; }
  .btn-group-toggle > .btn input[type="radio"],
  .btn-group-toggle > .btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .form-control-plaintext + .form-control,
    .input-group > .form-control-plaintext + .custom-select,
    .input-group > .form-control-plaintext + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  .input-group:not(.has-validation) > .form-control:not(:last-child),
  .input-group:not(.has-validation) > .custom-select:not(:last-child),
  .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group.has-validation > .form-control:nth-last-child(n + 3),
  .input-group.has-validation > .custom-select:nth-last-child(n + 3),
  .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.6rem 0.9rem;
  margin-bottom: 0;
  font-size: 0.86rem;
  font-weight: 400;
  line-height: 1.5;
  color: #485388;
  text-align: center;
  white-space: nowrap;
  background-color: #e0e6f6;
  border: 1px solid #b5bdd9;
  border-radius: 0.22rem; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1.4rem + 2px); }

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.7rem 1.2rem;
  font-size: 1.075rem;
  line-height: 1.5;
  border-radius: 0.28rem; }

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.9rem + 2px); }

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.45rem 0.8rem;
  font-size: 0.7525rem;
  line-height: 1.5;
  border-radius: 0.18rem; }

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.9rem; }

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.29rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
          color-adjust: exact; }

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem; }

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.145rem;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff; }
  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff; }
  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff; }
  .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
    color: #6873a2; }
    .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
      background-color: #e0e6f6; }

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top; }
  .custom-control-label::before {
    position: absolute;
    top: 0.145rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #8f99bd solid 1px; }
  .custom-control-label::after {
    position: absolute;
    top: 0.145rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50% / 50% 50% no-repeat; }

.custom-checkbox .custom-control-label::before {
  border-radius: 0.22rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5); }

.custom-radio .custom-control-label::before {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5); }

.custom-switch {
  padding-left: 2.25rem; }
  .custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem; }
  .custom-switch .custom-control-label::after {
    top: calc(0.145rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #8f99bd;
    border-radius: 0.5rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .custom-switch .custom-control-label::after {
        transition: none; } }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(0.75rem);
            transform: translateX(0.75rem); }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5); }

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1.2rem + 2px);
  padding: 0.6rem 1.9rem 0.6rem 0.9rem;
  font-size: 0.86rem;
  font-weight: 400;
  line-height: 1.5;
  color: #485388;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%232d376d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.9rem center/8px 10px no-repeat;
  border: 1px solid #b5bdd9;
  border-radius: 0.22rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .custom-select:focus::-ms-value {
      color: #485388;
      background-color: #fff; }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.9rem;
    background-image: none; }
  .custom-select:disabled {
    color: #6873a2;
    background-color: #e0e6f6; }
  .custom-select::-ms-expand {
    display: none; }
  .custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #485388; }

.custom-select-sm {
  height: calc(1.5em + 0.9rem + 2px);
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  padding-left: 0.8rem;
  font-size: 0.7525rem; }

.custom-select-lg {
  height: calc(1.5em + 1.4rem + 2px);
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 1.2rem;
  font-size: 1.075rem; }

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1.2rem + 2px);
  margin-bottom: 0; }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 1.2rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .custom-file-input[disabled] ~ .custom-file-label,
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e0e6f6; }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }
  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse); }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 1.2rem + 2px);
  padding: 0.6rem 0.9rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #485388;
  background-color: #fff;
  border: 1px solid #b5bdd9;
  border-radius: 0.22rem; }
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 1.2rem);
    padding: 0.6rem 0.9rem;
    line-height: 1.5;
    color: #485388;
    content: "Browse";
    background-color: #e0e6f6;
    border-left: inherit;
    border-radius: 0 0.22rem 0.22rem 0; }

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .custom-range:focus {
    outline: 0; }
    .custom-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .custom-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .custom-range:focus::-ms-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .custom-range::-moz-focus-outer {
    border: 0; }
  .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
            appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-webkit-slider-thumb {
        transition: none; } }
    .custom-range::-webkit-slider-thumb:active {
      background-color: #b3d7ff; }
  .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #cdd4ea;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
         appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-moz-range-thumb {
        transition: none; } }
    .custom-range::-moz-range-thumb:active {
      background-color: #b3d7ff; }
  .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #cdd4ea;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-ms-thumb {
        transition: none; } }
    .custom-range::-ms-thumb:active {
      background-color: #b3d7ff; }
  .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem; }
  .custom-range::-ms-fill-lower {
    background-color: #cdd4ea;
    border-radius: 1rem; }
  .custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #cdd4ea;
    border-radius: 1rem; }
  .custom-range:disabled::-webkit-slider-thumb {
    background-color: #8f99bd; }
  .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default; }
  .custom-range:disabled::-moz-range-thumb {
    background-color: #8f99bd; }
  .custom-range:disabled::-moz-range-track {
    cursor: default; }
  .custom-range:disabled::-ms-thumb {
    background-color: #8f99bd; }

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      transition: none; } }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(45, 55, 109, 0.125);
  border-radius: 0.22rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group {
    border-top: inherit;
    border-bottom: inherit; }
    .card > .list-group:first-child {
      border-top-width: 0;
      border-top-left-radius: calc(0.22rem - 1px);
      border-top-right-radius: calc(0.22rem - 1px); }
    .card > .list-group:last-child {
      border-bottom-width: 0;
      border-bottom-right-radius: calc(0.22rem - 1px);
      border-bottom-left-radius: calc(0.22rem - 1px); }
  .card > .card-header + .list-group,
  .card > .list-group + .card-footer {
    border-top: 0; }

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(45, 55, 109, 0.03);
  border-bottom: 1px solid rgba(45, 55, 109, 0.125); }
  .card-header:first-child {
    border-radius: calc(0.22rem - 1px) calc(0.22rem - 1px) 0 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(45, 55, 109, 0.03);
  border-top: 1px solid rgba(45, 55, 109, 0.125); }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.22rem - 1px) calc(0.22rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.22rem - 1px); }

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%; }

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.22rem - 1px);
  border-top-right-radius: calc(0.22rem - 1px); }

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.22rem - 1px);
  border-bottom-left-radius: calc(0.22rem - 1px); }

.card-deck .card {
  margin-bottom: 15px; }

@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .card-deck .card {
      flex: 1 0 0%;
      margin-right: 15px;
      margin-bottom: 0;
      margin-left: 15px; } }

.card-group > .card {
  margin-bottom: 15px; }

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap; }
    .card-group > .card {
      flex: 1 0 0%;
      margin-bottom: 0; }
      .card-group > .card + .card {
        margin-left: 0;
        border-left: 0; }
      .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-top,
        .card-group > .card:not(:last-child) .card-header {
          border-top-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-bottom,
        .card-group > .card:not(:last-child) .card-footer {
          border-bottom-right-radius: 0; }
      .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-top,
        .card-group > .card:not(:first-child) .card-header {
          border-top-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-bottom,
        .card-group > .card:not(:first-child) .card-footer {
          border-bottom-left-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.accordion {
  overflow-anchor: none; }
  .accordion > .card {
    overflow: hidden; }
    .accordion > .card:not(:last-of-type) {
      border-bottom: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }
    .accordion > .card:not(:first-of-type) {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    .accordion > .card > .card-header {
      border-radius: 0;
      margin-bottom: -1px; }

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.22rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .badge {
      transition: none; } }
  a.badge:hover, a.badge:focus {
    text-decoration: none; }
  .badge:empty {
    display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.badge-primary {
  color: #fff;
  background-color: #007bff; }
  a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc; }
  a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.badge-secondary {
  color: #fff;
  background-color: #6873a2; }
  a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #525c85; }
  a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(104, 115, 162, 0.5); }

.badge-success {
  color: #fff;
  background-color: #0c9735; }
  a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #086824; }
  a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(12, 151, 53, 0.5); }

.badge-info {
  color: #fff;
  background-color: #17a2b8; }
  a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b; }
  a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.badge-warning {
  color: #fff;
  background-color: #d65500; }
  a.badge-warning:hover, a.badge-warning:focus {
    color: #fff;
    background-color: #a34100; }
  a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(214, 85, 0, 0.5); }

.badge-danger {
  color: #fff;
  background-color: #c81919; }
  a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #9b1313; }
  a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(200, 25, 25, 0.5); }

.badge-light {
  color: #1b235a;
  background-color: #f0f3fa; }
  a.badge-light:hover, a.badge-light:focus {
    color: #1b235a;
    background-color: #cad4ed; }
  a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(240, 243, 250, 0.5); }

.badge-dark {
  color: #fff;
  background-color: #2d376d; }
  a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1e2549; }
  a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(45, 55, 109, 0.5); }

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.22rem; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible {
  padding-right: 3.79rem; }
  .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.75rem 1.25rem;
    color: inherit; }

.alert-primary {
  color: #165ab9;
  background-color: #cce5ff;
  border-color: #b8daff; }
  .alert-primary hr {
    border-top-color: #9fcdff; }
  .alert-primary .alert-link {
    color: #11448b; }

.alert-secondary {
  color: #4c5689;
  background-color: #e1e3ec;
  border-color: #d5d8e5; }
  .alert-secondary hr {
    border-top-color: #c5c9db; }
  .alert-secondary .alert-link {
    color: #3a4168; }

.alert-success {
  color: #1c6950;
  background-color: #ceead7;
  border-color: #bbe2c6; }
  .alert-success hr {
    border-top-color: #a9dab7; }
  .alert-success .alert-link {
    color: #114131; }

.alert-info {
  color: #226f94;
  background-color: #d1ecf1;
  border-color: #bee5eb; }
  .alert-info hr {
    border-top-color: #abdde5; }
  .alert-info .alert-link {
    color: #18506b; }

.alert-warning {
  color: #854734;
  background-color: #f7ddcc;
  border-color: #f4cfb8; }
  .alert-warning hr {
    border-top-color: #f1c0a2; }
  .alert-warning .alert-link {
    color: #603326; }

.alert-danger {
  color: #7e2741;
  background-color: #f4d1d1;
  border-color: #f0bfbf; }
  .alert-danger hr {
    border-top-color: #ebaaaa; }
  .alert-danger .alert-link {
    color: #571b2d; }

.alert-light {
  color: #9299b6;
  background-color: #fcfdfe;
  border-color: #fbfcfe; }
  .alert-light hr {
    border-top-color: #e7edf9; }
  .alert-light .alert-link {
    color: #737ca2; }

.alert-dark {
  color: #2d376d;
  background-color: #d5d7e2;
  border-color: #c4c7d6; }
  .alert-dark hr {
    border-top-color: #b5b9cc; }
  .alert-dark .alert-link {
    color: #1e2549; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.645rem;
  background-color: #e0e6f6;
  border-radius: 0.22rem; }

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
          animation: 1s linear infinite progress-bar-stripes; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      -webkit-animation: none;
              animation: none; } }

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.22rem; }

.list-group-item-action {
  width: 100%;
  color: #485388;
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: #485388;
    text-decoration: none;
    background-color: #f0f3fa; }
  .list-group-item-action:active {
    color: #1b235a;
    background-color: #e0e6f6; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(45, 55, 109, 0.125); }
  .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit; }
  .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: #6873a2;
    pointer-events: none;
    background-color: #fff; }
  .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .list-group-item + .list-group-item {
    border-top-width: 0; }
    .list-group-item + .list-group-item.active {
      margin-top: -1px;
      border-top-width: 1px; }

.list-group-horizontal {
  flex-direction: row; }
  .list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: 0.22rem;
    border-top-right-radius: 0; }
  .list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: 0.22rem;
    border-bottom-left-radius: 0; }
  .list-group-horizontal > .list-group-item.active {
    margin-top: 0; }
  .list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0; }
    .list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px; }

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm > .list-group-item:first-child {
      border-bottom-left-radius: 0.22rem;
      border-top-right-radius: 0; }
    .list-group-horizontal-sm > .list-group-item:last-child {
      border-top-right-radius: 0.22rem;
      border-bottom-left-radius: 0; }
    .list-group-horizontal-sm > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-sm > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0; }
      .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px; } }

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row; }
    .list-group-horizontal-md > .list-group-item:first-child {
      border-bottom-left-radius: 0.22rem;
      border-top-right-radius: 0; }
    .list-group-horizontal-md > .list-group-item:last-child {
      border-top-right-radius: 0.22rem;
      border-bottom-left-radius: 0; }
    .list-group-horizontal-md > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-md > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0; }
      .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px; } }

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg > .list-group-item:first-child {
      border-bottom-left-radius: 0.22rem;
      border-top-right-radius: 0; }
    .list-group-horizontal-lg > .list-group-item:last-child {
      border-top-right-radius: 0.22rem;
      border-bottom-left-radius: 0; }
    .list-group-horizontal-lg > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-lg > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0; }
      .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px; } }

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl > .list-group-item:first-child {
      border-bottom-left-radius: 0.22rem;
      border-top-right-radius: 0; }
    .list-group-horizontal-xl > .list-group-item:last-child {
      border-top-right-radius: 0.22rem;
      border-bottom-left-radius: 0; }
    .list-group-horizontal-xl > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-xl > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0; }
      .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px; } }

.list-group-flush {
  border-radius: 0; }
  .list-group-flush > .list-group-item {
    border-width: 0 0 1px; }
    .list-group-flush > .list-group-item:last-child {
      border-bottom-width: 0; }

.list-group-item-primary {
  color: #165ab9;
  background-color: #b8daff; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #165ab9;
    background-color: #9fcdff; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #165ab9;
    border-color: #165ab9; }

.list-group-item-secondary {
  color: #4c5689;
  background-color: #d5d8e5; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #4c5689;
    background-color: #c5c9db; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #4c5689;
    border-color: #4c5689; }

.list-group-item-success {
  color: #1c6950;
  background-color: #bbe2c6; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #1c6950;
    background-color: #a9dab7; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #1c6950;
    border-color: #1c6950; }

.list-group-item-info {
  color: #226f94;
  background-color: #bee5eb; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #226f94;
    background-color: #abdde5; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #226f94;
    border-color: #226f94; }

.list-group-item-warning {
  color: #854734;
  background-color: #f4cfb8; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #854734;
    background-color: #f1c0a2; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #854734;
    border-color: #854734; }

.list-group-item-danger {
  color: #7e2741;
  background-color: #f0bfbf; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #7e2741;
    background-color: #ebaaaa; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #7e2741;
    border-color: #7e2741; }

.list-group-item-light {
  color: #9299b6;
  background-color: #fbfcfe; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #9299b6;
    background-color: #e7edf9; }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #9299b6;
    border-color: #9299b6; }

.list-group-item-dark {
  color: #2d376d;
  background-color: #c4c7d6; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #2d376d;
    background-color: #b5b9cc; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #2d376d;
    border-color: #2d376d; }

.close {
  float: right;
  font-size: 1.29rem;
  font-weight: 700;
  line-height: 1;
  color: #2d376d;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:hover {
    color: #2d376d;
    text-decoration: none; }
  .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0; }

a.close.disabled {
  pointer-events: none; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    -webkit-transform: none;
            transform: none; }
  .modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
            transform: scale(1.02); }

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""; }
  .modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(45, 55, 109, 0.2);
  border-radius: 0.28rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #2d376d; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #cdd4ea;
  border-top-left-radius: calc(0.28rem - 1px);
  border-top-right-radius: calc(0.28rem - 1px); }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #cdd4ea;
  border-bottom-right-radius: calc(0.28rem - 1px);
  border-bottom-left-radius: calc(0.28rem - 1px); }
  .modal-footer > * {
    margin: 0.25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem);
      height: -webkit-min-content;
      height: -moz-min-content;
      height: min-content; }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: #6873a2;
    pointer-events: none;
    cursor: default; }

.nav-tabs {
  border-bottom: 1px solid #cdd4ea; }
  .nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: 0.22rem;
    border-top-right-radius: 0.22rem; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #e0e6f6 #e0e6f6 #cdd4ea; }
    .nav-tabs .nav-link.disabled {
      color: #6873a2;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #485388;
    background-color: #fff;
    border-color: #cdd4ea #cdd4ea #fff; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 0.22rem; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff; }

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .navbar .container,
  .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.33875rem;
  padding-bottom: 0.33875rem;
  margin-right: 1rem;
  font-size: 1.075rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.075rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.22rem; }
  .navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50% / 100% 100% no-repeat; }

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto; }

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-nav-scroll {
    overflow: visible; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }

.navbar-light .navbar-brand {
  color: rgba(45, 55, 109, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(45, 55, 109, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(45, 55, 109, 0.5); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(45, 55, 109, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(45, 55, 109, 0.3); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(45, 55, 109, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(45, 55, 109, 0.5);
  border-color: rgba(45, 55, 109, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2845, 55, 109, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text {
  color: rgba(45, 55, 109, 0.5); }
  .navbar-light .navbar-text a {
    color: rgba(45, 55, 109, 0.9); }
    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
      color: rgba(45, 55, 109, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Gilroy", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.7525rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 0.9; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #2d376d; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #2d376d; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #2d376d; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #2d376d; }

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #2d376d;
  border-radius: 0.22rem; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Gilroy", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.7525rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(45, 55, 109, 0.2);
  border-radius: 0.28rem; }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.28rem; }
    .popover .arrow::before, .popover .arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc(-0.5rem - 1px); }
    .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
      bottom: 0;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: rgba(45, 55, 109, 0.25); }
    .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
      bottom: 1px;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }
  .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.28rem 0; }
    .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
      left: 0;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: rgba(45, 55, 109, 0.25); }
    .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
      left: 1px;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }
  .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc(-0.5rem - 1px); }
    .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
      top: 0;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: rgba(45, 55, 109, 0.25); }
    .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
      top: 1px;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: #fff; }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }
  .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.28rem 0; }
    .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
      right: 0;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: rgba(45, 55, 109, 0.25); }
    .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
      right: 1px;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: #fff; }

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.86rem;
  color: #2d376d;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.28rem - 1px);
  border-top-right-radius: calc(0.28rem - 1px); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #1b235a; }

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

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

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

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

.align-text-bottom {
  vertical-align: text-bottom !important; }

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

.bg-primary {
  background-color: #007bff !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important; }

.bg-secondary {
  background-color: #6873a2 !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #525c85 !important; }

.bg-success {
  background-color: #0c9735 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #086824 !important; }

.bg-info {
  background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important; }

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

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #a34100 !important; }

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

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #9b1313 !important; }

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

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #cad4ed !important; }

.bg-dark {
  background-color: #2d376d !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1e2549 !important; }

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

.bg-transparent {
  background-color: transparent !important; }

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

.border-top {
  border-top: 1px solid #cdd4ea !important; }

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

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

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

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

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #007bff !important; }

.border-secondary {
  border-color: #6873a2 !important; }

.border-success {
  border-color: #0c9735 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-warning {
  border-color: #d65500 !important; }

.border-danger {
  border-color: #c81919 !important; }

.border-light {
  border-color: #f0f3fa !important; }

.border-dark {
  border-color: #2d376d !important; }

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

.rounded-sm {
  border-radius: 0.18rem !important; }

.rounded {
  border-radius: 0.22rem !important; }

.rounded-top {
  border-top-left-radius: 0.22rem !important;
  border-top-right-radius: 0.22rem !important; }

.rounded-right {
  border-top-right-radius: 0.22rem !important;
  border-bottom-right-radius: 0.22rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.22rem !important;
  border-bottom-left-radius: 0.22rem !important; }

.rounded-left {
  border-top-left-radius: 0.22rem !important;
  border-bottom-left-radius: 0.22rem !important; }

.rounded-lg {
  border-radius: 0.28rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

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

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

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

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

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

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex, .toastr-container .toastr {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

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

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

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

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

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

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

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

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

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

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

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

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

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

.align-items-center, .toastr-container .toastr {
  align-items: center !important; }

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

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

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

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

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

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

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

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

.align-self-auto {
  align-self: auto !important; }

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

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

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

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

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

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
      -ms-user-select: all !important;
          user-select: all !important; }

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important; }

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important; }

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

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

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(45, 55, 109, 0.075) !important; }

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(45, 55, 109, 0.15) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(45, 55, 109, 0.175) !important; }

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

.w-25 {
  width: 25% !important; }

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

.w-75 {
  width: 75% !important; }

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

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

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

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

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

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.m-0, .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .user-name {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2,
.vlc-search-input .section-container {
  margin-top: 0.5rem !important; }

.mr-2, .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .visitor-avatar,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2, .vlc-search-input .section-container .section-title, .signup-page .signup-form .form-wrapper .form-header,
.my-2,
.vlc-search-input .section-container {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4, .signup-page .signup-form .form-wrapper .form-desc,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1,
.livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .department {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1,
.livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .department {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2,
.dropdown-item {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2,
.livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .department {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2,
.dropdown-item {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2,
.livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .department {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3,
.vlc-search-input .section-container .section-title,
.dropdown-item {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3,
.vlc-search-input .section-container .section-title,
.dropdown-item {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0); }

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

.text-justify {
  text-align: justify !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

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

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

.text-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

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

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

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

.text-primary {
  color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important; }

.text-secondary {
  color: #6873a2 !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #485175 !important; }

.text-success {
  color: #0c9735 !important; }

a.text-success:hover, a.text-success:focus {
  color: #06501c !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important; }

.text-warning {
  color: #d65500 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #8a3700 !important; }

.text-danger {
  color: #c81919 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #841111 !important; }

.text-light {
  color: #f0f3fa !important; }

a.text-light:hover, a.text-light:focus {
  color: #b7c5e7 !important; }

.text-dark {
  color: #2d376d !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #171c37 !important; }

.text-body {
  color: #1b235a !important; }

.text-muted, .vlc-search-input .section-container .section-title, .dashboard-page .el-tablo .label, .realtime-dashboard .el-tablo .label, .realtime .el-tablo .label, .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .custom-field-list,
.app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .custom-field-list,
.app-visitorchats .full-chat-w .full-chat-i .full-chat-right .custom-field-list, .plan.disabled {
  color: #6873a2 !important; }

.text-black-50 {
  color: rgba(45, 55, 109, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

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

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

.text-reset {
  color: inherit !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
  .daterangepicker.opensleft:before {
    right: 9px; }
  .daterangepicker.opensleft:after {
    right: 10px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 9px; }
  .daterangepicker.opensright:after {
    left: 10px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -7px;
      border-bottom: initial;
      border-top: 7px solid #ccc; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #fff; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      min-width: 32px; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background-color: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background-color: #eee;
      border-color: transparent;
      color: inherit; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #1854f1;
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
    .daterangepicker .input-mini.active {
      border: 1px solid #08c;
      border-radius: 4px; }
  .daterangepicker .daterangepicker_input {
    position: relative; }
    .daterangepicker .daterangepicker_input i {
      position: absolute;
      left: 8px;
      top: 8px; }
  .daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px; }
  .daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed; }

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer; }
    .ranges li:hover {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }
    .ranges li.active {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 160px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px; }
      .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px; }
      .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
        text-align: right;
        float: right; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .calendar.left {
    clear: none !important; } }

.select2-container--bootstrap4 {
  display: block; }
  .select2-container--bootstrap4 .select2-selection {
    background-color: #fff;
    border: 1px solid #b5bdd9;
    border-radius: 0.22rem;
    color: #485388;
    font-size: 0.86rem;
    outline: 0; }
    .select2-container--bootstrap4 .select2-selection.form-control {
      border-radius: 0.22rem; }
  .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field {
    background-color: #fff;
    border: 1px solid #b5bdd9;
    border-radius: 0.22rem;
    color: #485388;
    font-size: 0.86rem; }
  .select2-container--bootstrap4 .select2-search__field {
    outline: 0; }
    .select2-container--bootstrap4 .select2-search__field::-webkit-input-placeholder {
      color: #6873a2; }
    .select2-container--bootstrap4 .select2-search__field:-moz-placeholder {
      color: #6873a2; }
    .select2-container--bootstrap4 .select2-search__field::-moz-placeholder {
      color: #6873a2;
      opacity: 1; }
    .select2-container--bootstrap4 .select2-search__field:-ms-input-placeholder {
      color: #6873a2; }
  .select2-container--bootstrap4 .select2-results__option {
    padding: 0.9rem 0.6rem;
    font-size: 0.86rem; }
    .select2-container--bootstrap4 .select2-results__option[role=group] {
      padding: 0; }
    .select2-container--bootstrap4 .select2-results__option[aria-disabled=true] {
      color: #8f99bd;
      cursor: not-allowed; }
    .select2-container--bootstrap4 .select2-results__option[aria-selected=true] {
      background-color: #e0e6f6;
      color: #151b46; }
    .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
      background-color: #007bff;
      color: #fff; }
    .select2-container--bootstrap4 .select2-results__option .select2-results__option {
      padding: 0.9rem 0.6rem; }
      .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0; }
      .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -0.6rem;
        padding-left: 1.2rem; }
        .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -1.2rem;
          padding-left: 1.8rem; }
          .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -1.8rem;
            padding-left: 2.4rem; }
            .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
              margin-left: -2.4rem;
              padding-left: 3rem; }
              .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3rem;
                padding-left: 3.6rem; }
  .select2-container--bootstrap4 .select2-results__group {
    color: #6873a2;
    display: block;
    padding: 0.9rem 0.6rem;
    font-size: 0.7525rem;
    line-height: 1;
    white-space: nowrap; }
  .select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--open .select2-selection {
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-color: #80bdff; }
    @media (prefers-reduced-motion: reduce) {
      .select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--open .select2-selection {
        transition: none; } }
  .select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: transparent transparent #6873a2 transparent;
    border-width: 0 0.25rem 0.25rem 0.25rem; }
  .select2-container--bootstrap4.select2-container--open.select2-container--below .select2-selection {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-color: transparent; }
  .select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-color: transparent; }
  .select2-container--bootstrap4 .select2-selection__clear {
    color: #6873a2;
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
    .select2-container--bootstrap4 .select2-selection__clear:hover {
      color: #2d376d; }
  .select2-container--bootstrap4.select2-container--disabled .select2-selection {
    border-color: #b5bdd9; }
  .select2-container--bootstrap4.select2-container--disabled .select2-selection,
  .select2-container--bootstrap4.select2-container--disabled .select2-search__field {
    cursor: not-allowed; }
  .select2-container--bootstrap4.select2-container--disabled .select2-selection,
  .select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #e0e6f6; }
  .select2-container--bootstrap4.select2-container--disabled .select2-selection__clear,
  .select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
    display: none; }
  .select2-container--bootstrap4 .select2-dropdown {
    border-color: #80bdff;
    border-width: 1px;
    overflow-x: hidden;
    margin-top: -1px; }
    .select2-container--bootstrap4 .select2-dropdown--above {
      margin-top: 1px; }
  .select2-container--bootstrap4 .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }
  .select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.5em + 1.2rem + 2px);
    line-height: 1;
    padding: 0.9rem 1.35rem 0.9rem 0.6rem; }
    .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
      position: absolute;
      bottom: 0;
      right: 0.6rem;
      top: 0;
      width: 0.25rem; }
      .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
        border-color: #6873a2 transparent transparent transparent;
        border-style: solid;
        border-width: 0.25rem 0.25rem 0 0.25rem;
        height: 0;
        left: 0;
        margin-left: -0.25rem;
        margin-top: -0.125rem;
        position: absolute;
        top: 50%;
        width: 0; }
    .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
      color: #485388;
      padding: 0; }
    .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
      color: #6873a2; }
  .select2-container--bootstrap4 .select2-selection--multiple {
    min-height: calc(1.5em + 1.2rem + 2px);
    padding: 0;
    height: auto; }
    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
      box-sizing: border-box;
      display: block;
      line-height: 1;
      list-style: none;
      margin: 0;
      overflow: hidden;
      padding: 0.9rem 0.6rem 0 0.9rem;
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__placeholder {
      color: #6873a2;
      float: left;
      margin-top: 5px; }
    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
      color: #485388;
      background: transparent;
      border: 1px solid #2d376d;
      border-radius: 0.22rem;
      cursor: default;
      float: left;
      margin: -0.1rem 0 0 0.3rem;
      padding: 0 0.9rem; }
    .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field {
      background: transparent;
      padding: 0 0.6rem;
      height: calc(1.5em + 1.2rem + 2px)-2;
      line-height: 1;
      margin-top: 0;
      min-width: 5em; }
    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
      color: #6873a2;
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      margin-right: 0.45rem; }
      .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #2d376d; }
    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear {
      margin-top: 0.9rem; }
  .select2-container--bootstrap4 .select2-selection--single.input-sm,
  .input-group-sm .select2-container--bootstrap4 .select2-selection--single,
  .form-group-sm .select2-container--bootstrap4 .select2-selection--single {
    border-radius: 0.18rem;
    font-size: 0.7525rem;
    height: calc(1.5em + 0.9rem + 2px);
    line-height: 1;
    padding: 0.8rem 1.2rem 0.8rem 0.45rem; }
    .select2-container--bootstrap4 .select2-selection--single.input-sm .select2-selection__arrow b,
    .input-group-sm .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b,
    .form-group-sm .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
      margin-left: -0.8rem; }
  .select2-container--bootstrap4 .select2-selection--multiple.input-sm,
  .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple,
  .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple {
    min-height: calc(1.5em + 0.9rem + 2px);
    border-radius: 0.18rem; }
    .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__rendered,
    .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered,
    .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
      padding: 0.8rem 0.45rem 0 0.8rem; }
    .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__choice,
    .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice,
    .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
      font-size: 0.7525rem;
      line-height: 1;
      margin: 0 0 0 0.225rem;
      padding: 0 0.8rem; }
    .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
    .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field,
    .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field {
      padding: 0 0.45rem;
      font-size: 0.7525rem;
      height: calc(1.5em + 0.9rem + 2px)-2;
      line-height: 1; }
    .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__clear,
    .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear,
    .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear {
      margin-top: 0.8rem; }
  .select2-container--bootstrap4 .select2-selection--single.input-lg,
  .input-group-lg .select2-container--bootstrap4 .select2-selection--single,
  .form-group-lg .select2-container--bootstrap4 .select2-selection--single {
    border-radius: 0.28rem;
    font-size: 1.075rem;
    height: calc(1.5em + 1.4rem + 2px);
    line-height: 1;
    padding: 1.2rem 1.6375rem 1.2rem 0.7rem; }
    .select2-container--bootstrap4 .select2-selection--single.input-lg .select2-selection__arrow,
    .input-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow,
    .form-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
      width: 0.3125rem; }
      .select2-container--bootstrap4 .select2-selection--single.input-lg .select2-selection__arrow b,
      .input-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b,
      .form-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
        border-width: 0.3125rem 0.3125rem 0 0.3125rem;
        margin-left: -0.3125rem;
        margin-left: -1.2rem;
        margin-top: -0.15625rem; }
  .select2-container--bootstrap4 .select2-selection--multiple.input-lg,
  .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple,
  .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple {
    min-height: calc(1.5em + 1.4rem + 2px);
    border-radius: 0.28rem; }
    .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-selection__choice,
    .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice,
    .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
      font-size: 1.075rem;
      line-height: 1;
      border-radius: 0.22rem;
      margin: 0.2rem 0 0 0.35rem;
      padding: 0 1.2rem; }
    .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
    .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field,
    .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field {
      padding: 0 0.7rem;
      font-size: 1.075rem;
      height: calc(1.5em + 1.4rem + 2px)-2;
      line-height: 1; }
    .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-selection__clear,
    .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear,
    .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear {
      margin-top: 1.2rem; }
  .select2-container--bootstrap4 .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #6873a2 transparent;
    border-width: 0 0.3125rem 0.3125rem 0.3125rem; }
  .input-group-lg .select2-container--bootstrap4 .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #6873a2 transparent;
    border-width: 0 0.3125rem 0.3125rem 0.3125rem; }
  .select2-container--bootstrap4[dir="rtl"] .select2-selection--single {
    padding-left: 1.35rem;
    padding-right: 0.6rem; }
    .select2-container--bootstrap4[dir="rtl"] .select2-selection--single .select2-selection__rendered {
      padding-right: 0;
      padding-left: 0;
      text-align: right; }
    .select2-container--bootstrap4[dir="rtl"] .select2-selection--single .select2-selection__clear {
      float: left; }
    .select2-container--bootstrap4[dir="rtl"] .select2-selection--single .select2-selection__arrow {
      left: 0.6rem;
      right: auto; }
      .select2-container--bootstrap4[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
        margin-left: 0; }
  .select2-container--bootstrap4[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
  .select2-container--bootstrap4[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
  .select2-container--bootstrap4[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right; }
  .select2-container--bootstrap4[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 0;
    margin-right: 0.3rem; }
  .select2-container--bootstrap4[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }

.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #d65500; }

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  border-color: #a34100; }

.has-warning.select2-drop-active {
  border-color: #a34100; }
  .has-warning.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #a34100; }

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #c81919; }

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  border-color: #9b1313; }

.has-error.select2-drop-active {
  border-color: #9b1313; }
  .has-error.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #9b1313; }

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #0c9735; }

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  border-color: #086824; }

.has-success.select2-drop-active {
  border-color: #086824; }
  .has-success.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #086824; }

.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap4 > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap4 > .selection > .select2-selection.form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap4:not(:last-child) > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap4:not(:last-child) > .selection > .select2-selection.form-control {
  border-radius: 0; }

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap4:last-child > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap4:last-child > .selection > .select2-selection.form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group > .select2-container--bootstrap4 {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0; }
  .input-group > .select2-container--bootstrap4 > .selection > .select2-selection.form-control {
    float: none; }
  .input-group > .select2-container--bootstrap4.select2-container--open, .input-group > .select2-container--bootstrap4.select2-container--focus {
    z-index: 3; }
  .input-group > .select2-container--bootstrap4,
  .input-group > .select2-container--bootstrap4 .input-group-btn,
  .input-group > .select2-container--bootstrap4 .input-group-btn .btn {
    vertical-align: top; }

.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important; }

@media (min-width: 576px) {
  .form-inline .select2-container--bootstrap4 {
    display: inline-block; } }

body {
  background-color: #f0f3fa;
  font-family: "Gilroy", sans-serif;
  font-weight: 500;
  color: #485388;
  -webkit-overflow-scrolling: touch; }
  body::before {
    background: none; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700; }

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

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

.colorpicker-component {
  width: 135px;
  flex-wrap: nowrap;
  gap: 10px; }

.slider {
  z-index: 1; }

.form-control:focus {
  border-color: #007bff; }

.form-control:active, .form-control:focus {
  box-shadow: none; }

.btn {
  font-weight: 600; }
  .btn:active, .btn:focus {
    box-shadow: none !important; }

.dropdown-toggle:after {
  margin-left: 0.38em;
  vertical-align: 0.18em; }

.dropdown-menu {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  border-color: rgba(45, 55, 109, 0.125);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08), 0px 1px 3px rgba(0, 0, 0, 0.2); }

@media (max-width: 991.98px) {
  .verloop-widget {
    display: none !important; } }

.wrapper {
  height: 100%; }
  @media (max-width: 600px) {
    .wrapper.side-menu-open .side-menu-wrapper {
      width: 82vw;
      height: 100%;
      position: relative;
      z-index: 999;
      background: transparent; } }
  .wrapper.side-menu-open .side-menu-w {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
    @media (max-width: 600px) {
      .wrapper.side-menu-open .side-menu-w {
        box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.16), 5px 0 16px 0 rgba(0, 0, 0, 0.12); }
        @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
          .wrapper.side-menu-open .side-menu-w {
            background: rgba(255, 255, 255, 0.52);
            -webkit-backdrop-filter: blur(24px);
                    backdrop-filter: blur(24px); } } }
  .wrapper .top-menu-secondary {
    position: fixed;
    top: 0;
    right: 0;
    left: 0px;
    z-index: 100;
    display: flex;
    align-items: center;
    height: 60px;
    background-color: #fff;
    padding: 0 2rem;
    box-shadow: 0px 0px 5px rgba(24, 29, 31, 0.09); }
    @media (min-width: 576px) {
      .wrapper .top-menu-secondary {
        left: 68px; } }
    .wrapper .top-menu-secondary .logged-user-menu {
      min-width: 220px; }
    .wrapper .top-menu-secondary .top-menu-header {
      margin: 0;
      text-transform: uppercase;
      font-weight: 700; }
    .wrapper .top-menu-secondary .back-button {
      padding: 0.6rem 0.6em; }
    .wrapper .top-menu-secondary .top-menu-controls .menu-button {
      font-size: 1.5em;
      padding: 0.4rem 0.6rem; }
  .wrapper .page-content {
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0;
    right: 0;
    border-radius: 0px;
    overflow-y: auto;
    display: block;
    background-image: none; }
    @media (min-width: 576px) {
      .wrapper .page-content {
        left: 68px; } }
    .wrapper .page-content .content-title {
      border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .wrapper .side-menu-wrapper-hidden {
    left: 0; }
  .wrapper .livechat-dashboard {
    overflow: hidden; }

html,
body {
  height: 100%;
  overflow-x: hidden; }

.modal-content .modal-header {
  background-color: #f0f3fa;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  align-items: center !important; }

.swal-text {
  line-height: 1.35em;
  font-weight: 500;
  margin: 0.5rem 1.5rem; }

.thumb {
  background-position: 50% 25%;
  background-size: cover;
  background-repeat: no-repeat; }

.daterangepicker.dropdown-menu {
  padding: 8px; }
  .daterangepicker.dropdown-menu .ranges > ul > li {
    color: #1854f1; }
  .daterangepicker.dropdown-menu .ranges > ul > li.active,
  .daterangepicker.dropdown-menu .ranges > ul > li:hover {
    background-color: #1854f1;
    color: #ffffff; }

.text-color-google {
  color: #d34836; }

.text-color-facebook {
  color: #0084ff; }

.text-color-slack {
  color: #008952; }

.text-color-android {
  color: #a4c639; }

.text-color-whatsapp {
  color: #25D366; }

.text-color-ios {
  color: #7d7d7d; }

.text-color-yellow {
  color: #d65500; }

.position-relative {
  position: relative; }

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

.daterangepicker .daterangepicker_input svg {
  position: absolute;
  top: 7px;
  left: 8px; }

.status-pill {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  background-color: #b5bdd9;
  border-color: #b5bdd9; }
  .status-pill.green {
    border-color: #0c9735;
    background-color: #0c9735; }
    .status-pill.green.livechat-disabled {
      background-color: #fff; }
  .status-pill.red {
    border-color: #c81919;
    background-color: #c81919; }
    .status-pill.red.livechat-disabled {
      background-color: #fff; }
  .status-pill.yellow {
    border-color: #d65500;
    background-color: #d65500; }
    .status-pill.yellow.livechat-disabled {
      background-color: #fff; }

.avatar-w .status-pill-w {
  position: absolute;
  right: -2px;
  bottom: -2px;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  border-color: #fff; }

@-webkit-keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3);
    opacity: 0; } }

.slider .tooltip.in {
  opacity: 1; }

.slider.slider-horizontal {
  width: 100% !important; }

.slider .slider-handle {
  background: #007bff; }

.slider .slider-selection {
  background: #b5bdd9; }

.plain-card {
  background-color: #fff;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 25px; }
  .plain-card .plain-card-header {
    text-transform: uppercase; }
    .plain-card .plain-card-header:hover, .plain-card .plain-card-header:active, .plain-card .plain-card-header:focus, .plain-card .plain-card-header:visited {
      text-decoration: none; }
  .plain-card.collapsable .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease; }
  .plain-card.collapsable .collapse {
    display: none; }
    .plain-card.collapsable .collapse.show {
      display: block; }

.warning {
  color: #D65500;
  background: #FFEECC; }

.flip-color {
  background: #F0F3FA; }

.row-container {
  display: flex;
  gap: 12px;
  flex-direction: column; }
  .row-container .row-heading {
    color: #485388;
    font-weight: 600; }

.section-header {
  width: 100vw;
  background-color: #ffffff;
  border-bottom: 1px solid #cdd4eA;
  display: flex;
  flex-shrink: 0;
  border-bottom: 1px solid #cdd4ea;
  padding: 12px;
  padding: 24px;
  margin-bottom: 12px; }
  @media (min-width: 601px) {
    .section-header {
      width: calc(100vw - 68px); } }
  .section-header .icon {
    color: #4777f4;
    height: 12px;
    border-radius: 4px;
    padding: 0 8px 0 0; }
  .section-header .icon-outreach {
    color: #485388; }
  .section-header a {
    text-decoration: none; }

.section-header-dashboard {
  margin: 0; }

.section-header-expanded {
  width: 100vw; }

.div-zero {
  display: flex; }
  .div-zero i {
    color: #485388; }

.div-one {
  display: flex;
  flex-direction: column;
  flex: 1; }

.div-two {
  display: flex;
  flex-direction: column; }

.large-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 56px !important;
  height: 56px;
  background: #f0f3fa;
  color: #6873a2 !important;
  font-size: 24px;
  border-radius: 10px;
  margin: 8px 16px 8px 0; }

.page-back-icon {
  background: #ffffff;
  cursor: pointer;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin-right: 0; }
  .page-back-icon.icon-ham-menu {
    margin-right: 10px; }
  @media (min-width: 601px) {
    .page-back-icon.hidden-small-screen {
      display: none !important; } }

.heading {
  font-size: 32px;
  font-weight: 700;
  margin: 0;
  color: #485388;
  padding: 0 0 4px 0; }
  @media (max-width: 600px) {
    .heading {
      font-size: 22px; } }

.description {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #6873a2;
  margin: 0;
  max-width: 744px; }
  @media (max-width: 600px) {
    .description {
      font-size: 13px; } }

.setting-page-actions {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }
  @media (max-width: 600px) {
    .setting-page-actions {
      display: none !important; } }

.small-icon {
  font-size: 14px;
  font-weight: bold; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut, .toastr-container .toastr.out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft, .toastr-container.top-left .toastr.in {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight, .toastr-container.top-right .toastr.in {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp, .toastr-container.bottom-right .toastr.in, .toastr-container.bottom-left .toastr.in {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.switch {
  position: relative;
  display: flex;
  width: 38px;
  height: 20px;
  margin-bottom: 0;
  cursor: pointer; }
  .switch .slider {
    border-radius: 10px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b5bdd9;
    transition: 300ms;
    box-shadow: inset 0 0 4px 0px rgba(0, 0, 0, 0.2); }
  .switch.disabled .slider {
    background-color: #cdd4ea;
    box-shadow: none; }
  .switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    border-radius: 50%;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: 300ms; }
  .switch input {
    display: none; }
  .switch input:checked + .slider {
    background-color: #007bff; }
  .switch input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    transform: translateX(18px); }

.toastr-container {
  position: fixed;
  z-index: 10000; }
  .toastr-container .toastr {
    opacity: 0.95;
    cursor: pointer;
    width: 300px;
    min-height: 60px;
    padding: 1.08rem 1.18rem;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
    position: relative;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.28);
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
    .toastr-container .toastr .icon {
      font-size: 0.9em; }
    .toastr-container .toastr .toastr-content {
      height: 100%; }
      .toastr-container .toastr .toastr-content .toastr-title {
        font-weight: 700;
        margin-bottom: 0.2rem; }
      .toastr-container .toastr .toastr-content .toastr-message {
        font-weight: 500; }
    .toastr-container .toastr.toastr-info {
      background-color: #2d376d;
      color: #f0f3fa; }
    .toastr-container .toastr.toastr-success {
      background-color: #0c9735;
      color: #fff; }
    .toastr-container .toastr.toastr-error {
      background-color: #c81919;
      color: #fff; }
  .toastr-container.top-right {
    top: 30px;
    right: 30px; }
  .toastr-container.top-left {
    top: 30px;
    left: 120px; }
  .toastr-container.bottom-right {
    bottom: 30px;
    right: 30px; }
  .toastr-container.bottom-left {
    bottom: 30px;
    left: 120px; }

.toastr.message {
  background-color: white;
  color: #8f99bd;
  opacity: 1 !important; }

.btn-google {
  color: #fff;
  background-color: #d34836;
  border-color: #d34836; }
  .btn-google:hover {
    color: #fff;
    background-color: #ba3929;
    border-color: #b03626; }
  .btn-google:focus, .btn-google.focus {
    color: #fff;
    background-color: #ba3929;
    border-color: #b03626;
    box-shadow: 0 0 0 0.2rem rgba(218, 99, 84, 0.5); }
  .btn-google.disabled, .btn-google:disabled {
    color: #fff;
    background-color: #d34836;
    border-color: #d34836; }
  .btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active,
  .show > .btn-google.dropdown-toggle {
    color: #fff;
    background-color: #b03626;
    border-color: #a53324; }
    .btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus,
    .show > .btn-google.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(218, 99, 84, 0.5); }

.btn-facebook {
  color: #fff;
  background-color: #0084ff;
  border-color: #0084ff; }
  .btn-facebook:hover {
    color: #fff;
    background-color: #0070d9;
    border-color: #006acc; }
  .btn-facebook:focus, .btn-facebook.focus {
    color: #fff;
    background-color: #0070d9;
    border-color: #006acc;
    box-shadow: 0 0 0 0.2rem rgba(38, 150, 255, 0.5); }
  .btn-facebook.disabled, .btn-facebook:disabled {
    color: #fff;
    background-color: #0084ff;
    border-color: #0084ff; }
  .btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active,
  .show > .btn-facebook.dropdown-toggle {
    color: #fff;
    background-color: #006acc;
    border-color: #0063bf; }
    .btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus,
    .show > .btn-facebook.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 150, 255, 0.5); }

.btn-slack {
  color: #fff;
  background-color: #008952;
  border-color: #008952; }
  .btn-slack:hover {
    color: #fff;
    background-color: #00633b;
    border-color: #005633; }
  .btn-slack:focus, .btn-slack.focus {
    color: #fff;
    background-color: #00633b;
    border-color: #005633;
    box-shadow: 0 0 0 0.2rem rgba(38, 155, 108, 0.5); }
  .btn-slack.disabled, .btn-slack:disabled {
    color: #fff;
    background-color: #008952;
    border-color: #008952; }
  .btn-slack:not(:disabled):not(.disabled):active, .btn-slack:not(:disabled):not(.disabled).active,
  .show > .btn-slack.dropdown-toggle {
    color: #fff;
    background-color: #005633;
    border-color: #00492c; }
    .btn-slack:not(:disabled):not(.disabled):active:focus, .btn-slack:not(:disabled):not(.disabled).active:focus,
    .show > .btn-slack.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 155, 108, 0.5); }

.btn-sso {
  color: #fff;
  background-color: #1854f1;
  border-color: #1854f1; }
  .btn-sso:hover {
    color: #fff;
    background-color: #0d44d6;
    border-color: #0c41ca; }
  .btn-sso:focus, .btn-sso.focus {
    color: #fff;
    background-color: #0d44d6;
    border-color: #0c41ca;
    box-shadow: 0 0 0 0.2rem rgba(59, 110, 243, 0.5); }
  .btn-sso.disabled, .btn-sso:disabled {
    color: #fff;
    background-color: #1854f1;
    border-color: #1854f1; }
  .btn-sso:not(:disabled):not(.disabled):active, .btn-sso:not(:disabled):not(.disabled).active,
  .show > .btn-sso.dropdown-toggle {
    color: #fff;
    background-color: #0c41ca;
    border-color: #0c3dbe; }
    .btn-sso:not(:disabled):not(.disabled):active:focus, .btn-sso:not(:disabled):not(.disabled).active:focus,
    .show > .btn-sso.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(59, 110, 243, 0.5); }

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

button:disabled, button.disabled, .btn:disabled, .btn.disabled {
  pointer-events: none; }

.btn.with-shadow {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.14); }

.btn.btn-w-1 {
  width: 80px; }

.btn.btn-w-2 {
  width: 100px; }

.btn.btn-w-3 {
  width: 130px; }

.btn.btn-w-4 {
  width: 160px; }

.btn.btn-w-5 {
  width: 200px; }

.btn.btn-w-6 {
  width: 240px; }

.btn.btn-w-7 {
  width: 280px; }

.btn.btn-w-8 {
  width: 320px; }

.btn.btn-w-9 {
  width: 360px; }

.btn.btn-w-10 {
  width: 400px; }

.btn-group.with-shadow {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.14); }
  .btn-group.with-shadow > .btn, .btn-group.with-shadow > .btn-group {
    box-shadow: none; }

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block; }
  .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0; }

.card {
  padding: 0.7rem;
  background-color: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08), 0px 1px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
  border: none;
  border-radius: 8px; }
  @media (min-width: 576px) {
    .card {
      padding: 1.5rem;
      margin-bottom: 2rem; } }
  .card .card-body {
    padding: 0.7rem; }
    @media (min-width: 576px) {
      .card .card-body {
        padding: 1.25rem; } }
  .card.card-with-icon .card-icon {
    font-size: 42px;
    margin: 10px 0; }
  .card.clickable {
    cursor: pointer; }
    .card.clickable:hover {
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18); }
  .card + .card {
    margin-left: 2rem; }
  .card .card-info {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cdd4ea;
    padding: 0.8rem 0 1rem;
    margin-bottom: 1.5rem; }
    .card .card-info .card-info-icon {
      color: #007bff;
      font-size: 2.8em;
      margin-right: 1.5rem;
      display: inline-flex; }
    .card .card-info .card-info-text .card-info-header {
      font-weight: 700;
      font-size: 1.2em;
      margin-bottom: 0.4rem;
      text-transform: uppercase; }
    .card .card-info .card-info-text .card-info-desc {
      color: #6873a2; }

.checkbox-container {
  display: inline;
  line-height: 1.5em;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .checkbox-container input {
    position: absolute;
    opacity: 0; }
  .checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 2px;
    border: 1px solid #6873a2;
    background-color: #f9f9f9;
    transition: all 150ms; }
    .checkbox-container .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 6px;
      top: 1px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 1px 1px 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  .checkbox-container:hover input ~ .checkmark {
    border-color: #1854f1; }
  .checkbox-container input:checked ~ .checkmark {
    background-color: #1854f1;
    border-color: #1854f1; }
  .checkbox-container input:checked ~ .checkmark:after {
    display: block; }
  .checkbox-container input:disabled ~ .checkmark {
    border: 1px solid #cdd4ea !important;
    background-color: #f0f3fa !important; }

.app-loading .loading-animation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.app-loading .coffee-cup-loader-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100vh;
  width: 100vw; }
  .app-loading .coffee-cup-loader-wrapper .coffee-cup-loader {
    display: flex;
    height: 104px;
    width: 104px;
    border-radius: 8px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px 0px, rgba(0, 0, 0, 0.08) 0px 3px 8px 0px;
    align-items: center;
    justify-content: center; }

@keyframes swing {
  50% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg); } }

@-webkit-keyframes steamLarge {
  0% {
    stroke-dashoffset: 13;
    opacity: .6; }
  100% {
    stroke-dashoffset: 39;
    opacity: 0; } }

@keyframes steamLarge {
  0% {
    stroke-dashoffset: 13;
    opacity: .6; }
  100% {
    stroke-dashoffset: 39;
    opacity: 0; } }

@-webkit-keyframes steamSmall {
  10% {
    stroke-dashoffset: 9;
    opacity: .6; }
  80% {
    stroke-dashoffset: 27;
    opacity: 0; }
  100% {
    stroke-dashoffset: 27;
    opacity: 0; } }

@keyframes steamSmall {
  10% {
    stroke-dashoffset: 9;
    opacity: .6; }
  80% {
    stroke-dashoffset: 27;
    opacity: 0; }
  100% {
    stroke-dashoffset: 27;
    opacity: 0; } }
    .app-loading .coffee-cup-loader-wrapper .coffee-cup-loader .loader-tea-bag {
      -webkit-transform-origin: top center;
              transform-origin: top center;
      -webkit-transform: rotate(3deg);
              transform: rotate(3deg);
      -webkit-animation: swing 2s infinite;
              animation: swing 2s infinite; }
    .app-loading .coffee-cup-loader-wrapper .coffee-cup-loader .loader-steam-left {
      stroke-dasharray: 13;
      stroke-dashoffset: 13;
      -webkit-animation: steamLarge 2s infinite;
              animation: steamLarge 2s infinite; }
    .app-loading .coffee-cup-loader-wrapper .coffee-cup-loader .loader-steam-right {
      stroke-dasharray: 9;
      stroke-dashoffset: 9;
      -webkit-animation: steamSmall 2s infinite;
              animation: steamSmall 2s infinite; }

.btn .loading-animation {
  height: 20px !important; }
  .btn .loading-animation > div {
    width: 6px;
    height: 6px;
    background-color: #fff; }

.tile-box {
  cursor: pointer;
  align-items: center;
  margin-bottom: 2rem;
  text-align: center;
  border-radius: 8px;
  padding: 1.5rem;
  margin-right: 1.2rem;
  background-color: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08), 0px 1px 3px rgba(0, 0, 0, 0.2); }
  .tile-box:last-child {
    margin-right: 0; }
  .tile-box .tile-icon {
    display: inline-block;
    overflow: hidden;
    font-size: 2.8em;
    margin: 0.6rem 0;
    overflow: hidden;
    color: #007bff; }
  .tile-box .tile-title {
    margin: 0.3rem 0;
    font-weight: 700;
    font-size: 0.9em;
    text-transform: uppercase; }
  .tile-box .tile-subtitle {
    margin: 0.3rem 0;
    font-weight: 700;
    font-size: 0.7em; }

@media (min-width: 601px) {
  .side-menu-background {
    height: 48px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px; } }

.side-menu-w {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 0;
  z-index: 999;
  width: 100%;
  left: -100%;
  transition: box-shadow 150ms, -webkit-transform 150ms;
  transition: transform 150ms, box-shadow 150ms;
  transition: transform 150ms, box-shadow 150ms, -webkit-transform 150ms;
  background-color: #033b6f;
  background-image: none;
  background: #fff; }
  @media (min-width: 576px) {
    .side-menu-w {
      z-index: 999;
      width: 68px;
      left: 0;
      box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.2), 3px 0 12px 0 rgba(0, 0, 0, 0.08);
      border-radius: 0 20px 20px 0; } }
  .side-menu-w a.no-decoration {
    text-decoration: none;
    color: #6873a2; }
    .side-menu-w a.no-decoration .icon-info {
      margin-bottom: 16px; }
    .side-menu-w a.no-decoration:hover {
      color: #1854f1; }
    .side-menu-w a.no-decoration img {
      height: 24px;
      width: 24px; }
  .side-menu-w .logged-user-w {
    display: block;
    padding: 0;
    position: absolute;
    bottom: 20px;
    width: 100%; }
    .side-menu-w .logged-user-w .help-link {
      position: absolute;
      width: 100%;
      top: -72px; }
    .side-menu-w .logged-user-w .avatar-w {
      width: 40px;
      display: block;
      margin: 0 auto;
      position: relative; }
      .side-menu-w .logged-user-w .avatar-w .thumb {
        width: 40px;
        height: 40px;
        border-radius: 12px; }
      .side-menu-w .logged-user-w .avatar-w .status-pill-w {
        right: -5px;
        bottom: -5px;
        border-color: #fff; }
        .side-menu-w .logged-user-w .avatar-w .status-pill-w .status-pill {
          width: 10px;
          height: 10px; }
          .side-menu-w .logged-user-w .avatar-w .status-pill-w .status-pill.livechat-disabled {
            background-color: #033b6f; }
    .side-menu-w .logged-user-w .user-menu {
      min-width: 240px; }
      .side-menu-w .logged-user-w .user-menu .avatar-w {
        margin: 0; }
      .side-menu-w .logged-user-w .user-menu .user-info-w {
        border-bottom: 1px solid #cdd4ea; }
        .side-menu-w .logged-user-w .user-menu .user-info-w .user-info .user-name {
          font-weight: 700;
          margin-bottom: 2px; }
        .side-menu-w .logged-user-w .user-menu .user-info-w .switch {
          height: 20px;
          width: 40px; }
          .side-menu-w .logged-user-w .user-menu .user-info-w .switch .slider {
            border-radius: 10px; }
            .side-menu-w .logged-user-w .user-menu .user-info-w .switch .slider:before {
              width: 16px;
              height: 16px; }
          .side-menu-w .logged-user-w .user-menu .user-info-w .switch input:checked + .slider:before {
            -webkit-transform: translateX(20px);
            transform: translateX(20px); }
      .side-menu-w .logged-user-w .user-menu .list-group .list-group-item {
        border: none;
        padding: 6px 10px;
        margin: 5px 0;
        border-radius: 3px; }
        .side-menu-w .logged-user-w .user-menu .list-group .list-group-item:not(.disabled):hover, .side-menu-w .logged-user-w .user-menu .list-group .list-group-item:not(.disabled):active {
          color: #fff;
          background: #007bff; }
  .side-menu-w .side-menu .logo-w {
    padding: 44px 24px 24px 22px; }
    @media (max-width: 600px) {
      .side-menu-w .side-menu .logo-w {
        padding: 44px 31px 24px 31px; } }
    .side-menu-w .side-menu .logo-w img {
      width: 35px; }
    .side-menu-w .side-menu .logo-w .menu-button {
      font-size: 1.2em;
      padding: 0.4rem 0.6rem;
      background-color: rgba(0, 0, 0, 0.2);
      border: none;
      color: #fff; }
  .side-menu-w .side-menu ul.main-menu {
    margin-top: 20px; }
    .side-menu-w .side-menu ul.main-menu > li {
      border: none;
      text-align: center; }
      .side-menu-w .side-menu ul.main-menu > li .icon-w {
        color: rgba(255, 255, 255, 0.8);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        width: 100%;
        height: 72px;
        text-decoration: none !important;
        color: #6873a2; }
        .side-menu-w .side-menu ul.main-menu > li .icon-w > .icon {
          width: 56px;
          height: 56px;
          border-radius: 3px;
          position: relative;
          font-size: 90%;
          border-radius: 12px;
          opacity: 0.8; }
          .side-menu-w .side-menu ul.main-menu > li .icon-w > .icon img {
            height: 24px;
            width: 24px; }
      .side-menu-w .side-menu ul.main-menu > li.active .icon-w > .icon {
        box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        background: linear-gradient(135deg, #472adb 0%, #194ed8 100%);
        opacity: 1;
        color: #ffffff !important;
        transition: opacity 1s ease-in-out; }
  .side-menu-w .side-menu.side-menu-sm {
    box-shadow: unset;
    border-radius: unset; }
    .side-menu-w .side-menu.side-menu-sm .small {
      position: relative;
      left: auto;
      bottom: 35px; }
    .side-menu-w .side-menu.side-menu-sm .logged-user-w {
      bottom: 30px;
      left: 15px; }
      @media (max-width: 600px) {
        .side-menu-w .side-menu.side-menu-sm .logged-user-w {
          left: 22px; } }
      .side-menu-w .side-menu.side-menu-sm .logged-user-w .avatar-w {
        margin: 0; }
      .side-menu-w .side-menu.side-menu-sm .logged-user-w img {
        height: 24px;
        width: 24px; }
    .side-menu-w .side-menu.side-menu-sm ul.main-menu {
      margin-top: 0px; }
      .side-menu-w .side-menu.side-menu-sm ul.main-menu > li {
        padding: 0px; }
        .side-menu-w .side-menu.side-menu-sm ul.main-menu > li .icon-w {
          margin: 0 15px;
          width: initial;
          height: initial; }
          @media (min-height: 700px) {
            .side-menu-w .side-menu.side-menu-sm ul.main-menu > li .icon-w {
              margin: 17px 15px; } }
          .side-menu-w .side-menu.side-menu-sm ul.main-menu > li .icon-w > .icon {
            width: 100%;
            font-size: 24px; }
            .side-menu-w .side-menu.side-menu-sm ul.main-menu > li .icon-w > .icon span {
              font-family: "Gilroy", sans-serif;
              font-size: 17px;
              margin-left: 24px !important; }
        .side-menu-w .side-menu.side-menu-sm ul.main-menu > li.active .icon-w {
          color: #fff;
          background: linear-gradient(135deg, #472adb 0%, #194ed8 100%);
          border-radius: 8px; }
          .side-menu-w .side-menu.side-menu-sm ul.main-menu > li.active .icon-w > .icon {
            box-shadow: unset;
            background: unset; }
        .side-menu-w .side-menu.side-menu-sm ul.main-menu > li:hover .icon-w > .icon {
          color: unset; }

.select2-container .select2-selection {
  font-size: 0.76rem;
  padding: 0.6rem 0.9rem;
  min-height: calc(2.34rem + 2px);
  border: 1px solid #cacbce; }
  .select2-container .select2-selection.select2-selection--multiple {
    padding: 0.2rem 0.5rem; }

.select2-container .select2-selection .select2-selection__rendered {
  line-height: 1.5;
  padding-left: 0; }

.select2-container .select2-selection .select2-selection__arrow {
  height: 39px;
  position: absolute;
  top: 0px;
  right: 4px;
  width: 20px; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  line-height: 1.5;
  padding-left: 0; }
  .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #1854f1;
    color: #fff;
    border: 1px solid #1854f1; }
    .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
      color: #fff;
      margin-right: 3px; }

.multi-select .options {
  display: flex; }

.select2-new {
  padding: 0 !important; }

.vlc-search-input.dropdown .dropdown-menu {
  width: 100%; }

.dropdown-item:hover, .dropdown-item.active {
  background-color: #1854f1;
  color: #fff !important; }

.dropdown-filters .avatar-w {
  position: relative; }
  .dropdown-filters .avatar-w .avatar {
    border-radius: 2px;
    width: 18px;
    height: 18px; }
  .dropdown-filters .avatar-w .status-pill-w {
    right: -4px;
    bottom: -3px; }
    .dropdown-filters .avatar-w .status-pill-w .status-pill {
      height: 7px;
      width: 7px; }

.new-room-wrap {
  position: fixed;
  z-index: 10000;
  width: 300px;
  margin: 0 auto;
  left: 50%;
  margin-left: -150px;
  top: 10px; }
  .new-room-wrap .alert {
    font-size: 14px;
    margin-bottom: 0;
    border-color: transparent;
    box-shadow: 0 0px 14px 0px rgba(0, 0, 0, 0.24);
    background-color: #3fd043;
    color: #fff; }
    .new-room-wrap .alert a {
      color: #134a14 !important; }
    .new-room-wrap .alert .close {
      top: 1px; }

.auth-box-w {
  margin: 7% auto;
  max-width: 400px; }
  .auth-box-w .auth-box {
    padding: 2rem; }
  .auth-box-w .logo-w a img {
    width: 30%; }
  .auth-box-w .btn, .auth-box-w .form-control {
    padding: 0.8rem 0.8rem; }

.signup-page {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  text-align: center; }
  .signup-page .logo {
    margin: 30px auto 60px;
    display: block;
    text-align: center; }
    .signup-page .logo img {
      width: 180px; }
  .signup-page .signup-form {
    margin-bottom: 30px; }
    .signup-page .signup-form .form-wrapper {
      text-align: left;
      width: 100%;
      max-width: 480px;
      margin: 0 auto; }
      .signup-page .signup-form .form-wrapper .form-header {
        font-weight: 700; }
    .signup-page .signup-form .intl-tel-input {
      display: table-cell; }
    .signup-page .signup-form .intl-tel-input .selected-flag {
      z-index: 4; }
    .signup-page .signup-form .intl-tel-input .country-list {
      z-index: 5; }
    .signup-page .signup-form .input-group .intl-tel-input .form-control {
      border-top-left-radius: 4px;
      border-top-right-radius: 0;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 0; }

#introMessage .icon {
  font-size: 100px; }

.user-profile-page .user-avatar {
  width: 160px; }
  .user-profile-page .user-avatar .thumb {
    width: 140px;
    height: 140px;
    border-radius: 5px;
    display: inline-block; }

.user-profile-page input[type="file"] {
  display: none; }

.user-profile-page .tnc-table table tr {
  line-height: 3; }

.user-profile-page .tnc-table table td {
  padding: 5px 10px; }

.reload-prompt-w {
  text-align: center; }
  .reload-prompt-w .reload-prompt {
    margin-top: 10px;
    color: #fff;
    border-radius: 2px;
    font-size: 0.95em;
    padding: 0.6rem;
    background-color: #404040;
    position: absolute;
    top: 0; }

.upload-item .progress {
  height: 1.5rem;
  position: relative;
  background-color: #ffa970; }
  .upload-item .progress .progress-bar span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.15em;
    padding: 4px 5px; }

.file-viewer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.8); }
  .file-viewer .file-viewer-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
    .file-viewer .file-viewer-content .file-w {
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .file-viewer .file-viewer-content .file-w img {
        max-width: 100%;
        max-height: 100%; }
  .file-viewer .file-viewer-controls {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3; }
    .file-viewer .file-viewer-controls button {
      padding: 14px;
      background-color: rgba(0, 0, 0, 0.3); }

@media (min-width: 601px) {
  .settings-default .row {
    display: flex;
    flex-direction: column;
    padding-left: 228px; } }

.settings-default .tile-box {
  width: 150px;
  height: 150px;
  padding: 1.3rem 0.9rem;
  transition: box-shadow 300ms ease-in; }
  .settings-default .tile-box .tile-title {
    font-size: 0.85em; }
  .settings-default .tile-box:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.08), 0px 3px 6px rgba(0, 0, 0, 0.2); }

.setting-card {
  padding: 1.2rem 1.5rem; }
  @media (min-width: 768px) {
    .setting-card {
      padding: 1.5rem 3.2rem; } }
  .setting-card .buttons-w {
    margin-top: 3rem; }
  .setting-card .settings .row.has-error .form-control {
    border-color: #c81919; }

.livechat-custom-css {
  padding: 0;
  height: auto;
  font-size: 1.25em; }

.settings-single {
  width: 100%; }
  .settings-single .settings-base64-preview {
    display: flex;
    align-items: center;
    width: 100%; }
    .settings-single .settings-base64-preview input[type=file] {
      position: absolute !important;
      width: 100%;
      top: 0;
      left: 0;
      height: 100%;
      opacity: 0;
      z-index: 10000;
      cursor: pointer; }
      .settings-single .settings-base64-preview input[type=file] * {
        cursor: pointer; }
  .settings-single .settings-file-preview {
    display: flex;
    align-items: center; }
    .settings-single .settings-file-preview input[type=file] {
      position: absolute !important;
      width: 100%;
      top: 0;
      left: 0;
      height: 100%;
      opacity: 0;
      z-index: 10000;
      cursor: pointer; }
      .settings-single .settings-file-preview input[type=file] * {
        cursor: pointer; }
    .settings-single .settings-file-preview .preview {
      height: 4rem;
      width: 4rem;
      border-radius: 0.25rem;
      margin-right: 0.5rem;
      overflow: hidden;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) inset;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
      .settings-single .settings-file-preview .preview.no-file {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5em; }
  .settings-single .sp-replacer {
    padding: 0.4rem 0.4rem 0.4rem 0.7rem;
    border-radius: 0.25rem;
    background: inherit;
    border: solid 1px #cdcecd; }
    .settings-single .sp-replacer .sp-preview {
      width: 12rem;
      height: 1.5rem;
      border: none; }
    .settings-single .sp-replacer .sp-preview-inner {
      border-radius: 0.02rem; }
    .settings-single .sp-replacer .sp-dd {
      line-height: 1.25rem; }

.settings-code.form-control {
  padding: 0; }

.setting-page-w .setting-page-header {
  padding: 3rem 0 2rem;
  margin-bottom: 1.5rem; }
  .setting-page-w .setting-page-header .setting-page-icon {
    color: #007bff;
    font-size: 3em;
    padding: 0 0.8rem; }
  .setting-page-w .setting-page-header .setting-page-info .setting-page-title {
    margin-bottom: 0.7rem; }
  .setting-page-w .setting-page-header .setting-page-info .setting-page-desc {
    color: #6873a2; }
  .setting-page-w .setting-page-header .setting-section {
    background-color: #fff;
    border-radius: 4px;
    padding: 15px 30px; }
    .setting-page-w .setting-page-header .setting-section .setting-section-header {
      font-size: 0.8em;
      margin-bottom: 15px;
      font-weight: 700;
      color: #6873a2;
      text-transform: uppercase; }

.setting-page-w .setting-page-body {
  margin-bottom: 50px; }
  .setting-page-w .setting-page-body .empty-data-row {
    padding: 16px 10px;
    background-color: #fff;
    border-radius: 3px;
    text-align: center; }

.setting-page-w .setting-page-actions {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }
  .setting-page-w .setting-page-actions .switch-w {
    background-color: #fff;
    padding: 1.5rem 2.8rem;
    border-radius: 4px; }

.setting-table .setting-table-th, .setting-table .setting-table-tr {
  padding: 16px 0px; }

.setting-table .setting-table-controls {
  opacity: 0;
  transition: all 300ms; }

.setting-table .setting-table-tr {
  background-color: #fff;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 5px; }
  .setting-table .setting-table-tr:hover .setting-table-controls {
    opacity: 1; }

.setting-table .table-th {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8em; }

.widget-color-input {
  color: #485388;
  border: 1px solid #b5bdd9;
  height: 42px;
  padding: 0.6rem 0.9rem;
  border-radius: 0.22rem; }
  .widget-color-input:focus {
    outline: none;
    border: 1px solid #007bff; }

.form-group .livechat-title {
  padding-right: 0; }

@media (max-width: 1200px) {
  .settings-category, .widget-settings-page {
    padding: 12px 24px 24px 24px; }
    .settings-category .react-iframe-support, .widget-settings-page .react-iframe-support {
      margin: 0 auto; }
    .settings-category .offset-md-3, .widget-settings-page .offset-md-3 {
      margin-left: 0; }
    .settings-category .col-md-6, .widget-settings-page .col-md-6 {
      flex: 0 0 100%;
      max-width: 100%; } }

.code-box {
  border-style: none;
  border-color: Transparent;
  overflow: auto;
  resize: none; }

.dashboard-page .element-wrapper {
  padding-bottom: 0; }

.dashboard-page .filters .agent-filter {
  min-width: 250px; }
  .dashboard-page .filters .agent-filter .avatar-w {
    position: relative; }
    .dashboard-page .filters .agent-filter .avatar-w .avatar {
      border-radius: 3px;
      width: 24px;
      height: 24px; }
    .dashboard-page .filters .agent-filter .avatar-w .status-pill-w {
      right: -4px;
      bottom: -3px; }
      .dashboard-page .filters .agent-filter .avatar-w .status-pill-w .status-pill {
        height: 7px;
        width: 7px; }

.dashboard-page .filters .date-input input {
  width: 100%; }
  @media (min-width: 576px) {
    .dashboard-page .filters .date-input input {
      width: 240px; } }

.dashboard-page .dahsboard-row {
  margin-right: -0.3rem;
  margin-left: -0.3rem; }
  .dashboard-page .dahsboard-row .col {
    padding-left: 0.3rem;
    padding-right: 0.3rem; }
    .dashboard-page .dahsboard-row .col .card {
      margin-bottom: 0.6rem; }

.dashboard-page .el-tablo {
  text-align: center;
  font-weight: 700; }
  .dashboard-page .el-tablo .label {
    font-size: 0.8em;
    margin-bottom: 12px;
    text-transform: uppercase; }
  .dashboard-page .el-tablo .value {
    font-size: 2.3em; }

@media (max-width: 800px) {
  #wootric-modal .wootric-beacon-parent {
    min-width: 0 !important; }
  #wootric-modal ul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    line-height: 12px !important;
    margin-left: auto !important;
    max-width: 400px !important;
    margin-right: auto !important; }
  #wootric-modal li {
    border-radius: 25px !important;
    cursor: pointer !important;
    display: inline !important;
    font-size: 14px !important;
    margin-right: 3px !important;
    padding: 9px 10px !important; }
  #wootric-modal li:last-child {
    padding: 9px 7px !important; } }

.realtime-dashboard .el-tablo {
  text-align: center;
  font-weight: 700; }
  .realtime-dashboard .el-tablo .label {
    font-size: 0.8em;
    margin-bottom: 12px;
    text-transform: uppercase; }
  .realtime-dashboard .el-tablo .value {
    font-size: 2.3em; }

.realtime-dashboard .sm1 {
  font-size: 90% !important; }

.realtime-dashboard .select-filters {
  margin-left: 3.9rem; }

.realtime-dashboard .dropdown {
  margin-left: 10px; }

.realtime-dashboard .dropdown-filter {
  color: #6873a2; }

.realtime-dashboard .justify-content-start {
  margin-left: -703px;
  margin-top: -5px;
  color: #6873a2; }

.realtime-dashboard .search-filter {
  color: #6873a2; }

.realtime-dashboard .table-data {
  margin: 0 0.8em; }
  .realtime-dashboard .table-data .card {
    height: 460px; }

.realtime-dashboard .coming-soon {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent; }

.agent-dashboard .loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto; }

.agent-dashboard .filters-container {
  margin-left: auto;
  margin-bottom: -25px; }
  .agent-dashboard .filters-container #sel7 {
    width: 100%;
    height: 30px;
    font-size: 95%;
    font-weight: 500;
    padding: 0rem;
    color: #6873a2; }

.agent-dashboard .table-data .card {
  height: 450px; }

.agent-dashboard .dahsboard-row #day-wise {
  height: 450px; }

.agent-dashboard .dahsboard-row .day-wise-table {
  max-height: 400px; }

.agent-dashboard .dahsboard-row .agents-kpi {
  width: 100%;
  max-height: 300px;
  margin-top: 9px;
  position: relative;
  text-align: center; }

.agent-dashboard .dahsboard-row .card {
  /* Three column layout */
  /* Place text to the right */
  /* Clear floats after the columns */
  /* The bar container */
  /* Individual bars */
  /* Responsive layout - make the columns stack on top of each other instead of next to each other */ }
  .agent-dashboard .dahsboard-row .card .float-right-percentage {
    font-size: 38px;
    float: right;
    margin-top: -36px;
    margin-right: 10px;
    color: #3cb9ab; }
  .agent-dashboard .dahsboard-row .card .float-right-total {
    font-size: 13px;
    float: right;
    color: blue;
    margin-top: 3px;
    margin-right: 10px; }
  .agent-dashboard .dahsboard-row .card #sel2 {
    width: 120px;
    margin-bottom: -40px;
    height: 30px; }
  .agent-dashboard .dahsboard-row .card #sel3 {
    width: 120px;
    margin-bottom: -16px;
    height: 30px;
    position: relative;
    right: -150px;
    bottom: 6px; }
  .agent-dashboard .dahsboard-row .card hr {
    border: 1px solid #f1f1f1;
    width: 663px;
    size: 100px;
    margin-left: -24px; }
  .agent-dashboard .dahsboard-row .card .side {
    float: left;
    width: 15%;
    margin-top: 10px; }
    .agent-dashboard .dahsboard-row .card .side .star-rating {
      font-size: 12px;
      font-weight: 600;
      margin-left: 30px; }
  .agent-dashboard .dahsboard-row .card .middle {
    margin-top: 10px;
    float: left;
    width: 70%; }
  .agent-dashboard .dahsboard-row .card .right {
    text-align: right; }
  .agent-dashboard .dahsboard-row .card .star-value {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    margin-right: 30px; }
  .agent-dashboard .dahsboard-row .card .row:after {
    content: "";
    display: table;
    clear: both; }
  .agent-dashboard .dahsboard-row .card .bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
    border-radius: 3px; }
  .agent-dashboard .dahsboard-row .card .bar-5 {
    width: var(--width);
    height: 18px;
    background-color: #3cb9ab;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit; }
  .agent-dashboard .dahsboard-row .card .bar-4 {
    width: var(--width);
    height: 18px;
    background-color: #eba547;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit; }
  .agent-dashboard .dahsboard-row .card .bar-3 {
    width: var(--width);
    height: 18px;
    background-color: #ff9800;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit; }
  .agent-dashboard .dahsboard-row .card .bar-2 {
    width: var(--width);
    height: 18px;
    background-color: #CB4D5B;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit; }
  .agent-dashboard .dahsboard-row .card .bar-1 {
    width: var(--width);
    height: 18px;
    background-color: #CB4D5B;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit; }
  @media (max-width: 400px) {
    .agent-dashboard .dahsboard-row .card .side,
    .agent-dashboard .dahsboard-row .card .middle {
      width: 100%; }
    .agent-dashboard .dahsboard-row .card .right {
      display: none; } }
  .agent-dashboard .dahsboard-row .card #sel1 {
    width: 100px;
    height: 30px; }

.agent-dashboard .dahsboard-row .card-csat {
  min-height: 290px; }
  .agent-dashboard .dahsboard-row .card-csat h6 {
    width: 40px; }

.agent-dashboard .dahsboard-row .conversation {
  width: 100%;
  height: 290px; }
  .agent-dashboard .dahsboard-row .conversation .conversations {
    width: 100%;
    height: 150px;
    margin-top: 9px; }

.agent-dashboard .dahsboard-row .table-bordered th,
.agent-dashboard .dahsboard-row .table-bordered td {
  border-width: 2px;
  text-align: center; }

.admin-dashboard {
  /* Safari */ }
  .admin-dashboard .nav-pills .nav-link.active, .admin-dashboard .nav-pills .show > .nav-link {
    color: #1854f1;
    border-bottom: 4px solid #1854f1;
    font-size: 0.9em;
    font-weight: 600;
    padding: 0.55em 30px;
    background-color: white; }
  .admin-dashboard .nav {
    flex-wrap: nowrap; }
  .admin-dashboard .nav-item {
    font-size: 1.3em;
    padding: 2px; }
    @media (max-width: 1024px) {
      .admin-dashboard .nav-item {
        font-size: 1em; } }
  .admin-dashboard .nav-item > a {
    color: #6873a2;
    border-bottom: none;
    font-size: 0.9em;
    font-weight: 500;
    padding: 0.55em 30px;
    background-color: white; }
    @media (max-width: 1024px) {
      .admin-dashboard .nav-item > a {
        padding: 3px 30px !important; } }
  .admin-dashboard .nav-pills .nav-link {
    border-radius: 0; }
  .admin-dashboard .dahsboard-row.table-data {
    margin: 0 0.8em; }
  .admin-dashboard .dahsboard-row .col {
    padding-left: 0.8rem;
    padding-right: 0.8rem; }
  .admin-dashboard .navigation-bar {
    display: flex;
    height: 48px;
    padding: 0;
    background-color: white;
    margin-bottom: 24px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden; }
  .admin-dashboard .navigation-bar::-webkit-scrollbar {
    width: 0;
    /* Remove scrollbar space */
    height: 0;
    display: none;
    background: transparent;
    /* Optional: just make scrollbar invisible */ }
  .admin-dashboard .navigation {
    min-width: 600px; }
  .admin-dashboard .datePicker {
    border-radius: 5px;
    color: #6873a2;
    font-size: 11px;
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
    width: 100%; }
  .admin-dashboard .loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: 5; }
    .admin-dashboard .loader.absolute {
      position: absolute;
      left: 50%;
      top: 50%; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .admin-dashboard .sm {
    color: #6873a2;
    font-size: 90% !important; }
  .admin-dashboard .filters-container {
    text-align: right;
    margin: 7px 25px -19px auto; }
    @media (max-width: 1024px) {
      .admin-dashboard .filters-container {
        text-align: unset;
        display: flex;
        font-size: 1em; } }
    @media (max-width: 600px) {
      .admin-dashboard .filters-container {
        text-align: unset;
        display: block;
        font-size: 1em; } }
  .admin-dashboard #sel7 {
    margin-left: 18px;
    margin-right: -10px;
    width: 88px;
    height: 30px;
    font-size: 95%;
    font-weight: 500;
    padding: 0rem;
    color: #6873a2; }
  .admin-dashboard #sel8 {
    margin-left: 9px;
    width: 100%;
    height: 30px;
    font-size: 95%;
    font-weight: 500;
    padding: 0rem;
    color: #6873a2; }
  .admin-dashboard .checkbox-container input:checked ~ .checkmark {
    background-color: #1854f1;
    border-color: #1854f1; }
  .admin-dashboard .checkbox-container:hover input ~ .checkmark {
    border-color: #1854f1; }
  .admin-dashboard .card-header {
    background-color: #fff !important; }
    .admin-dashboard .card-header .row {
      width: 100%; }
  .admin-dashboard .table-daywise {
    max-height: 400px; }
  .admin-dashboard .dahsboard-row #day-wise {
    height: 450px; }
  .admin-dashboard .dahsboard-row .card {
    margin-bottom: 24px; }
    .admin-dashboard .dahsboard-row .card .float-right-percentage {
      font-size: 38px;
      float: right;
      margin-top: -36px;
      margin-right: 10px;
      color: #4CAF50; }
    .admin-dashboard .dahsboard-row .card .float-right-total {
      font-size: 13px;
      float: right;
      color: #1854f1;
      margin-top: 10px;
      margin-right: 10px; }
    .admin-dashboard .dahsboard-row .card #sel2 {
      width: auto;
      margin-top: 324px;
      margin-bottom: -21px;
      height: 30px;
      padding: 0rem; }
    .admin-dashboard .dahsboard-row .card #sel3 {
      width: 120px;
      margin-bottom: -16px;
      height: 30px;
      position: relative;
      right: -139px;
      padding: 0rem;
      bottom: 6px; }
    .admin-dashboard .dahsboard-row .card #sel4 {
      width: 99px;
      margin-bottom: -15px;
      height: 30px;
      position: relative;
      right: -6px;
      bottom: 0px;
      padding: 0rem; }
    .admin-dashboard .dahsboard-row .card #sel5 {
      width: 99px;
      margin-bottom: -15px;
      height: 30px;
      position: relative;
      right: -6px;
      padding: 0rem;
      bottom: -4px; }
    .admin-dashboard .dahsboard-row .card #sel6 {
      width: 120px;
      margin-bottom: -16px;
      height: 30px;
      position: relative;
      right: -113px;
      padding: 0rem;
      bottom: 45px; }
    .admin-dashboard .dahsboard-row .card #sel9 {
      width: auto;
      margin-top: 211px;
      height: 30px;
      padding: 0rem; }
    .admin-dashboard .dahsboard-row .card hr {
      border: 1px solid #f1f1f1;
      width: 603px;
      size: 100px;
      margin-left: -24px;
      margin-top: 57px; }
    .admin-dashboard .dahsboard-row .card .side {
      float: left;
      width: 15%;
      margin-top: 10px; }
      .admin-dashboard .dahsboard-row .card .side .star-rating {
        font-size: 12px;
        font-weight: 600;
        margin-left: 30px;
        color: #6873a2; }
    .admin-dashboard .dahsboard-row .card .middle {
      margin-top: 10px;
      float: left;
      width: 70%; }
    .admin-dashboard .dahsboard-row .card .right {
      text-align: right; }
    .admin-dashboard .dahsboard-row .card .star-value {
      font-size: 12px;
      font-weight: 600;
      text-align: center;
      margin-right: 30px;
      color: #6873a2; }
    .admin-dashboard .dahsboard-row .card .row:after {
      content: "";
      display: table;
      clear: both; }
    .admin-dashboard .dahsboard-row .card .bar-container {
      width: 100%;
      background-color: #f1f1f1;
      text-align: center;
      color: white;
      border-radius: 3px; }
    .admin-dashboard .dahsboard-row .card .bar-5 {
      width: var(--width);
      height: 18px;
      background-color: #4CAF50;
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit; }
    .admin-dashboard .dahsboard-row .card .bar-4 {
      width: var(--width);
      height: 18px;
      background-color: #2196F3;
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit; }
    .admin-dashboard .dahsboard-row .card .bar-3 {
      width: var(--width);
      height: 18px;
      background-color: #00bcd4;
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit; }
    .admin-dashboard .dahsboard-row .card .bar-2 {
      width: var(--width);
      height: 18px;
      background-color: #ff9800;
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit; }
    .admin-dashboard .dahsboard-row .card .bar-1 {
      width: var(--width);
      height: 18px;
      background-color: #f44336;
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit; }
    @media (max-width: 400px) {
      .admin-dashboard .dahsboard-row .card .side,
      .admin-dashboard .dahsboard-row .card .middle {
        width: 100%; }
      .admin-dashboard .dahsboard-row .card .right {
        display: none; } }
    .admin-dashboard .dahsboard-row .card #sel1 {
      width: auto;
      height: 30px;
      padding: 0; }
  .admin-dashboard .dahsboard-row .card-csat {
    min-height: 330px; }
    .admin-dashboard .dahsboard-row .card-csat .card-header {
      padding-bottom: 10px; }
      .admin-dashboard .dahsboard-row .card-csat .card-header .row {
        margin-left: 0; }
      .admin-dashboard .dahsboard-row .card-csat .card-header .widget-filter {
        margin-left: auto; }
    .admin-dashboard .dahsboard-row .card-csat .card-body .left-half {
      padding: 5%; }
    .admin-dashboard .dahsboard-row .card-csat .card-body .right-half {
      padding: 25px 0; }
      .admin-dashboard .dahsboard-row .card-csat .card-body .right-half .row {
        margin: 2px 0;
        vertical-align: center; }
        .admin-dashboard .dahsboard-row .card-csat .card-body .right-half .row .fa {
          align-self: center; }
        .admin-dashboard .dahsboard-row .card-csat .card-body .right-half .row .rating-number {
          margin-left: 3%;
          align-self: center; }
        .admin-dashboard .dahsboard-row .card-csat .card-body .right-half .row .rating-value {
          align-self: center; }
        .admin-dashboard .dahsboard-row .card-csat .card-body .right-half .row .rating-bar-holder {
          margin: 0 3%;
          width: 67%; }
        .admin-dashboard .dahsboard-row .card-csat .card-body .right-half .row .rating-star {
          color: #3B506C; }
        .admin-dashboard .dahsboard-row .card-csat .card-body .right-half .row .rating-bar {
          width: 68%;
          position: absolute;
          height: 15px; }
          .admin-dashboard .dahsboard-row .card-csat .card-body .right-half .row .rating-bar.placeholder {
            border-radius: 6px;
            border: 3px solid rgba(0, 0, 0, 0.1);
            width: 100%;
            height: 0;
            top: 50%; }
          .admin-dashboard .dahsboard-row .card-csat .card-body .right-half .row .rating-bar.actual-value {
            border-radius: 6px;
            border: 3px solid #3B506C;
            height: 0;
            top: 50%; }
    .admin-dashboard .dahsboard-row .card-csat .card-footer {
      background-color: white;
      padding: 0.75rem 0; }
  .admin-dashboard .dahsboard-row .conversation {
    min-height: 330px; }
    .admin-dashboard .dahsboard-row .conversation .card-header {
      border-bottom: 0 none; }
      .admin-dashboard .dahsboard-row .conversation .card-header .row {
        margin-left: 0; }
        .admin-dashboard .dahsboard-row .conversation .card-header .row .chip-set {
          padding: 5px 0; }
      .admin-dashboard .dahsboard-row .conversation .card-header .widget-filter {
        margin-left: auto; }
    .admin-dashboard .dahsboard-row .conversation .card-body {
      padding: 25px 0 25px 0; }
      .admin-dashboard .dahsboard-row .conversation .card-body.no-top-padding {
        padding-top: 0 !important; }
      .admin-dashboard .dahsboard-row .conversation .card-body.no-bottom-padding {
        padding-bottom: 0 !important; }
      .admin-dashboard .dahsboard-row .conversation .card-body .card-body-chart {
        height: 200px;
        width: 100%; }
    .admin-dashboard .dahsboard-row .conversation .conversations {
      max-height: 300px;
      margin-top: 9px;
      text-align: center;
      position: relative; }
  .admin-dashboard .dahsboard-row .overall {
    width: 100%;
    max-height: 300px;
    margin-top: 9px;
    text-align: center;
    position: relative; }
  .admin-dashboard .dahsboard-row .department-wise {
    text-align: center; }
  .admin-dashboard .agent-data {
    height: 345px; }
    .admin-dashboard .agent-data .agent-wise {
      max-height: 300px;
      margin-top: 9px;
      text-align: center;
      position: relative; }
  .admin-dashboard .card-header {
    padding: 0.75rem 0.25rem; }

.daterangepicker .applyBtn {
  display: none; }

.daterangepicker .cancelBtn {
  display: none; }

.with-nav-tabs {
  background-color: rgba(255, 255, 255, 0); }

.card .card-body {
  padding: 0; }

.realtime .dahsboard-row .card {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08), 0px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 8px; }

.card-header-text {
  font-size: 1.2em;
  font-weight: bold; }

.container {
  display: flex; }

.csat-div {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.csat-progress-bar {
  background-color: #ff9e2c;
  flex: 1;
  padding: 1rem; }

.csat-progress-stats {
  background-color: #b6701e;
  flex: 1;
  padding: 1rem; }

.chip {
  width: 10px;
  height: 0;
  margin: 3px 10px;
  border-radius: 6px; }
  .chip.blue {
    border: 3px solid #36a2eb; }
  .chip.orange {
    border: 3px solid #ff9f40; }
  .chip.purple {
    border: 3px solid orchid; }
  .chip.cyan {
    border: 3px solid turquoise; }
  .chip.green {
    border: 3px solid #409f40; }
  .chip.violet {
    border: 3px solid #5078ec; }
  .chip.light-violet {
    border: 3px solid rgba(80, 120, 236, 0.05); }

.table-card-header {
  font-size: 1.5em;
  padding: 5px 0;
  margin-top: 5px;
  font-weight: 600; }
  .table-card-header .row {
    margin: auto;
    align-items: center; }
  .table-card-header .widget-filter {
    margin-left: auto; }
    .table-card-header .widget-filter .datePicker {
      font-size: 15px; }
    .table-card-header .widget-filter .name-search-filter {
      margin-right: 20px;
      height: 2em; }
      .table-card-header .widget-filter .name-search-filter .input-group {
        height: 1.7em; }
    .table-card-header .widget-filter .input-group > .form-control {
      border-radius: 50rem !important;
      height: 2.6em; }

.table-card thead {
  border-bottom: 1px solid #cdd4ea !important; }

.table-card thead th {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  background-color: #ffffff;
  padding: 16px;
  z-index: 10; }

.table-card tbody tr td {
  background-color: #ffffff !important;
  border-bottom: 1px solid #f0f3fa !important;
  font-size: unset; }

.table-card {
  padding: 0 !important;
  overflow-y: auto;
  max-height: 350px;
  min-height: 300px;
  background-color: #f5f7fa; }
  .table-card.no-min-height {
    min-height: 50px; }
  .table-card.no-max-height {
    max-height: 5000px; }
  .table-card table {
    border-collapse: collapse !important;
    border-radius: 0.8em !important; }
    .table-card table tbody .text-center {
      text-align: center;
      padding: 15px; }
  .table-card .table {
    margin: 0 !important;
    color: #485388 !important; }
  .table-card .table-striped > tbody > tr:nth-child(even) > td,
  .table-card .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #f5f7fa;
    border: 0; }
  .table-card .table-striped > tbody > tr:nth-child(odd) > td,
  .table-card .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: white;
    border: 0; }
  .table-card .table-striped > thead {
    background-color: #ffffff;
    border: 0; }
  .table-card .table-striped th {
    border: 0; }

.goalCompletion {
  margin-top: 1.5rem; }
  .goalCompletion small {
    font-size: .75em; }
  .goalCompletion .chart-card {
    padding: 50px 0; }
  .goalCompletion .goal-chart {
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0; }
  .goalCompletion .chart-container {
    position: relative;
    height: 400px;
    width: 100%; }
  .goalCompletion #sel-recipe {
    margin-left: 9px;
    width: 100%;
    height: 35px;
    font-size: 16px;
    font-weight: 500;
    padding: 5px;
    color: #6873a2; }
  .goalCompletion .loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: 5; }
    .goalCompletion .loader.absolute {
      position: absolute;
      left: 50%;
      top: 50%; }

.agents-page .agents-list {
  text-align: center; }

.agents-page .modal-body {
  display: block;
  max-height: 370px;
  overflow: scroll; }

.agents-page .loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto; }

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

.realtime {
  color: #6873a2 !important; }
  .realtime .loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto; }
  .realtime .sm {
    color: #6873a2; }
  .realtime .el-tablo {
    text-align: center;
    font-weight: 700; }
    .realtime .el-tablo .label {
      font-size: 0.8em;
      margin-bottom: 12px;
      text-transform: uppercase; }
    .realtime .el-tablo .value {
      font-size: 2.3em; }
  .realtime .filters-container {
    margin-bottom: -25px;
    margin-top: 0px;
    margin-right: 15px; }
  .realtime #sel8 {
    margin-left: 10px;
    width: auto;
    height: 30px;
    font-size: 95%;
    font-weight: 500;
    color: #6873a2;
    padding: 0rem; }
  .realtime .table {
    margin-top: 14px;
    color: #485388 !important; }
  .realtime .mid-tables {
    height: 230px; }
  .realtime .checkbox-container input:checked ~ .checkmark {
    background-color: #1854f1 !important;
    border-color: #1854f1 !important; }
  .realtime .checkbox-container:hover input ~ .checkmark {
    border-color: #1854f1 !important; }
  .realtime .nav-pills .nav-link.active {
    background-color: #1854f1 !important; }
  .realtime a {
    color: #1854f1 !important; }
  .realtime .card-header {
    background-color: #fff !important; }
  .realtime .btn-primary {
    color: #fff;
    background-color: #1854f1 !important;
    border-color: #1854f1 !important;
    margin-left: 112px;
    margin-top: -141px; }
  .realtime .btn-primary:not(:disabled):not(.disabled):active,
  .realtime .btn-primary:not(:disabled):not(.disabled).active,
  .realtime .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1854f1 !important;
    border-color: #1854f1 !important; }
  .realtime .table-daywise {
    max-height: 400px; }
  .realtime .status {
    height: 400px; }
  .realtime .status-table {
    height: 305px; }
  .realtime .dahsboard-row #daywise {
    margin-left: 16px;
    margin-right: 16px;
    height: 419px; }
  .realtime .dahsboard-row .card {
    margin-bottom: 24px; }
    .realtime .dahsboard-row .card.data-card {
      min-height: 180px;
      padding: 20px;
      display: flex;
      justify-content: center;
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08), 0px 1px 3px rgba(0, 0, 0, 0.2);
      border-radius: 8px; }
      .realtime .dahsboard-row .card.data-card.height-180 {
        min-height: 180px;
        margin-bottom: 24px;
        width: 100%; }
      .realtime .dahsboard-row .card.data-card .label {
        font-size: 1.2em;
        font-weight: 700;
        color: #6873a2; }
      .realtime .dahsboard-row .card.data-card .chart-value {
        padding: 10px 0;
        display: flex;
        align-items: center; }
      .realtime .dahsboard-row .card.data-card .chart-value-label {
        font-size: 0.9em;
        padding: 10px 0 0 0; }
      .realtime .dahsboard-row .card.data-card .value {
        padding: 20px 0 20px 20px;
        font-size: 3.5vw;
        color: #485388; }
      .realtime .dahsboard-row .card.data-card .table {
        padding: 0 20px;
        color: #485388 !important;
        min-height: 190px; }
        .realtime .dahsboard-row .card.data-card .table.padding-5 {
          padding: 5px 10px 5px 5px; }
          .realtime .dahsboard-row .card.data-card .table.padding-5.exclude-right {
            padding-right: 20px; }
      .realtime .dahsboard-row .card.data-card .table-label {
        font-size: 1.1em;
        font-weight: 500;
        padding: 0 10px;
        margin: 10px 0; }
      .realtime .dahsboard-row .card.data-card .table-value {
        font-size: 2em;
        margin: 10px 0 10px auto; }
        .realtime .dahsboard-row .card.data-card .table-value.medium {
          font-size: 1.5em;
          padding-bottom: 10px; }
    .realtime .dahsboard-row .card .float-right-percentage {
      font-size: 38px;
      float: right;
      margin-top: -36px;
      margin-right: 10px;
      color: #3cb9ab; }
    .realtime .dahsboard-row .card .float-right-total {
      font-size: 13px;
      float: right;
      color: #1854f1 !important;
      margin-top: -37px;
      margin-right: 10px; }
    .realtime .dahsboard-row .card #sel2 {
      width: auto;
      height: 30px;
      font-size: 95%;
      font-weight: 500;
      color: #6873a2;
      padding: 0rem; }
    .realtime .dahsboard-row .card #sel3 {
      width: 120px;
      margin-bottom: -16px;
      height: 30px;
      position: relative;
      right: -139px;
      bottom: 6px;
      padding: 0rem; }
    .realtime .dahsboard-row .card #sel4 {
      width: 99px;
      margin-bottom: -15px;
      height: 30px;
      position: relative;
      right: -6px;
      bottom: 0px;
      padding: 0rem; }
    .realtime .dahsboard-row .card #sel5 {
      width: 99px;
      margin-bottom: -15px;
      height: 30px;
      position: relative;
      right: -6px;
      bottom: -4px;
      padding: 0rem; }
    .realtime .dahsboard-row .card #sel6 {
      width: 120px;
      margin-bottom: -16px;
      height: 30px;
      position: relative;
      right: -113px;
      padding: 0rem;
      bottom: 45px; }
    .realtime .dahsboard-row .card hr {
      border: 1px solid #f1f1f1;
      width: 625px;
      size: 100px;
      margin-left: -24px;
      margin-top: 57px; }
    .realtime .dahsboard-row .card .side {
      float: left;
      width: 15%;
      margin-top: 10px; }
      .realtime .dahsboard-row .card .side .star-rating {
        font-size: 12px;
        font-weight: 600;
        margin-left: 30px;
        color: #6873a2; }
    .realtime .dahsboard-row .card .middle {
      margin-top: 10px;
      float: left;
      width: 70%; }
    .realtime .dahsboard-row .card .right {
      text-align: right; }
    .realtime .dahsboard-row .card .star-value {
      font-size: 12px;
      font-weight: 600;
      text-align: center;
      margin-right: 30px;
      color: #6873a2; }
    .realtime .dahsboard-row .card .row {
      align-items: center; }
    .realtime .dahsboard-row .card .row:after {
      content: "";
      display: table;
      clear: both; }
    .realtime .dahsboard-row .card .bar-container {
      width: 100%;
      background-color: #f1f1f1;
      text-align: center;
      color: white;
      border-radius: 3px; }
    .realtime .dahsboard-row .card .bar-5 {
      width: var(--width);
      height: 18px;
      background-color: #3cb9ab;
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit; }
    .realtime .dahsboard-row .card .bar-4 {
      width: var(--width);
      height: 18px;
      background-color: #eba547;
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit; }
    .realtime .dahsboard-row .card .bar-3 {
      width: var(--width);
      height: 18px;
      background-color: #ff9800;
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit; }
    .realtime .dahsboard-row .card .bar-2 {
      width: var(--width);
      height: 18px;
      background-color: #CB4D5B;
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit; }
    .realtime .dahsboard-row .card .bar-1 {
      width: var(--width);
      height: 18px;
      background-color: #CB4D5B;
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit; }
    @media (max-width: 400px) {
      .realtime .dahsboard-row .card .side,
      .realtime .dahsboard-row .card .middle {
        width: 100%; }
      .realtime .dahsboard-row .card .right {
        display: none; } }
    .realtime .dahsboard-row .card #sel1 {
      width: auto;
      height: 30px; }
  .realtime .dahsboard-row .card-csat {
    height: 345px; }
  .realtime .dahsboard-row .conversation {
    width: 632px;
    height: 345px; }
    .realtime .dahsboard-row .conversation .conversations {
      width: 500px;
      max-height: 300px;
      margin-top: 9px;
      text-align: center; }
      .realtime .dahsboard-row .conversation .conversations tr {
        line-height: 4px; }
  .realtime .hourly {
    position: relative;
    height: 285px;
    width: 100%;
    border-radius: 8px; }
    .realtime .hourly h6 {
      color: #6873a2; }
  .realtime .chart-container {
    position: relative;
    height: 210px;
    width: 100%; }
  .realtime .dahsboard-row .col {
    padding-left: 0.8rem;
    padding-right: 0.8rem; }
  .realtime .agents-list-w {
    max-height: 400px;
    overflow: auto; }
    .realtime .agents-list-w .agents-list .avatar-w {
      position: relative;
      margin-right: 10px; }
      .realtime .agents-list-w .agents-list .avatar-w .avatar {
        height: 24px;
        width: 24px;
        border-radius: 3px; }
  .realtime .footer {
    padding: 20px;
    font-size: 0.9em; }

.event-list-modal .col-centered {
  float: none;
  margin: 0 auto; }

.event-list-modal .heading {
  font-size: 1.4em; }
  .event-list-modal .heading.green {
    color: green; }
  .event-list-modal .heading.red {
    color: red; }
  .event-list-modal .heading.grey {
    color: grey; }

.event-list-modal .sub-heading {
  font-size: 0.95em;
  color: #999999; }

.event-list-modal .cell {
  padding: 5px 15px;
  background: whitesmoke;
  font-size: 1em;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  margin-right: 30px;
  margin-left: -17px; }

.event-list-modal .status-event-table {
  margin-top: 4.5rem; }

.event-list-modal .color-box {
  max-width: 5px;
  margin: 0;
  padding: 0; }

.agent-status-bar {
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #b5bdd9;
  min-width: 140px; }
  .agent-status-bar .status-event {
    height: 18px; }
    .agent-status-bar .status-event.status-OFFLINE {
      background-color: #cdd4ea; }
    .agent-status-bar .status-event.status-LIVECHAT_ENABLED {
      background-color: #0c9735; }
    .agent-status-bar .status-event.status-LIVECHAT_DISABLED {
      background-color: #c81919; }

.progressPercent {
  position: absolute;
  top: 35%;
  z-index: 3;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  line-height: 1.1; }
  .progressPercent .percentage.text {
    height: 100%;
    font-size: 200%; }
  .progressPercent .percentage.description {
    font-size: 100%; }
  .progressPercent.title {
    position: relative;
    top: 20px !important;
    align-self: center;
    font-size: 15px !important; }

.progressWrap {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 100%; }

.content {
  position: relative;
  width: 100%;
  padding-bottom: 100%; }

#circleBg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 5px solid;
  border-radius: 100%; }

#percentBg {
  position: absolute;
  z-index: 0;
  margin: 7%;
  width: 86%;
  height: 86%;
  border-radius: 100%; }

#circularPercentageBarCanvas {
  position: absolute;
  z-index: 1;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }

#template_selection_form {
  font-size: 15px; }
  #template_selection_form .form-check {
    background-color: #f5f5f5;
    margin: 1px;
    padding: 1rem; }
  #template_selection_form .check-input {
    background: url("img/oval-white.svg"); }
  #template_selection_form .check-input:checked {
    background: url("img/oval.svg"); }

.stepsHeader-table {
  background-color: white; }
  .stepsHeader-table th {
    width: 20%; }
  .stepsHeader-table .current-step-header {
    background-color: #f0f4fe;
    color: #4a7bf0; }

.campaigns-page .loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  z-index: 5; }
  .campaigns-page .loader.absolute {
    position: absolute;
    left: 50%;
    top: 50%; }

.campaigns-page .table-cell {
  height: 25px;
  cursor: pointer;
  font-size: 0.8rem; }

.campaigns-page .table-card {
  max-height: 450px; }

.campaigns-page .form-group label {
  font-size: 15px; }

.campaigns-page label {
  font-size: 15px; }

.campaigns-page .summary-table {
  font-size: 15px; }
  .campaigns-page .summary-table th {
    padding-left: 0rem; }

.campaigns-page .copy_campaign_id {
  cursor: pointer; }

.campaigns-page .template_info {
  font-size: 0.7rem;
  color: rgba(33, 33, 33, 0.7); }

.campaigns-page .existing-template-message {
  font-size: 0.8rem;
  color: #999999; }

.campaigns-page .disabled {
  opacity: 0.5;
  cursor: not-allowed !important; }

#select_users_via_radios .form-check-inline,
#whatsapp_button_radios .form-check-inline {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }
  #select_users_via_radios .form-check-inline .form-check-label,
  #whatsapp_button_radios .form-check-inline .form-check-label {
    padding-left: 0.5rem; }

.all_campaigns_card .card-body {
  background-color: #20293e;
  color: #ffffff;
  padding: 16px; }

.all_campaigns_card .campaign_name {
  font-size: 17px;
  margin-bottom: 0rem;
  font-weight: 700; }

.all_campaigns_card .campaign_mini_info {
  opacity: 0.72;
  font-size: 13px; }

.all_campaigns_card .campaign_mini_info_id {
  opacity: 0.72;
  font-size: 13px;
  margin-bottom: 0rem; }

.all_campaigns_card .campaign_mini_info_date {
  opacity: 0.72;
  font-size: 13px; }

.all_campaigns_card .campaigns_stat_info {
  margin-bottom: 0.5rem; }

.all_campaigns_card .campaign_stat_label {
  opacity: 0.72;
  font-size: 13px;
  margin-bottom: 0.5rem; }

.all_campaigns_card .campaign-icon {
  width: 60px;
  height: 60px; }

.campaignOverviewPopup .modal-body {
  padding-bottom: 0; }

.campaignOverviewPopup .table-row {
  margin: 1.5em 0; }

.campaignOverviewPopup .modal-dialog {
  max-width: 70%; }

.campaignOverviewPopup .no-margin {
  margin: 0 !important;
  padding-right: 0 !important; }

.campaignOverviewPopup .grey-bg {
  background-color: #eeeeee; }

.campaignOverviewPopup .code-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 10px;
  font-size: 1.2em; }

.campaignOverviewPopup .code {
  padding: 0 10px;
  font-size: 0.9em; }

.campaignOverviewPopup .code-expand-toggle {
  font-size: 1.2em;
  padding: 20px 10px;
  color: skyblue; }

.campaignOverviewPopup .arrow {
  border: solid skyblue;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3.5px; }
  .campaignOverviewPopup .arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 3px; }
  .campaignOverviewPopup .arrow.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin: 0 3px; }

.campaignOverviewPopup .messageText {
  white-space: pre-line; }

.whatsappChat {
  right: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(50%) translateY(-50%);
          transform: translateX(50%) translateY(-50%);
  /* Status Bar */
  /* Chat */
  /* User Bar */
  /* Conversation */
  /* Messages */
  /* Compose */ }
  .whatsappChat .phone-mock {
    right: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%);
    width: 250px;
    height: 450px;
    z-index: 10; }
  .whatsappChat .page {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center; }
  .whatsappChat .marvel-device .screen {
    text-align: left; }
  .whatsappChat .screen-container {
    height: 100%; }
  .whatsappChat .status-bar {
    height: 12px;
    background: #004e45;
    color: #fff;
    font-size: 14px;
    padding: 0 8px; }
  .whatsappChat .status-bar:after {
    content: "";
    display: table;
    clear: both; }
  .whatsappChat .status-bar div {
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0 0 0 8px;
    font-weight: 700; }
  .whatsappChat .chat {
    height: calc(100% - 69px); }
  .whatsappChat .chat-container {
    height: 100%; }
  .whatsappChat .user-bar {
    height: 45px;
    background: #005e54;
    color: #fff;
    padding: 0 8px;
    font-size: 24px;
    position: relative;
    z-index: 1; }
  .whatsappChat .user-bar:after {
    content: "";
    display: table;
    clear: both; }
  .whatsappChat .user-bar div {
    float: left;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: relative;
    top: 50%; }
  .whatsappChat .user-bar .actions {
    float: right;
    margin: 0 0 0 20px; }
  .whatsappChat .user-bar .actions.more {
    margin: 0 12px 0 32px; }
  .whatsappChat .user-bar .actions.attachment {
    margin: 0 0 0 30px; }
  .whatsappChat .user-bar .actions.attachment i {
    display: block;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .whatsappChat .user-bar .avatar {
    margin: 0 0 0 5px;
    width: 30px;
    height: 30px; }
  .whatsappChat .user-bar .avatar img {
    border-radius: 50%;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    display: block;
    width: 100%; }
  .whatsappChat .user-bar .name {
    font-size: 15px;
    font-weight: 700;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
    margin: 0 0 0 8px;
    overflow: hidden;
    white-space: nowrap;
    width: 110px; }
  .whatsappChat .user-bar .status {
    display: block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0; }
  .whatsappChat .conversation {
    height: 360px;
    position: relative;
    background: #efe7dd url("images/whatsapp-background.jpg") repeat;
    z-index: 0; }
  .whatsappChat .conversation ::-webkit-scrollbar {
    transition: all .5s;
    width: 5px;
    height: 1px;
    z-index: 10; }
  .whatsappChat .conversation ::-webkit-scrollbar-track {
    background: transparent; }
  .whatsappChat .conversation ::-webkit-scrollbar-thumb {
    background: #b3ada7; }
  .whatsappChat .conversation .conversation-container {
    height: calc(100% - 60px);
    box-shadow: inset 0 10px 10px -10px #000000;
    overflow-x: hidden;
    padding: 0 16px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column; }
  .whatsappChat .conversation .conversation-container:after {
    content: "";
    display: table;
    clear: both; }
  .whatsappChat .message {
    color: #2d376d;
    clear: both;
    line-height: 18px;
    font-size: .9em;
    padding: 8px;
    position: relative;
    margin: 8px 0;
    max-width: 85%;
    word-wrap: break-word;
    z-index: -1; }
  .whatsappChat .message:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid; }
  .whatsappChat .metadata {
    display: inline-block;
    float: right;
    padding: 0 0 0 7px;
    position: relative;
    bottom: -4px; }
  .whatsappChat .metadata .time {
    color: rgba(0, 0, 0, 0.45);
    font-size: 11px;
    display: inline-block; }
  .whatsappChat .metadata .tick {
    display: inline-block;
    margin-left: 2px;
    position: relative;
    top: 4px;
    height: 16px;
    width: 16px; }
  .whatsappChat .metadata .tick svg {
    position: absolute;
    transition: .5s ease-in-out; }
  .whatsappChat .message:first-child {
    margin: 16px 0 4px; }
  .whatsappChat .message.received {
    background: #fff;
    border-radius: 0px 5px 5px 5px;
    float: left; }
  .whatsappChat .message.received .metadata {
    padding: 0 0 0 16px; }
  .whatsappChat .message.received:after {
    border-width: 0px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
    top: 0;
    left: -10px; }
  .whatsappChat .message.sent {
    background: #e1ffc7;
    border-radius: 5px 0px 5px 5px;
    float: right; }
  .whatsappChat .message.sent:after {
    border-width: 0px 0 10px 10px;
    border-color: transparent transparent transparent #e1ffc7;
    top: 0;
    right: -10px; }
  .whatsappChat .conversation-compose {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    overflow: hidden;
    height: 40px;
    width: 100%;
    z-index: 2; }
  .whatsappChat .conversation-compose div,
  .whatsappChat .conversation-compose input {
    background: #fff;
    height: 100%; }
  .whatsappChat .conversation-compose .emoji {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 5px 0 0 5px;
    flex: 0 0 auto;
    margin-left: 8px;
    width: 38px; }
  .whatsappChat .conversation-compose .input-msg {
    border: 0;
    flex: 1 1 auto;
    font-size: 14px;
    margin: 0;
    outline: none;
    min-width: 40px; }
  .whatsappChat .conversation-compose .photo {
    flex: 0 0 auto;
    border-radius: 0 0 5px 0;
    text-align: center;
    position: relative;
    width: 35px; }
  .whatsappChat .conversation-compose .photo:after {
    border-width: 0px 0 10px 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    top: 0;
    right: -10px; }
  .whatsappChat .conversation-compose .photo i {
    display: block;
    color: #7d8488;
    font-size: 24px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: relative;
    top: 50%;
    left: 50%; }
  .whatsappChat .conversation-compose .send {
    background: transparent;
    border: 0;
    cursor: pointer;
    flex: 0 0 auto;
    margin-left: 8px;
    margin-right: 8px;
    padding: 0;
    position: relative;
    outline: none; }
  .whatsappChat .conversation-compose .send .circle {
    background: #008a7c;
    border-radius: 50%;
    color: #fff;
    position: relative;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .whatsappChat .conversation-compose .send .circle i {
    font-size: 24px;
    margin-left: 5px; }
  .whatsappChat .marvel-device.samsung-s9 {
    border-radius: 0;
    flex: none;
    padding: 0;
    max-width: none;
    overflow: hidden;
    height: 100%;
    width: 100%; }
  .whatsappChat .messageText {
    white-space: pre-line; }
  .whatsappChat .reply-button {
    display: flex;
    width: calc(85% + 4px);
    flex-wrap: wrap; }
    .whatsappChat .reply-button .reply-btn {
      color: #1854f1;
      width: calc(50% - 4px);
      text-align: center;
      background-color: #ffffff;
      border-radius: 4px;
      margin-bottom: 4px;
      padding: 2px; }
    .whatsappChat .reply-button .reply-btn:nth-child(2) {
      width: calc(50% - 4px) !important;
      margin-left: 4px !important; }
    .whatsappChat .reply-button .reply-btn:last-child {
      width: calc(100% - 4px);
      margin: 0;
      margin-bottom: 4px; }
  .whatsappChat .action-button {
    width: 85%; }
    .whatsappChat .action-button .action-btn {
      width: 100%;
      color: #1854f1;
      background-color: #ffffff;
      padding: 4px;
      border-radius: 4px;
      margin-bottom: 4px;
      text-align: center; }

#new_template_form {
  height: 80vh;
  overflow: auto;
  padding: 0 16px; }
  #new_template_form .whatsapp-button-content-wrapper {
    padding: 24px;
    margin: 8px 0;
    border: 1px solid #cdd4ea;
    border-radius: 4px;
    background-color: #f0f3fa; }
    #new_template_form .whatsapp-button-content-wrapper .quick-reply-form-group {
      margin: 0; }
    #new_template_form .whatsapp-button-content-wrapper .remove-whatsapp-button {
      background-color: transparent;
      color: #1854f1;
      border: none;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
    #new_template_form .whatsapp-button-content-wrapper .call-to-action-form-group {
      display: flex; }
      #new_template_form .whatsapp-button-content-wrapper .call-to-action-form-group .left-section {
        width: 30%;
        margin-right: 16px; }
      #new_template_form .whatsapp-button-content-wrapper .call-to-action-form-group .right-section {
        width: 70%; }
  #new_template_form .add-whatsapp-button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  #new_template_form .submit-button {
    position: absolute; }

.user-list-page .avatar-w {
  position: relative;
  margin-right: 14px; }
  .user-list-page .avatar-w .avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%; }

@media (max-width: 1200px) {
  .user-list-page .react-iframe-support {
    margin: 0 auto; }
  .user-list-page .offset-lg-2 {
    margin-left: 0; }
  .user-list-page .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%; } }

.user-upload .user-upload-page .js-cancel-upload {
  color: #1854f1; }

.user-upload .user-upload-page .modal-header {
  padding: 24px;
  position: relative; }

.user-upload .user-upload-page .upload-progress {
  height: 4px;
  background: #1854f1;
  width: 1%;
  transition: width 400ms ease-in-out; }

.user-upload .user-upload-page .upload-value {
  right: 8px;
  position: absolute;
  bottom: 4px;
  font-size: 13px;
  font-weight: 700;
  color: #1854f1; }

.user-upload .user-upload-page .modal-subtitle {
  margin-bottom: 8px; }

.user-upload .user-upload-page .modal-subtitle.error-message {
  color: #c81919; }

.user-upload .user-upload-page .modal-subtitle.warning-message {
  color: #d65500; }

.user-upload .user-upload-page .modal-subtitle.success-message {
  color: #0c9735; }

.user-upload .user-upload-page .download-sample-csv {
  color: #1854f1;
  font-size: 13px;
  cursor: pointer; }

.user-upload .user-upload-page .modal-body {
  padding: 24px;
  max-height: 400px;
  overflow-y: auto; }

.user-upload .user-upload-page .modal-body .table-header {
  height: 50px;
  border: 1px solid #b8b8b8;
  align-items: center;
  padding: 24px;
  color: #414141;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.user-upload .user-upload-page .modal-body .table-header div,
.user-upload .user-upload-page .modal-body .table-body .table-row div {
  width: calc((100% / 3) - 60px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.user-upload .user-upload-page .modal-body .table-header .checkbox-container {
  width: 24px;
  bottom: 8px; }

.user-upload .user-upload-page .modal-body .table-body .table-row .checkbox-container {
  width: 24px; }

.user-upload .user-upload-page .modal-body .table-header .checkmark,
.user-upload .user-upload-page .modal-body .table-body .table-row .checkmark {
  width: 18px !important; }

.user-upload .user-upload-page .modal-body .table-body .table-row .pending,
.user-upload .user-upload-page .modal-body .table-body .table-row .success,
.user-upload .user-upload-page .modal-body .table-body .table-row .error {
  border-radius: 4px;
  width: auto;
  padding: 1px 4px; }

.user-upload .user-upload-page .modal-body .table-body .table-row .success {
  color: #0c9735; }

.user-upload .user-upload-page .modal-body .table-body .table-row .error {
  color: #c81919; }

.user-upload .user-upload-page .modal-body .table-body .table-row .error-message {
  width: auto;
  font-size: 13px;
  color: #c81919; }

.user-upload .user-upload-page .modal-body .table-body .table-row .issue {
  color: #c81919; }

.user-upload .user-upload-page .modal-body .table-body .table-row .issue-message {
  width: auto;
  font-size: 13px;
  color: #d65500; }

.user-upload .user-upload-page .modal-body .table-body {
  border: 1px solid #b8b8b8;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
  flex-direction: column; }

.user-upload .user-upload-page .modal-body .table-body .table-row {
  display: flex;
  border-bottom: 1px solid #b8b8b8;
  padding: 12px 24px; }

.user-upload .user-upload-page .modal-body .table-body .table-row:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.user-upload .user-upload-page .file-dropzone {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  background: #f0f3fa;
  border: 1px solid #cdd4ea;
  border-radius: 4px; }

.user-upload .user-upload-page .file-dropzone input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  font-size: 2rem;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  box-sizing: border-box; }

.user-upload .user-upload-page .file-dropzone input[type="text"] {
  background: none;
  border: none;
  width: 84px;
  padding: 0;
  text-align: center;
  font-size: 15px; }

.user-upload .user-upload-page .file-dropzone span {
  color: #1854f1;
  font-size: 15px;
  margin-left: 6px; }

.user-upload .user-upload-page .file-dropzone .upload-icon {
  height: 62px;
  width: 62px;
  background: #00b7ef52;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center; }

.user-upload .user-upload-page .file-dropzone .upload-icon i {
  color: #1854f1;
  font-size: 22px; }

.user-upload .user-upload-page .file-dropzone .file-name {
  width: 100%;
  justify-content: center; }

.user-upload .user-upload-page .user-toggle {
  padding: 12px 0; }
  .user-upload .user-upload-page .user-toggle .switch-input {
    display: none; }
  .user-upload .user-upload-page .user-toggle .switch-title {
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0; }
  .user-upload .user-upload-page .user-toggle .switch-label {
    position: relative;
    cursor: pointer;
    font-weight: 600; }
  .user-upload .user-upload-page .user-toggle .switch-label:before,
  .user-upload .user-upload-page .user-toggle .switch-label:after {
    content: "";
    position: absolute;
    margin: 0;
    outline: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: all 0.3s ease; }
  .user-upload .user-upload-page .user-toggle .switch-label:before {
    left: 1px;
    width: 34px;
    height: 14px;
    background-color: #9e9e9e;
    border-radius: 8px; }
  .user-upload .user-upload-page .user-toggle .switch-label:after {
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fafafa;
    border-radius: 50%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084); }
  .user-upload .user-upload-page .user-toggle .switch-label .toggle--on {
    display: none; }
  .user-upload .user-upload-page .user-toggle .switch-label .toggle--off {
    display: inline-block; }
  .user-upload .user-upload-page .user-toggle .switch-input:checked + .switch-label:before {
    background-color: #00a0ae;
    opacity: 0.5; }
  .user-upload .user-upload-page .user-toggle .switch-input:checked + .switch-label:after {
    background-color: #00a0ae;
    -webkit-transform: translate(80%, -50%);
    transform: translate(80%, -50%); }
  .user-upload .user-upload-page .user-toggle .switch-input:checked + .switch-label .toggle--on {
    display: inline-block; }
  .user-upload .user-upload-page .user-toggle .switch-input:checked + .switch-label .toggle--off {
    display: none; }

.user-upload .custom-size-modal {
  max-width: 720px !important;
  width: 720px; }

.user-upload .custom-size-modal-sm {
  max-width: 300px !important;
  width: 300px;
  height: 318px;
  border-radius: 4px; }
  .user-upload .custom-size-modal-sm .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 54px; }
  .user-upload .custom-size-modal-sm .user-icon {
    width: 128px;
    height: 128px;
    background: #defccf;
    color: #056131;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .user-upload .custom-size-modal-sm .user-icon .check {
      position: absolute;
      top: 0;
      right: 0;
      padding: 4px;
      background: #fff;
      border-radius: 50%; }
  .user-upload .custom-size-modal-sm .user-icon i {
    font-size: 36px; }
  .user-upload .custom-size-modal-sm h3 {
    font-size: 20px;
    color: #0c9735; }

.faq-categories-page .switch-w {
  width: 230px; }

.faq-categories-page .outline-none {
  outline: none; }

.toggle-faq {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: none;
  background-color: #fff;
  border: none;
  height: 68px;
  width: 248px; }

.toggle-faq-content {
  display: flex; }

.faq-page .category-name {
  width: 300px; }

.faq-category {
  height: 196px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 5px;
  padding: 20px 15px;
  background-color: #ebf0ff;
  margin-bottom: 25px;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  .faq-category:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transition: all 300ms;
    background-color: #000;
    opacity: 0;
    z-index: 2;
    content: ''; }
  .faq-category .controls {
    left: 0;
    right: 0;
    z-index: 3;
    position: absolute;
    bottom: -50px;
    transition: all 300ms; }
  .faq-category:hover:before {
    opacity: 0.35; }
  .faq-category:hover .controls {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px); }
  .faq-category .icon {
    color: #007bff;
    margin-left: auto;
    margin-right: auto;
    font-size: 42px; }
  .faq-category .title {
    font-weight: 700;
    font-size: 1.5em;
    color: #007bff;
    padding: 10px 0; }

.qagroups.opened .qagroup-info {
  opacity: 0.6; }

.qagroups .qagroup-info {
  border: 1px solid #fff;
  background-color: #ffffff;
  padding: 5px;
  border-radius: 4px;
  margin-bottom: 2px;
  transition: all 300ms; }
  .qagroups .qagroup-info.has-changes {
    border-color: #047bf8; }
  .qagroups .qagroup-info.error {
    border-color: #c81919; }
  .qagroups .qagroup-info.active {
    background-color: #fff !important;
    opacity: 1 !important;
    margin: 8px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.14); }
  .qagroups .qagroup-info.disabled .delete-group {
    display: none; }
  .qagroups .qagroup-info .loading-animation {
    position: relative;
    height: 100px; }
  .qagroups .qagroup-info .qagroup-title {
    display: flex;
    height: 45px;
    align-items: center;
    cursor: pointer; }
    .qagroups .qagroup-info .qagroup-title .icon {
      font-size: 17px;
      padding: 14px; }
    .qagroups .qagroup-info .qagroup-title .title {
      flex-grow: 1;
      font-weight: 700; }
  .qagroups .qagroup-info .qagroup-details {
    padding: 10px 48px; }
  .qagroups .qagroup-info:hover {
    background-color: #fefefe; }
    .qagroups .qagroup-info:hover .delete-group {
      display: inline; }

button.load-more {
  width: 100px !important; }

.qa-table {
  border: 1px solid #b5bdd9;
  border-radius: 4px;
  position: relative;
  padding: 35px 20px;
  margin: 15px 0; }
  .qa-table > .title {
    position: absolute;
    top: -10px;
    background-color: #fff;
    padding: 0 5px;
    left: 15px; }
  .qa-table .qa-item {
    position: relative; }
    .qa-table .qa-item .remove-item {
      position: absolute;
      top: 3px;
      width: 26px;
      padding: 6px;
      right: 2px;
      transition: all 300ms;
      opacity: 0.7;
      cursor: pointer; }
      .qa-table .qa-item .remove-item:hover {
        opacity: 1; }
    .qa-table .qa-item .suggest-item {
      position: absolute;
      top: 3px;
      padding: 6px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      right: 35px;
      transition: all 300ms;
      opacity: 0.7;
      cursor: pointer; }
      .qa-table .qa-item .suggest-item:hover {
        opacity: 1;
        text-decoration: none; }
      .qa-table .qa-item .suggest-item:focus, .qa-table .qa-item .suggest-item:active {
        text-decoration: none; }

.popover-button {
  background: none;
  border: none;
  font-weight: 600;
  color: #1854F1;
  font-size: 13px; }

.popover-content-custom {
  display: none;
  width: 280px;
  box-shadow: 1px 2px 10px 0px;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -290px;
  border-radius: 4px;
  background-color: #fff;
  z-index: 10; }
  @media (max-width: 1024px) {
    .popover-content-custom {
      width: 220px;
      margin-right: -240px; } }
  .popover-content-custom::before {
    position: absolute;
    z-index: -1;
    content: "";
    left: -20px;
    text-shadow: 1px 2px 10px 0px;
    top: 10px;
    width: 0px;
    height: 0px;
    border: 10px solid;
    border-color: transparent #fff transparent transparent; }

div.pop-content {
  padding: 10px 18px;
  display: flex;
  justify-content: space-between; }
  div.pop-content > .pop-heading {
    font-weight: 800; }

.popover-list {
  padding: 7px 35px;
  list-style-type: none; }

.popover-list-item {
  padding-bottom: 10px;
  color: #6873a2; }

a.close {
  font-size: 20px;
  position: relative; }

.form-control {
  padding-right: 150px; }

.pop-title {
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  color: #485388; }

@media (max-width: 1200px) {
  .installation-page {
    padding: 24px; }
    .installation-page .react-iframe-support {
      margin: 0 auto; }
    .installation-page .offset-md-2 {
      margin-left: 0; }
    .installation-page .col-md-8 {
      flex: 0 0 100%;
      max-width: 100%; } }

.installation-page pre {
  background-color: #cdd4ea;
  padding: 15px;
  border-radius: 5px;
  font-size: 1.15em;
  margin: 0; }

.installation-page .installation-url {
  background-color: #cdd4ea;
  padding: 3px 6px;
  border-radius: 3px;
  font-weight: 700; }

@media (max-width: 1200px) {
  .departments-page .react-iframe-support {
    margin: 0 auto; }
  .departments-page .offset-lg-2 {
    margin-left: 0; }
  .departments-page .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%; } }

.departments-page .agents-list {
  display: flex; }
  .departments-page .agents-list .avatar {
    height: 32px;
    width: 32px;
    border-radius: 3px; }

.department-page .search-users-w {
  position: relative; }
  .department-page .search-users-w .search-users.users-list-w {
    display: block;
    top: 63px;
    width: 100%;
    left: 0;
    z-index: 10; }
    .department-page .search-users-w .search-users.users-list-w .dropdown-item {
      padding: 0 10px; }
      .department-page .search-users-w .search-users.users-list-w .dropdown-item .user-w {
        padding: 5px 0;
        border-bottom: none;
        display: flex;
        align-items: center; }
        .department-page .search-users-w .search-users.users-list-w .dropdown-item .user-w .user-avatar-w .user-avatar {
          border-radius: 4px;
          width: 30px;
          height: 30px; }
  .department-page .search-users-w .selected-users.users-list-w {
    padding: 15px 0;
    max-height: 300px;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap; }
    .department-page .search-users-w .selected-users.users-list-w .user-w {
      padding: 6px;
      border-radius: 3px;
      margin-bottom: 5px;
      margin-right: 5px;
      display: flex;
      align-items: center;
      background-color: #e0e6f6; }
      .department-page .search-users-w .selected-users.users-list-w .user-w .user-avatar-w .user-avatar {
        border-radius: 4px;
        width: 30px;
        height: 30px; }
      .department-page .search-users-w .selected-users.users-list-w .user-w .user-title {
        font-weight: 700; }
      .department-page .search-users-w .selected-users.users-list-w .user-w .user-action > svg {
        cursor: pointer; }

@media (max-width: 1200px) {
  .tags-page .react-iframe-support {
    margin: 0 auto; }
  .tags-page .offset-lg-2 {
    margin-left: 0; }
  .tags-page .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%; } }

.tag {
  display: inline;
  padding: 6px 12px;
  border-radius: 3px;
  font-weight: 500;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #fff; }
  .tag a {
    color: #bbb;
    cursor: pointer;
    opacity: 0.6;
    margin: 0 0 0 .3em; }
    .tag a:hover {
      opacity: 1.0; }
  .tag .remove {
    vertical-align: bottom;
    top: 0;
    color: #fff;
    margin-bottom: 2px; }

.editable-message .textarea-w {
  position: relative; }
  .editable-message .textarea-w .text-mask-w {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent; }
    .editable-message .textarea-w .text-mask-w .text-mask {
      word-wrap: break-word;
      white-space: pre-wrap;
      color: rgba(0, 0, 0, 0); }
      .editable-message .textarea-w .text-mask-w .text-mask .inline-variable.transparent {
        opacity: 0; }

.editable-message .message-body-w .message-body {
  padding: 8px 18px;
  background-color: #fff1db;
  border-radius: 19px;
  border-top-left-radius: 0;
  white-space: pre-wrap; }

.editable-message .message-body-w .edit-button {
  padding: 5px;
  opacity: 0.6;
  color: #000;
  cursor: pointer; }

.editable-message .message-body-w:hover .edit-button {
  opacity: 1; }

.editable-message .message-body-w:hover .message-body {
  background-color: #ffdda8; }

.restrict-width {
  max-width: 350px; }

.recipe.tile-box {
  cursor: pointer;
  text-align: center;
  position: relative;
  transition: all 300ms;
  height: 200px;
  width: 200px;
  padding-top: 35px; }
  .recipe.tile-box .title {
    margin: 20px 0; }
  .recipe.tile-box .tile-icon {
    padding: 22px; }
  .recipe.tile-box .status {
    position: absolute;
    top: 10px;
    right: 10px; }
  .recipe.tile-box .set-default {
    position: absolute;
    right: 10px;
    top: 10px; }

.new-recipe-button {
  width: 200px; }
  @media (max-width: 600px) {
    .new-recipe-button {
      display: none !important; } }

.goal-label {
  background-color: #0c9735;
  border-radius: 18px;
  padding: 6px 12px;
  color: #fff;
  margin: 0 5px; }
  .goal-label .remove {
    color: #fff !important;
    opacity: 0.8; }
    .goal-label .remove:hover {
      opacity: 1; }

.recipe-template .recipes .heading {
  text-align: center; }

.recipe-template .recipes .container-fluid, .recipe-template .recipes .container-sm, .recipe-template .recipes .container-md, .recipe-template .recipes .container-lg, .recipe-template .recipes .container-xl {
  margin-top: 30px; }
  .recipe-template .recipes .container-fluid .recipe, .recipe-template .recipes .container-sm .recipe, .recipe-template .recipes .container-md .recipe, .recipe-template .recipes .container-lg .recipe, .recipe-template .recipes .container-xl .recipe {
    box-shadow: none;
    background-color: #efefef;
    border: 1px solid #ddd;
    border-radius: 0; }
    .recipe-template .recipes .container-fluid .recipe .icon .img, .recipe-template .recipes .container-sm .recipe .icon .img, .recipe-template .recipes .container-md .recipe .icon .img, .recipe-template .recipes .container-lg .recipe .icon .img, .recipe-template .recipes .container-xl .recipe .icon .img {
      background-color: #929292; }
    .recipe-template .recipes .container-fluid .recipe:hover, .recipe-template .recipes .container-sm .recipe:hover, .recipe-template .recipes .container-md .recipe:hover, .recipe-template .recipes .container-lg .recipe:hover, .recipe-template .recipes .container-xl .recipe:hover {
      background-color: #f9f9f9;
      border-color: #ddd; }

.recipe-flow {
  padding: 25px 45px;
  background-color: #f5f5f5;
  position: relative; }
  .recipe-flow ul {
    list-style: none;
    padding: 0; }
  .recipe-flow .block-drop {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    display: flex;
    align-items: center; }
    .recipe-flow .block-drop > .label {
      dispay: none;
      width: 100%;
      font-weight: 700;
      font-size: 30px;
      color: #adadad; }
    .recipe-flow .block-drop.active {
      border: 3px dashed #d0d0d0;
      background-color: #ffffff;
      opacity: 0.75;
      z-index: 1; }
      .recipe-flow .block-drop.active > .label {
        display: block; }
  .recipe-flow .recipe-block {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 20px;
    padding-left: 60px;
    background: #fff;
    position: relative;
    margin: 20px 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
    cursor: pointer; }
    .recipe-flow .recipe-block .block-icon {
      position: absolute;
      left: 0;
      padding-left: 20px;
      width: 60px;
      text-align: center; }
    .recipe-flow .recipe-block .block-title {
      margin-bottom: 8px;
      font-weight: 700; }
    .recipe-flow .recipe-block .block-delete {
      position: absolute;
      top: 20px;
      right: 20px;
      cursor: pointer;
      opacity: 0.8; }
      .recipe-flow .recipe-block .block-delete:hover {
        opacity: 1; }
    .recipe-flow .recipe-block .block-handle {
      position: absolute;
      left: 0;
      top: 0;
      width: 22px;
      display: flex;
      cursor: pointer;
      align-items: center;
      background: #efefef;
      opacity: 0.6;
      height: 100%;
      text-align: center; }
      .recipe-flow .recipe-block .block-handle:hover {
        opacity: 0.9; }

.question-block .quickreplylist .quickreply {
  float: left;
  margin: 10px 5px;
  padding: 8px 15px;
  background-color: #1c94e8;
  color: #fff;
  border-radius: 22px; }
  .question-block .quickreplylist .quickreply .remove {
    cursor: pointer; }

.block .block-name .block-name-edit {
  display: none; }

.block .block-name.editing .block-name-edit {
  display: block; }

.block .block-name.editing .block-name-btn {
  display: none; }

.block .mandatory {
  margin-bottom: 25px;
  line-height: 25px; }
  .block .mandatory .field-label {
    float: left;
    margin-right: 10px; }
  .block .mandatory .small-checkbox {
    font-size: 22px; }

.block .heading {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px; }
  .block .heading h4 {
    margin-bottom: 10px;
    font-weight: 700; }

.block .settings {
  margin: 10px 0 30px; }

.export .enable {
  margin-bottom: 25px;
  line-height: 25px; }
  .export .enable .field-label {
    float: left;
    margin-right: 10px; }
  .export .enable .small-checkbox {
    font-size: 22px; }

.export.email-export .email-list .email {
  position: relative;
  background-color: #f3f3f3;
  line-height: 25px;
  padding: 10px;
  margin: 5px 0; }
  .export.email-export .email-list .email .remove {
    top: 10px;
    right: 10px;
    opacity: 0.5;
    position: absolute;
    cursor: pointer; }
    .export.email-export .email-list .email .remove:hover {
      opacity: 0.8; }

.export-item {
  padding: 10px 0;
  width: 33.33%; }
  .export-item.selected {
    color: #047bf8; }

.final-action {
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-top: 30px;
  padding: 15px; }
  .final-action h3 {
    font-weight: 700; }
  .final-action .form {
    margin-top: 15px; }

.zapier-info {
  margin-bottom: 30px;
  color: #989898; }

.app-recipe .top-menu-secondary {
  display: none; }

.app-recipe .wrapper .page-content {
  top: 0; }
  .app-recipe .wrapper .page-content .content-box {
    padding: 0; }

.recipe-builder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 60px; }
  .recipe-builder .recipe-builder-header {
    height: 60px;
    width: 100%;
    background: #fff;
    padding: 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    box-shadow: 0px 0px 7px rgba(69, 101, 173, 0.1); }
    .recipe-builder .recipe-builder-header #recipeName {
      width: 300px; }
  .recipe-builder .recipe-builder-content {
    height: 100%; }
    .recipe-builder .recipe-builder-content .recipe-builder-left {
      min-width: 280px;
      overflow-y: auto;
      background-color: #ffffff; }
    .recipe-builder .recipe-builder-content .recipe-builder-block-list {
      min-width: 260px;
      max-width: 260px;
      position: relative; }
      .recipe-builder .recipe-builder-content .recipe-builder-block-list .block-list {
        height: 100%;
        overflow-y: auto; }
        .recipe-builder .recipe-builder-content .recipe-builder-block-list .block-list .block-item {
          position: relative;
          background-color: #fff;
          padding: 8px;
          margin-bottom: 10px;
          border-radius: 5px;
          cursor: pointer;
          border: 1px solid #fff; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .block-list .block-item .first-block-button {
            position: absolute;
            right: 5px;
            opacity: 0;
            width: 16px;
            display: block;
            text-align: center; }
            .recipe-builder .recipe-builder-content .recipe-builder-block-list .block-list .block-item .first-block-button:hover {
              opacity: 0.7 !important; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .block-list .block-item:hover .first-block-button {
            opacity: 0.4; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .block-list .block-item.first-block .first-block-button, .recipe-builder .recipe-builder-content .recipe-builder-block-list .block-list .block-item.first-block:hover .first-block-button {
            color: #17a2b8;
            opacity: 1 !important; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .block-list .block-item.active {
            border-color: #666; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .block-list .block-item.with-errors {
            border-color: #a94442 !important;
            color: #a94442 !important; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .block-list .block-item .msg {
            text-overflow: ellipsis;
            display: inline-block;
            width: 180px;
            white-space: nowrap;
            overflow: hidden; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .block-list .block-item .block-identifier {
            position: absolute;
            right: 5px;
            top: 5px; }
      .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w {
        position: absolute;
        bottom: 25px;
        right: 25px; }
        .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w .btn {
          border-radius: 50%;
          height: 50px;
          width: 50px;
          padding: 0;
          line-height: 52px;
          font-size: 18px;
          z-index: 5;
          position: relative;
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45); }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w .btn.add-block-btn {
            z-index: 10; }
        .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w .btn-w {
          position: absolute;
          z-index: 1;
          top: 0;
          -webkit-transform: scale(0);
                  transform: scale(0);
          transition: all 300ms; }
        .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w.open .add-block-btn {
          -webkit-transform: rotate(135deg);
                  transform: rotate(135deg); }
        .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w.open .btn-w {
          -webkit-transform: scale(1);
                  transform: scale(1); }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w.open .btn-w .title {
            position: absolute;
            top: 50%;
            margin-top: -12px;
            left: 56px;
            background-color: #000;
            white-space: nowrap;
            color: #fff;
            border-radius: 3px;
            padding: 4px 10px;
            font-size: 0.8em; }
            .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w.open .btn-w .title:after {
              content: '';
              border-top: 6px solid transparent;
              border-bottom: 6px solid transparent;
              border-right: 6px solid #000;
              position: absolute;
              left: -6px;
              top: 50%;
              margin-top: -6px; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w.open .btn-w.btn1 {
            top: -60px; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w.open .btn-w.btn2 {
            top: -120px; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w.open .btn-w.btn3 {
            top: -180px; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w.open .btn-w.btn4 {
            top: -240px; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w.open .btn-w.btn5 {
            top: -300px; }
          .recipe-builder .recipe-builder-content .recipe-builder-block-list .add-block-w.open .btn-w.btn6 {
            top: -360px; }
    .recipe-builder .recipe-builder-content .recipe-builder-main {
      flex-grow: 1;
      overflow-y: auto; }
      .recipe-builder .recipe-builder-content .recipe-builder-main .block .block-name .dropdown-menu {
        width: 225px; }
      .recipe-builder .recipe-builder-content .recipe-builder-main .block .default-options {
        background-color: #fff;
        padding: 15px;
        border-radius: 5px; }
      .recipe-builder .recipe-builder-content .recipe-builder-main .next-block-dropdown {
        max-height: 200px;
        overflow-y: auto;
        top: 100% !important;
        -webkit-transform: none !important;
                transform: none !important; }
      .recipe-builder .recipe-builder-content .recipe-builder-main .create-next-block .btn {
        width: 75px;
        height: 70px; }
    .recipe-builder .recipe-builder-content .recipe-builder-variable {
      background-color: #fff;
      min-width: 260px;
      max-width: 260px;
      border-radius: 3px;
      overflow-y: scroll; }
      .recipe-builder .recipe-builder-content .recipe-builder-variable .list-header {
        border-bottom: 1px solid #f3f3f3; }
  .recipe-builder .recipe-info {
    background: #fff;
    position: fixed;
    left: 90px;
    top: 90px;
    width: 300px; }
  .recipe-builder .recipe-tool {
    background: #fff;
    position: fixed;
    right: 20px;
    top: 90px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #d2d2d2; }
    .recipe-builder .recipe-tool .col-left {
      border-right: 1px solid #f3f3f3; }
    .recipe-builder .recipe-tool .block-item {
      cursor: pointer;
      padding: 14px;
      text-align: center;
      width: 60px;
      border-bottom: 1px solid #f3f3f3;
      border-radius: 0; }
      .recipe-builder .recipe-tool .block-item .block-icon {
        font-size: 16px; }
      .recipe-builder .recipe-tool .block-item.last {
        border-bottom: none; }
      .recipe-builder .recipe-tool .block-item:hover {
        background-color: #f9f9f9; }

.faq-block .faq-suggestions {
  width: 400px; }

.message-block .image-controls.d-flex.align-items-center, .message-block .toastr-container .image-controls.toastr, .toastr-container .message-block .image-controls.toastr {
  justify-content: center;
  width: 100%; }

.message-block .user-response label {
  margin-bottom: 0; }

.message-block .attachment-item {
  display: inline-block; }
  .message-block .attachment-item video {
    max-height: 200px;
    max-width: 200px; }

.message-block .attachment-view {
  position: relative;
  width: 100%; }

.message-block .image-placeholder {
  height: 200px;
  width: 200px;
  background-color: #efefef;
  border-radius: 3px; }
  .message-block .image-placeholder .image-controls {
    opacity: 0;
    position: absolute; }
    .message-block .image-placeholder .image-controls input[type="file"] {
      display: none; }
  .message-block .image-placeholder:hover .image-controls {
    opacity: 1;
    position: absolute; }

.message-block .quick-replies .btn {
  border-radius: 20px; }

.message-block .btn-quick-reply {
  border-color: #1854f1;
  border-width: 1px;
  border-style: solid; }
  .message-block .btn-quick-reply .next-block-item {
    background-color: #007eff;
    color: #fff;
    font-size: 0.75em;
    padding: 2px 8px;
    border-radius: 3px;
    margin: 12px 0px 0px;
    text-decoration: none; }

.message-block .btn-template-button {
  border-color: #1854f1;
  border-width: 1px;
  border-style: solid; }
  .message-block .btn-template-button .next-block-item {
    background-color: #007eff;
    color: #fff;
    font-size: 0.75em;
    padding: 2px 8px;
    border-radius: 3px;
    margin: 12px 0px 0px;
    text-decoration: none; }

.message-block .template-card {
  border: 1px solid #dedede;
  border-radius: 5px;
  width: 180px;
  position: relative; }
  .message-block .template-card .remove-card {
    position: absolute;
    top: -5px;
    right: -5px; }
    .message-block .template-card .remove-card .btn {
      padding: 2px;
      height: 24px;
      width: 24px;
      display: none;
      border-radius: 50%;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
  .message-block .template-card:hover .remove-card .btn {
    display: block; }
  .message-block .template-card input[type=file] {
    display: none; }
  .message-block .template-card .card-image {
    height: 100px;
    background-color: #f9f9f9;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat; }
    .message-block .template-card .card-image.has-image .btn {
      opacity: 0; }
    .message-block .template-card .card-image.has-image:hover .btn {
      opacity: 1; }
  .message-block .template-card .card-detail .title {
    border-radius: 3px;
    position: relative; }
    .message-block .template-card .card-detail .title .icon {
      display: none;
      position: absolute;
      top: 5px;
      right: 5px; }
    .message-block .template-card .card-detail .title:hover {
      background-color: #f9f9f9; }
      .message-block .template-card .card-detail .title:hover .icon {
        display: block; }

#textinput {
  font-size: 13px;
  padding: 3px 10px;
  text-decoration: none;
  padding: 3px 14px;
  height: 30px;
  text-decoration: none;
  border: none; }

#textinput:focus {
  outline: 3px solid #ddd; }

.webhook-block .btn-api-response {
  border-color: #1854f1;
  border-width: 1px;
  border-style: solid; }
  .webhook-block .btn-api-response .api-response-text {
    font-family: 'Gilroy', sans-serif; }
  .webhook-block .btn-api-response .api-response-type {
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 700; }

.variable-trigger-w .variable-trigger {
  font-family: 'Gilroy', sans-serif;
  padding: 2px;
  text-decoration: none !important;
  background: #1854f1; }

.variable-input {
  font-family: 'Gilroy', sans-serif;
  background-color: #f0f3fa;
  font-size: 1.2em; }

.variable-input-wrap {
  border: 1px solid #dedede;
  position: absolute;
  top: 0;
  z-index: 3;
  background: #fff;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.14);
  padding: 10px;
  left: 0;
  min-width: 250px;
  border-radius: 3px;
  display: none; }
  .variable-input-wrap.show {
    display: block; }

#create-block-modal .block-type-btn {
  width: 100px;
  padding: 14px;
  margin-bottom: 5px; }
  #create-block-modal .block-type-btn .icon {
    font-size: 22px;
    margin-bottom: 5px; }
  #create-block-modal .block-type-btn.selected {
    border-color: #1854f1;
    background-color: #1854f1;
    color: #fff; }

body.app-recipe .verloop-button:before {
  color: #fff;
  content: 'Test this Recipe';
  position: absolute;
  width: 120px;
  font-size: 0.95em;
  z-index: 1;
  line-height: 40px;
  height: 40px;
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.3);
  text-align: center;
  top: 50%;
  margin-top: -20px;
  border-radius: 4px 4px 0 4px;
  right: 60px;
  margin-right: 10px;
  background-color: #4384fb; }

body.app-recipe .verloop-button:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: 10px;
  left: -10px;
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.3);
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid #4384fb;
  border-bottom: 5px solid #4384fb; }

.keyword-list {
  max-height: 200px;
  overflow: auto;
  border: 1px solid #cdd4ea;
  border-radius: 3px;
  min-height: 40px; }

.webhook-settings #base_url {
  padding-right: 0; }

.webhook-settings #event_url {
  padding-right: 0; }

.form-control::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8F99BD;
  opacity: 1;
  /* Firefox */ }

.form-control::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8F99BD;
  opacity: 1;
  /* Firefox */ }

.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8F99BD;
  opacity: 1;
  /* Firefox */ }

.variable {
  font-family: 'Gilroy', sans-serif;
  padding: 0.3rem 0.5rem;
  font-size: 1.2em;
  border-radius: 4px;
  color: #f0f3fa;
  text-decoration: none !important;
  background: #1854f1; }
  .variable:hover {
    color: #f0f3fa; }
  .variable.variable-system {
    color: #577b08;
    background: #cdf673; }

.edit-variable {
  cursor: pointer; }

@media (max-width: 1200px) {
  .variables-page .react-iframe-support {
    margin: 0 auto; }
  .variables-page .offset-lg-2 {
    margin-left: 0; }
  .variables-page .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%; } }

.fas-disabled {
  opacity: 0.5;
  cursor: not-allowed; }

.integrations-page .integration-tile {
  height: 180px;
  width: 180px;
  padding: 10px; }

.integrations-page .react-iframe-support {
  margin: 0 auto; }

.facebook-page .default-recipe-select-w .select2-container {
  min-width: 200px; }

.fb-pages .fb-page {
  cursor: pointer;
  transition: all 300ms ease; }
  .fb-pages .fb-page .info {
    display: flex;
    line-height: 50px; }
  .fb-pages .fb-page:hover, .fb-pages .fb-page.active {
    background-color: #0084ff;
    color: #fff; }
  .fb-pages .fb-page.linked {
    border-color: red;
    cursor: not-allowed; }
    .fb-pages .fb-page.linked:hover {
      background-color: #fff;
      color: initial; }
  .fb-pages .fb-page .img {
    width: 50px;
    height: 50px;
    margin-right: 15px; }

.fb-messenger-logo {
  background-image: url("https://cdn-ops.verloop.io/assets/png/facebook_messenger_icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 25px; }

.clevertap-logo {
  background-image: url("images/clevertap-logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100px;
  height: 50px; }

.slack-logo {
  background-image: url("images/slack-logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px; }

.google-sheets-logo {
  background-image: url("images/spreadsheets-logo-128x128.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 25px; }

.zendesk-logo {
  background-image: url("images/zendesk-logo-128x128.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 25px; }

.freshdesk-logo {
  background-image: url("images/freshdesk-logo-128x128.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 25px; }

.hubspot-logo {
  background-image: url("images/hubspot-logo-128x128.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 25px; }

.mailchimp-logo {
  background-image: url("images/mailchimp-logo-128x128.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 25px; }

.salesforce-logo {
  background-image: url("images/salesforce-logo-128x128.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 25px; }

.hipchat-logo {
  background-image: url("images/hipchat-logo-128x128.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 25px; }

.desk-logo {
  background-image: url("images/desk-logo-128x128.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 25px; }

.leadsquared-logo {
  background-image: url("images/leadsquared-logo-128x128.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 25px; }

.msg-template {
  display: inline-block; }
  .msg-template button {
    cursor: initial !important;
    opacity: 1 !important; }
  .msg-template .msg-templ-element {
    border-radius: 4px;
    overflow: hidden;
    width: 200px;
    background: #fff; }
    .msg-template .msg-templ-element .templ-image {
      background-position: 50% 25%;
      background-size: cover;
      background-repeat: no-repeat;
      height: 150px;
      display: block; }
    .msg-template .msg-templ-element .templ-content {
      padding: 8px; }
      .msg-template .msg-templ-element .templ-content .templ-details {
        margin-bottom: 10px; }

.msg-card-template {
  width: 300px; }
  .msg-card-template .templ-carousel .cell {
    margin-right: 10px;
    display: inline-block; }

.postback-attachment .attachment-content {
  border-left: 3px solid #6873a2;
  padding: 12px;
  margin-top: 4px;
  background-color: #e0e6f6;
  border-radius: 3px 0 0 3px; }

.postback-attachment .msg-card-template {
  width: auto; }
  .postback-attachment .msg-card-template .cell {
    margin: 0; }

.postback-attachment .templ-button.disabled.active {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }

.msg-quick-reply {
  margin: 10px 0; }
  .msg-quick-reply button {
    cursor: initial !important;
    opacity: 1 !important;
    margin-bottom: 5px;
    border-radius: 20px; }

.chat-message-content .attachment .attachment-block .attachment-title {
  margin-bottom: 5px; }

.chat-message-content .attachment .attachment-block .attachment-item {
  display: inline-block; }
  .chat-message-content .attachment .attachment-block .attachment-item img {
    max-height: 160px; }
  .chat-message-content .attachment .attachment-block .attachment-item video {
    max-height: 200px; }
  .chat-message-content .attachment .attachment-block .attachment-item audio {
    max-height: 80px; }

.chat-message-content .attachment .attachment-block .attachment-image .image-w {
  cursor: pointer;
  border-radius: 6px;
  overflow: hidden;
  position: relative; }
  .chat-message-content .attachment .attachment-block .attachment-image .image-w:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent; }
  .chat-message-content .attachment .attachment-block .attachment-image .image-w:hover:before {
    background: rgba(255, 255, 255, 0.18); }

.chat-message .chat-message-info {
  display: inline-flex;
  align-items: center; }
  .chat-message .chat-message-info .chat-message-date {
    font-size: 0.78em;
    font-weight: 300;
    color: #6873a2; }
  .chat-message .chat-message-info .chat-message-status {
    display: none;
    width: 12px;
    height: 12px;
    position: relative; }
    .chat-message .chat-message-info .chat-message-status .chat-message-tick {
      position: absolute;
      left: 2px;
      top: 1px;
      display: inline-block; }
      .chat-message .chat-message-info .chat-message-status .chat-message-tick:after {
        content: '';
        display: block;
        width: 4px;
        height: 7px;
        border: solid #a7a7a7;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .chat-message .chat-message-info .chat-message-status .chat-message-tick:last-child {
        left: 5px;
        display: none; }
    .chat-message .chat-message-info .chat-message-status.status-3 .chat-message-tick:last-child, .chat-message .chat-message-info .chat-message-status.status-4 .chat-message-tick:last-child {
      display: inline-block; }
    .chat-message .chat-message-info .chat-message-status.status-4 .chat-message-tick:after {
      border-color: #007bff; }

.chat-message.self .chat-message-date {
  margin-left: auto; }

.chat-message.self .chat-message-status {
  display: inline-block; }

.inline-variable {
  background-color: #6f42c1;
  color: #fff;
  border-radius: 12px;
  overflow: hidden;
  display: inline; }
  .inline-variable > i {
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    font-style: normal;
    position: relative;
    top: -1px; }

.faq-list {
  margin: 12px 0 0;
  text-align: left; }
  .faq-list > .list-group-item > div {
    position: relative; }
    .faq-list > .list-group-item > div i {
      position: absolute;
      -webkit-transform: translate(-8px, 0);
              transform: translate(-8px, 0);
      margin-top: 5px;
      right: 0; }
      .faq-list > .list-group-item > div i:before, .faq-list > .list-group-item > div i:after {
        transition: all 0.3s ease-in-out;
        content: "";
        background-color: #2d376d;
        position: absolute;
        width: 2px;
        height: 7px; }
      .faq-list > .list-group-item > div i:before {
        -webkit-transform: translate(2px, 0) rotate(45deg);
                transform: translate(2px, 0) rotate(45deg); }
      .faq-list > .list-group-item > div i:after {
        -webkit-transform: translate(-2px, 0) rotate(-45deg);
                transform: translate(-2px, 0) rotate(-45deg); }
    .faq-list > .list-group-item > div input[type=checkbox] {
      position: absolute;
      cursor: pointer;
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
      z-index: 1;
      opacity: 0; }
      .faq-list > .list-group-item > div input[type=checkbox]:checked ~ .faq-answer {
        max-height: initial;
        opacity: 1;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
        margin-top: 10px; }
      .faq-list > .list-group-item > div input[type=checkbox]:checked ~ i:before {
        -webkit-transform: translate(-2px, 0) rotate(45deg);
                transform: translate(-2px, 0) rotate(45deg); }
      .faq-list > .list-group-item > div input[type=checkbox]:checked ~ i:after {
        -webkit-transform: translate(2px, 0) rotate(-45deg);
                transform: translate(2px, 0) rotate(-45deg); }
    .faq-list > .list-group-item > div .faq-answer {
      transition: all 0.3s ease-in-out;
      position: relative;
      overflow: hidden;
      margin-top: 0;
      max-height: 0;
      opacity: 0;
      -webkit-transform: translate(0, 50%);
              transform: translate(0, 50%);
      z-index: 2; }
      .faq-list > .list-group-item > div .faq-answer .msg-template.msg-button-template .msg-templ-element {
        width: 100%;
        max-width: 100%; }
      .faq-list > .list-group-item > div .faq-answer .msg-template .msg-templ-element {
        border-radius: 2px;
        width: 220px;
        box-shadow: none; }
        .faq-list > .list-group-item > div .faq-answer .msg-template .msg-templ-element .templ-details {
          box-shadow: none;
          padding: 0; }

.message-location .location-map .map-wrap {
  cursor: pointer;
  display: block; }
  .message-location .location-map .map-wrap .map-thumb {
    pointer-events: none;
    width: 200px;
    height: 150px; }

.app-livechatroom .page-content,
.app-livechatdashboard .page-content,
.app-visitorchats .page-content {
  top: 0; }

.app-livechatroom .top-menu-secondary,
.app-livechatdashboard .top-menu-secondary,
.app-visitorchats .top-menu-secondary {
  display: none !important; }

.app-livechatroom .full-chat-w,
.app-livechatdashboard .full-chat-w,
.app-visitorchats .full-chat-w {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .app-livechatroom .full-chat-w .full-chat-i,
  .app-livechatdashboard .full-chat-w .full-chat-i,
  .app-visitorchats .full-chat-w .full-chat-i {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%; }
    .app-livechatroom .full-chat-w .full-chat-i .full-chat-left,
    .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left,
    .app-visitorchats .full-chat-w .full-chat-i .full-chat-left {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      z-index: 10;
      padding: 0px;
      border-radius: 0;
      border-right: 1px solid #cdd4ea;
      background-color: #fff;
      transition: -webkit-transform 300ms;
      transition: transform 300ms;
      transition: transform 300ms, -webkit-transform 300ms; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-left .menu-button,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left .menu-button,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-left .menu-button {
        font-size: 1.5em;
        padding: 0.4rem 0.6rem; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-left .queue-button,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left .queue-button,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-left .queue-button {
        padding: 0px;
        font-size: 1.48em;
        color: #b5bdd9;
        position: relative;
        height: 36px;
        width: 36px;
        padding: 5px;
        border-radius: 50%;
        background-color: #f0f3fa; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-left .queue-button .queue-count,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left .queue-button .queue-count,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-left .queue-button .queue-count {
          display: none;
          position: absolute;
          top: -2px;
          left: -7px;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          padding: 0.2rem 0.35rem;
          border-radius: 3px;
          font-size: 0.6em;
          z-index: 2;
          font-weight: 700;
          box-shadow: 0px 0px 5px 2px rgba(24, 29, 31, 0.09); }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-left .queue-button .pulse-ring,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left .queue-button .pulse-ring,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-left .queue-button .pulse-ring {
          display: none;
          width: 40px;
          height: 40px;
          border: 2px solid #b5bdd9;
          border-radius: 50%;
          position: absolute;
          z-index: 1;
          top: -3px;
          left: -3px;
          -webkit-animation: pulsate infinite 1.2s;
          animation: pulsate infinite 1.2s; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-left .queue-button.active,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left .queue-button.active,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-left .queue-button.active {
          color: #1854f1; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-left .queue-button.active .queue-count,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left .queue-button.active .queue-count,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-left .queue-button.active .queue-count {
            display: block; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-left .queue-button.active .pulse-ring,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left .queue-button.active .pulse-ring,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-left .queue-button.active .pulse-ring {
            display: block;
            content: ''; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-left.hide,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left.hide,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-left.hide {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); }
      @media (min-width: 768px) {
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-left,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-left {
          position: relative;
          z-index: 0;
          width: initial;
          flex: 0 0 380px; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-left.hide,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left.hide,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-left.hide {
            -webkit-transform: none;
                    transform: none; } }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-left .loader,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-left .loader,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-left .loader {
        margin: 30px; }
    .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle,
    .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle,
    .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
      @media (min-width: 768px) {
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle {
          flex-grow: 1;
          position: relative; } }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .uploads-w,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .uploads-w,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .uploads-w {
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        margin: 10px;
        z-index: 10; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .no-room,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .no-room,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .no-room {
        text-align: center;
        margin-top: 50px; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .room-wrapper,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .room-wrapper,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .room-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: column; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .room-wrapper .livechat-room-w,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .room-wrapper .livechat-room-w,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .room-wrapper .livechat-room-w {
          height: 100%; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .room-wrapper .livechat-room-w .chat-room-w,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .room-wrapper .livechat-room-w .chat-room-w,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .room-wrapper .livechat-room-w .chat-room-w {
            flex-grow: 1; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .loader,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .loader,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .loader {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .loader > div,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .loader > div,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .loader > div {
          height: 100%; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head {
        display: flex;
        align-items: center;
        min-height: 60px;
        border-bottom: 1px solid #cdd4ea;
        background-color: #fff;
        display: flex; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .label,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .label,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .label {
          margin-right: 10px;
          font-size: 0.9em;
          font-weight: 500; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .btn,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .btn,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .btn {
          text-transform: none; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .dropdown-toggle,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .dropdown-toggle,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .dropdown-toggle {
          padding: 0.444rem 0.6rem; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .agents-list,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .agents-list,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .agents-list {
          overflow-y: auto; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .agents-list > h6, .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .agents-list > a,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .agents-list > h6,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .agents-list > a,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .agents-list > h6,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .agents-list > a {
            padding: 0.382rem 0.6rem; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .dropdown-menu,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .dropdown-menu,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .dropdown .dropdown-menu {
          min-width: 230px; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w {
          position: relative; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w .avatar,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w .avatar,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w .avatar {
            border-radius: 3px;
            width: 24px;
            height: 24px; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w .status-pill-w,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w .status-pill-w,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w .status-pill-w {
            right: -4px;
            bottom: -3px; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w .status-pill-w .status-pill,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w .status-pill-w .status-pill,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .assigned-to .avatar-w .status-pill-w .status-pill {
              height: 7px;
              width: 7px; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .timer,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .timer,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .timer {
          background: #e0e7f8;
          border: 1px solid transparent;
          border-radius: .50rem;
          text-align: center;
          font-size: large;
          color: #6873a2;
          padding-left: 8px;
          padding-right: 8px;
          cursor: pointer; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .timer .timer-icon,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .timer .timer-icon,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .timer .timer-icon {
            margin-right: 3px; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-head .timer .timer-text,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-head .timer .timer-text,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-head .timer .timer-text {
            margin-left: 3px; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls {
        padding: 8px 14px 8px 14px;
        background-color: #fff; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .typing-indicator,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .typing-indicator,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .typing-indicator {
          font-size: 0.85em;
          padding-left: 18px; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input {
          position: relative; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box, .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box {
            resize: none; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box {
            background-color: #f0f3fa; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box:focus, .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box:active,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box:focus,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box:active,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box:focus,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .message-box:active {
              background-color: #fff; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box {
            background-color: #FFEECC;
            color: #7A2400; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box::-webkit-input-placeholder,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box::-webkit-input-placeholder,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box::-webkit-input-placeholder {
              color: #D99364; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box::-ms-input-placeholder,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box::-ms-input-placeholder,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box::-ms-input-placeholder {
              color: #D99364; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box::placeholder,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box::placeholder,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .note-box::placeholder {
              color: #D99364; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses {
            bottom: 110px;
            display: block;
            width: 100%;
            top: initial;
            max-height: 400px;
            box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.12), 0 -2px 4px 0 rgba(0, 0, 0, 0.08); }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses .dropdown-header,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses .dropdown-header,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses .dropdown-header {
              font-size: 0.8em;
              text-transform: uppercase;
              padding: 0.5rem 1rem; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item {
              text-overflow: ellipsis;
              overflow: hidden;
              border-bottom: 1px solid #E7EBF5;
              transition: all 0.2s ease-in; }
              .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item:active, .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item:hover, .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item:focus,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item:active,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item:hover,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item:focus,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item:active,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item:hover,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item:focus {
                background-color: #EBF0FF;
                border-bottom: 1px solid #1854F1; }
              .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title {
                padding-bottom: 6px; }
                .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-command,
                .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-command,
                .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-command {
                  font-weight: 700;
                  color: #1854F1;
                  padding: 0px 0px 8px 0px; }
                  .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-command span.highlighted,
                  .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-command span.highlighted,
                  .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-command span.highlighted {
                    font-weight: 800;
                    color: #09319A; }
                .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-tags,
                .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-tags,
                .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-tags {
                  background-color: #F0F3FA;
                  color: #6873A2;
                  font-weight: 600;
                  padding: 2px 4px;
                  border-radius: 4px; }
                  .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-tags.highlighted,
                  .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-tags.highlighted,
                  .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item div.canned-title span.canned-tags.highlighted {
                    background-color: #EBF0FF;
                    color: #1854F1; }
              .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item span.canned-message,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item span.canned-message,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item span.canned-message {
                color: #485388; }
                .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item span.canned-message span.highlighted,
                .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item span.canned-message span.highlighted,
                .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .chat-input .canned-responses a.dropdown-item span.canned-message span.highlighted {
                  font-weight: 700; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls #file_upload,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls #file_upload,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls #file_upload {
          position: absolute;
          overflow: hidden;
          clip: rect(0 0 0 0);
          height: 1px;
          width: 1px;
          margin: -1px;
          padding: 0;
          border: 0; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls #nav-note,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls #nav-note,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls #nav-note {
          display: none; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-controls .send-note-button,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-controls .send-note-button,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-controls .send-note-button {
          display: none; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .file-upload__warning,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .file-upload__warning,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .file-upload__warning {
        background: #FFEECC;
        color: #D65500;
        padding: 4px 8px;
        border-radius: 14px;
        font-size: 13px;
        text-align: center;
        margin: 12px auto 32px;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .file-upload__warning p,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .file-upload__warning p,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .file-upload__warning p {
          margin: 0; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w {
        flex-grow: 1;
        overflow-y: auto;
        background-color: #fff;
        position: relative; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content {
          min-height: initial;
          position: relative; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message {
            -webkit-animation-name: fadeUp;
                    animation-name: fadeUp;
            -webkit-animation-duration: 300ms;
                    animation-duration: 300ms; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-info-w,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-info-w,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-info-w {
              display: flex;
              justify-content: flex-end;
              margin-top: 6px; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w {
              position: relative;
              margin-bottom: 5px;
              margin-left: 40px; }
              .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-content,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-content,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-content {
                text-align: left;
                border-radius: 8px;
                padding: 12px 16px;
                background-color: #f0f3fa;
                max-width: 65%;
                min-width: 80px;
                display: inline-block;
                opacity: 1;
                position: relative; }
                .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-content .message-body,
                .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-content .message-body,
                .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-content .message-body {
                  white-space: pre-wrap; }
              .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-avatar,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-avatar,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-avatar {
                display: none;
                position: absolute;
                left: -30px;
                bottom: 0px; }
                .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-avatar .thumb,
                .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-avatar .thumb,
                .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-message-content-w .chat-message-avatar .thumb {
                  background-color: #fff;
                  width: 28px;
                  height: 28px;
                  border-radius: 50%; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.last .chat-message-avatar,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.last .chat-message-avatar,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.last .chat-message-avatar {
              display: inline-block; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.last .chat-message-content,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.last .chat-message-content,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.last .chat-message-content {
              border-bottom-left-radius: 0px; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self .chat-message-content-w,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self .chat-message-content-w,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self .chat-message-content-w {
              margin-right: 40px;
              margin-left: 0px;
              text-align: right; }
              .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self .chat-message-content-w .chat-message-content,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self .chat-message-content-w .chat-message-content,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self .chat-message-content-w .chat-message-content {
                background-color: #dff1ff; }
              .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self .chat-message-content-w .chat-message-avatar,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self .chat-message-content-w .chat-message-avatar,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self .chat-message-content-w .chat-message-avatar {
                right: -35px;
                left: initial; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self.temp .chat-message-content,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self.temp .chat-message-content,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self.temp .chat-message-content {
              opacity: 0.7; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self.last .chat-message-content,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self.last .chat-message-content,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.self.last .chat-message-content {
              border-bottom-left-radius: 15px;
              border-bottom-right-radius: 3px; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-date-separator,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-date-separator,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message .chat-date-separator {
              display: none;
              text-align: center;
              margin: 30px 0;
              color: #6873a2; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.system .chat-message-content-w,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.system .chat-message-content-w,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.system .chat-message-content-w {
              text-align: center; }
              .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.system .chat-message-content-w .chat-message-avatar,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.system .chat-message-content-w .chat-message-avatar,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.system .chat-message-content-w .chat-message-avatar {
                display: none; }
              .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.system .chat-message-content-w .chat-message-content,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.system .chat-message-content-w .chat-message-content,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.system .chat-message-content-w .chat-message-content {
                background: #f0f3fa;
                color: #6873a2;
                font-size: 0.93em;
                padding: 10px 20px 15px;
                border-radius: 10px;
                font-style: italic; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.note .chat-message-content-w .chat-message-content,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.note .chat-message-content-w .chat-message-content,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.note .chat-message-content-w .chat-message-content {
              background-color: #FFEECC;
              color: #7A2400; }
              .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.note .chat-message-content-w .chat-message-content .chat-message-info-w .chat-message-info .chat-message-date,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.note .chat-message-content-w .chat-message-content .chat-message-info-w .chat-message-info .chat-message-date,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.note .chat-message-content-w .chat-message-content .chat-message-info-w .chat-message-info .chat-message-date {
                color: #ffeecc; }
            .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.new-day .chat-date-separator,
            .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.new-day .chat-date-separator,
            .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.new-day .chat-date-separator {
              display: block; }
              .app-livechatroom .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.new-day .chat-date-separator > h6,
              .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.new-day .chat-date-separator > h6,
              .app-visitorchats .full-chat-w .full-chat-i .full-chat-middle .chat-content-w .chat-content .chat-message.new-day .chat-date-separator > h6 {
                font-size: 0.9em;
                color: #2d376d; }
    .app-livechatroom .full-chat-w .full-chat-i .full-chat-right,
    .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right,
    .app-visitorchats .full-chat-w .full-chat-i .full-chat-right {
      overflow-y: auto;
      background-color: #fff;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -100%;
      width: 100%;
      z-index: 10;
      transition: -webkit-transform 300ms;
      transition: transform 300ms;
      transition: transform 300ms, -webkit-transform 300ms; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-right.open,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right.open,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-right.open {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); }
      @media (min-width: 768px) {
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-right,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-right {
          width: 360px;
          right: -360px;
          border-left: none; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-right.open,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right.open,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-right.open {
            box-shadow: -2px 0px 10px 0px rgba(0, 0, 0, 0.14); } }
      @media (min-width: 992px) {
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-right,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-right {
          position: relative;
          z-index: 0;
          width: initial;
          flex: 0 0 360px;
          right: initial;
          left: initial;
          top: initial;
          bottom: initial;
          background-color: #f0f3fa;
          border-left: 1px solid #cdd4ea;
          box-shadow: none !important; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-right.open,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right.open,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-right.open {
            -webkit-transform: none;
                    transform: none; } }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .chat-info-section,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .chat-info-section,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .chat-info-section {
        padding: 15px;
        border-bottom: 1px solid #cdd4ea; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .chat-info-section .ci-header,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .chat-info-section .ci-header,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .chat-info-section .ci-header {
          text-transform: uppercase;
          font-weight: 700;
          font-size: 0.8em;
          color: #6873a2;
          margin-bottom: 10px; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .chat-info-section .ci-content .ci-item,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .chat-info-section .ci-content .ci-item,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .chat-info-section .ci-content .ci-item {
          margin-bottom: 5px; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .chat-info-section:last-child,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .chat-info-section:last-child,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .chat-info-section:last-child {
          border: none; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .user-intro,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .user-intro,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .user-intro {
        border-bottom: none;
        padding: 10px 5px;
        text-align: left; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .user-intro .user-intro-info,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .user-intro .user-intro-info,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .user-intro .user-intro-info {
          margin: 0;
          padding-left: 15px;
          position: relative; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .user-intro .user-intro-info .status-pill,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .user-intro .user-intro-info .status-pill,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .user-intro .user-intro-info .status-pill {
            position: absolute;
            left: 0px; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .user-intro .room-type,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .user-intro .room-type,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .user-intro .room-type {
          padding: 1px 3px;
          font-size: 16px; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .user-intro .recipe-info,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .user-intro .recipe-info,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .user-intro .recipe-info {
          padding-left: 15px; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .user-intro .recipe-info .recipe-name,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .user-intro .recipe-info .recipe-name,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .user-intro .recipe-info .recipe-name {
            font-weight: 700;
            padding: 4px; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .user-intro .user-note,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .user-intro .user-note,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .user-intro .user-note {
          padding: 6px 10px;
          margin: 5px 0;
          background-color: #e0e6f6;
          border-left: 3px solid #17a2b8; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .tag-list-w .tag-list,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .tag-list-w .tag-list,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .tag-list-w .tag-list {
        width: 100%; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .custom-field-list,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .custom-field-list,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .custom-field-list {
        font-size: 0.9em; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .chat-history-info .ci-file-list ul,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .chat-history-info .ci-file-list ul,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .chat-history-info .ci-file-list ul {
        list-style-type: square;
        color: #007bff;
        margin-left: 0;
        margin-bottom: 0;
        padding-left: 10px; }
        .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .chat-history-info .ci-file-list ul li,
        .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .chat-history-info .ci-file-list ul li,
        .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .chat-history-info .ci-file-list ul li {
          margin: 5px; }
          .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .chat-history-info .ci-file-list ul li a,
          .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .chat-history-info .ci-file-list ul li a,
          .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .chat-history-info .ci-file-list ul li a {
            border-bottom: none; }
      .app-livechatroom .full-chat-w .full-chat-i .full-chat-right .user-feedback,
      .app-livechatdashboard .full-chat-w .full-chat-i .full-chat-right .user-feedback,
      .app-visitorchats .full-chat-w .full-chat-i .full-chat-right .user-feedback {
        color: #cdd4ea; }

.advanced-search-modal .widget-filter .datePicker {
  border: 1px solid rgba(48, 50, 51, 0.3);
  border-radius: 3px;
  padding: 10px;
  width: 180px; }

.advanced-search-modal .widget-filter .name-search-filter {
  margin-right: 20px;
  height: 2em; }
  .advanced-search-modal .widget-filter .name-search-filter .input-group {
    height: 1.7em; }

.advanced-search-modal .widget-filter .input-group > .form-control {
  border-radius: 50rem !important;
  height: 2.6em; }

.highlight-tags {
  border: 3px solid #FF0000; }

.livechat-count {
  position: absolute;
  top: 3px;
  right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 85%;
  user-select: none;
  padding: 0.3rem 0.4rem;
  border-radius: 3px;
  box-shadow: 0 0 5px 2px rgba(24, 29, 31, 0.28);
  background-color: #c81919; }

.livechat-queue-count-w {
  top: 15px;
  left: 19px;
  position: absolute; }
  .livechat-queue-count-w .livechat-queue-count {
    border-radius: 50%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    height: 6px;
    width: 6px;
    background-color: #e40404;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); }

#live-chat-select-status {
  padding-right: 0; }

.file-message-modal .file-preview {
  text-align: center;
  margin: 10px auto 30px; }
  .file-message-modal .file-preview img, .file-message-modal .file-preview video {
    max-width: 400px;
    max-height: 120px; }

.livechat-rooms .livechat-list-container {
  flex-grow: 1;
  overflow: hidden;
  position: relative; }

.livechat-rooms-header .livechat-rooms-filters {
  border-bottom: 1px solid #cdd4ea;
  background-color: #fff;
  position: relative;
  min-height: 60px; }
  .livechat-rooms-header .livechat-rooms-filters .btn.dropdown-toggle {
    font-weight: 700;
    color: #485388; }
  .livechat-rooms-header .livechat-rooms-filters .dropdown .dropdown-menu {
    padding: 0;
    overflow: hidden;
    max-height: initial;
    min-width: 250px; }
    .livechat-rooms-header .livechat-rooms-filters .dropdown .dropdown-menu .dropdown-item {
      border-top: 1px solid #cdd4ea;
      line-height: 2.4em; }
      .livechat-rooms-header .livechat-rooms-filters .dropdown .dropdown-menu .dropdown-item:first-child {
        border-top: none; }
      .livechat-rooms-header .livechat-rooms-filters .dropdown .dropdown-menu .dropdown-item:hover {
        background-color: #1854f1;
        color: #fff; }

.livechat-rooms-list-w {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column; }
  .livechat-rooms-list-w .livechat-rooms-status {
    border-bottom: 1px solid #cdd4ea; }
    .livechat-rooms-list-w .livechat-rooms-status .nav-link {
      padding: 8px 12px;
      font-size: 0.9em;
      font-weight: 700; }
      .livechat-rooms-list-w .livechat-rooms-status .nav-link.btn.btn-light {
        border-radius: 0;
        border: none;
        box-shadow: none; }
        .livechat-rooms-list-w .livechat-rooms-status .nav-link.btn.btn-light:hover, .livechat-rooms-list-w .livechat-rooms-status .nav-link.btn.btn-light.active {
          background-color: #cdd4ea; }
  .livechat-rooms-list-w .livechat-rooms-list {
    flex-grow: 1;
    position: relative; }
    .livechat-rooms-list-w .livechat-rooms-list .user-list {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow-x: hidden;
      overflow-y: auto; }
      .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w {
        display: block;
        border-bottom: 1px solid #cdd4ea;
        position: relative;
        cursor: pointer;
        padding: 22px 24px; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w.test-room:before {
          content: 'TEST';
          position: absolute;
          right: 0;
          top: 8px;
          color: #fff;
          font-size: 0.7em;
          font-weight: 700;
          padding: 1px 4px;
          text-align: center;
          border-radius: 5px 0 0 5px;
          background-color: #d65500; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .visitor-avatar .avatar {
          width: 30px;
          height: 30px;
          border-radius: 3px; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .department {
          border-radius: 13px;
          background-color: #f0f3fa; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .agent-avatar {
          height: 20px;
          width: 20px;
          border-radius: 50%; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .user-name {
          white-space: nowrap;
          width: 120px;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #485388; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .chat-status {
          position: absolute;
          left: 10px;
          width: 7px;
          height: 7px; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .user-date {
          font-size: 0.8em; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .message-count .badge, .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .room-new .badge {
          padding: 0.3rem 0.45rem;
          font-weight: 700;
          font-size: 0.75em; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .room-new .badge {
          border-radius: 12px; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .user-date, .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .message-count {
          position: absolute;
          top: 16px;
          right: 16px; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .tags .tag {
          padding: 3px 6px;
          font-size: 0.7em; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w .timer-small {
          height: 20px;
          font-size: small;
          width: 60px;
          background: #e0e7f8;
          border: 1px solid transparent;
          border-radius: .22rem;
          text-align: center;
          color: #6873a2; }
        .livechat-rooms-list-w .livechat-rooms-list .user-list .user-w.active {
          background-color: #dff1ff; }

.payment-page {
  padding: 30px 0;
  height: 100%;
  overflow-y: auto;
  background-color: #fff; }

.plan {
  border: 1px solid #cdd4ea;
  width: 220px;
  height: 100%;
  margin: 0 10px;
  position: relative;
  padding: 1.8rem 1.1rem; }
  .plan .price {
    font-size: 2.8em;
    line-height: 2.8em; }
  .plan.selected {
    border-color: #007bff;
    background-color: #e6f2ff; }
  .plan .current-plan {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 1.4em; }
  .plan.disabled {
    cursor: default !important; }
    .plan.disabled .disabled-overlay {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      overflow: hidden;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.02); }
      .plan.disabled .disabled-overlay .not-allowed {
        opacity: 0.75;
        font-size: 1.2em;
        padding: 15px 0;
        font-weight: 700;
        position: absolute;
        -webkit-transform: rotateZ(-25deg);
                transform: rotateZ(-25deg);
        width: 200%;
        background-color: #17a2b8;
        color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.14); }
  .plan .marker {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 12px;
    border-style: solid;
    border-top-color: #007bff;
    border-left-color: #007bff;
    border-right-color: transparent;
    border-bottom-color: transparent; }

.billing-page .plan-name {
  font-weight: 700;
  font-size: 1.3em; }

.billing-page .plan-status {
  padding: 5px 7px;
  font-weight: 700;
  color: #fff; }

.billing-page .price {
  font-size: 1.4em; }

.people-list-page .setting-page-w .setting-page-header {
  padding: 2rem 0 1rem;
  margin-bottom: 0.5rem;
  background-color: #ffffff;
  border-bottom: 1px solid #cdd4ea; }

.people-list-page .people-data-table {
  width: 100%;
  border-spacing: 0 3px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08), 0px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background: #ffffff; }
  .people-list-page .people-data-table .speculated {
    color: #6873a2; }
  .people-list-page .people-data-table th {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.8em;
    text-align: left;
    outline: none;
    position: relative;
    padding: 16px;
    border-bottom: 1px solid #cdd4ea; }
  .people-list-page .people-data-table .sorting_disabled {
    cursor: not-allowed; }
  .people-list-page .people-data-table .sorting_desc,
  .people-list-page .people-data-table .sorting_asc {
    font-weight: 700; }
    .people-list-page .people-data-table .sorting_desc:after,
    .people-list-page .people-data-table .sorting_asc:after {
      content: " ";
      border: solid black;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 2px;
      margin-left: 5px;
      position: relative; }
  .people-list-page .people-data-table .sorting_desc:after {
    top: -3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }
  .people-list-page .people-data-table .sorting_asc:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg); }
  .people-list-page .people-data-table .sorting_1 {
    background: #fff; }
  .people-list-page .people-data-table tr {
    cursor: pointer; }
  .people-list-page .people-data-table tbody tr {
    border-radius: 3px;
    align-items: center;
    border-bottom: 1px solid #f0f3fa; }
    .people-list-page .people-data-table tbody tr:last-child {
      border: none; }
  .people-list-page .people-data-table tbody td {
    padding: 8px;
    margin-bottom: 3px;
    text-align: left;
    outline: none; }
  .people-list-page .people-data-table .dataTables_empty {
    text-align: center; }

.people-list-page .dataTables_wrapper {
  position: relative; }

.people-list-page .dataTables_processing {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 100px 0;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  vertical-align: middle;
  font-size: 1.25rem; }

.people-list-page .dataTables_length {
  float: right; }

.people-list-page .dataTables_info {
  position: absolute;
  bottom: -40px; }

.people-list-page .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
  position: absolute;
  bottom: -52px;
  right: 0; }
  .people-list-page .dataTables_paginate .paginate_button {
    outline: none;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    *cursor: hand;
    border: 1px solid transparent;
    border-radius: 2px; }
    .people-list-page .dataTables_paginate .paginate_button.disabled {
      cursor: not-allowed;
      color: #6873a2; }
    .people-list-page .dataTables_paginate .paginate_button.current {
      background: rgba(255, 255, 255, 0.5);
      color: black; }

.people-list-page .avatar-w {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .people-list-page .avatar-w .avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0 auto; }
  .people-list-page .avatar-w .flag-badge {
    position: absolute;
    cursor: pointer;
    bottom: -15px;
    right: -5px;
    padding: 0px;
    font-size: 2em;
    margin: 0px; }

.columns-page .checkbox-container,
.export-page .checkbox-container {
  margin-bottom: 0.5rem; }

.thirdparty-apikey {
  padding: 50px 15%; }
  @media (max-width: 1200px) {
    .thirdparty-apikey {
      padding: 12px 24px 24px 24px; } }
  .thirdparty-apikey .loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: 5; }
    .thirdparty-apikey .loader.absolute {
      position: absolute;
      left: 50%;
      top: 50%; }
  .thirdparty-apikey .head-text {
    font-size: 1.1em; }
  .thirdparty-apikey .api-key-button {
    display: flex;
    padding: 0; }
    .thirdparty-apikey .api-key-button .js-new-apikey {
      margin-left: auto; }
      .thirdparty-apikey .api-key-button .js-new-apikey .button-label {
        margin-left: 0.8em;
        font-size: 1.25em; }
  .thirdparty-apikey .delete-button {
    padding: 0; }
  .thirdparty-apikey .loading-row {
    background-color: grey; }

.new-apikey #temporary-text {
  visibility: hidden;
  color: green; }

.new-apikey .loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  z-index: 5; }
  .new-apikey .loader.absolute {
    position: absolute;
    left: 50%;
    top: 50%; }

.new-apikey .modal-dialog {
  max-width: 430px; }
  .new-apikey .modal-dialog .modal-body {
    padding: 0 1rem;
    min-height: 110px; }
    .new-apikey .modal-dialog .modal-body .label {
      padding: 10px 0; }
    .new-apikey .modal-dialog .modal-body .error-block {
      color: red;
      font-size: 0.8em;
      padding: 5px; }
    .new-apikey .modal-dialog .modal-body .key-data {
      padding: 10px 0; }
      .new-apikey .modal-dialog .modal-body .key-data .key-label {
        font-weight: bold;
        font-size: 1.1em; }
      .new-apikey .modal-dialog .modal-body .key-data .key-data {
        padding: 0; }
      .new-apikey .modal-dialog .modal-body .key-data .copy-to-clipboard {
        padding: 3px 10px; }
        .new-apikey .modal-dialog .modal-body .key-data .copy-to-clipboard .button-text {
          margin-left: 3px; }
    .new-apikey .modal-dialog .modal-body .warning {
      padding: 20px 10px;
      background-color: rgba(212, 27, 27, 0.15); }
      .new-apikey .modal-dialog .modal-body .warning .red-icon {
        color: #FD2758; }
      .new-apikey .modal-dialog .modal-body .warning .red-text {
        color: #FD2758;
        font-size: 1.05em; }

.whatsapp-test-numbers {
  padding: 50px 15%; }
  @media (max-width: 1200px) {
    .whatsapp-test-numbers {
      padding: 12px 24px 24px 24px; } }
  .whatsapp-test-numbers .loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: 5; }
    .whatsapp-test-numbers .loader.absolute {
      position: absolute;
      left: 50%;
      top: 50%; }
  .whatsapp-test-numbers .head-text {
    font-size: 1.1em; }
  .whatsapp-test-numbers .api-key-button {
    display: flex;
    padding: 0; }
    .whatsapp-test-numbers .api-key-button .js-new-apikey {
      margin-left: auto; }
      .whatsapp-test-numbers .api-key-button .js-new-apikey .button-label {
        margin-left: 0.8em;
        font-size: 1.25em; }
  .whatsapp-test-numbers .delete-button {
    padding: 0; }
  .whatsapp-test-numbers .loading-row {
    background-color: grey; }

.new-test-number #temporary-text {
  visibility: hidden;
  color: green; }

.new-test-number .loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  z-index: 5; }
  .new-test-number .loader.absolute {
    position: absolute;
    left: 50%;
    top: 50%; }

.new-test-number .modal-dialog {
  max-width: 430px; }
  .new-test-number .modal-dialog .modal-body {
    padding: 0 1rem;
    min-height: 110px; }
    .new-test-number .modal-dialog .modal-body .label {
      padding: 10px 0; }
    .new-test-number .modal-dialog .modal-body .error-block {
      color: red;
      font-size: 0.8em;
      padding: 5px; }
    .new-test-number .modal-dialog .modal-body .key-data {
      padding: 10px 0; }
      .new-test-number .modal-dialog .modal-body .key-data .key-label {
        font-weight: bold;
        font-size: 1.1em; }
      .new-test-number .modal-dialog .modal-body .key-data .key-data {
        padding: 0; }
      .new-test-number .modal-dialog .modal-body .key-data .copy-to-clipboard {
        padding: 3px 10px; }
        .new-test-number .modal-dialog .modal-body .key-data .copy-to-clipboard .button-text {
          margin-left: 3px; }
    .new-test-number .modal-dialog .modal-body .warning {
      padding: 20px 10px;
      background-color: rgba(212, 27, 27, 0.15); }
      .new-test-number .modal-dialog .modal-body .warning .red-icon {
        color: #FD2758; }
      .new-test-number .modal-dialog .modal-body .warning .red-text {
        color: #FD2758;
        font-size: 1.05em; }

.agent-timeline {
  padding: 50px 15%; }
  @media (max-width: 1200px) {
    .agent-timeline {
      padding: 12px 24px 24px 24px; } }
  .agent-timeline .loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: 5; }
    .agent-timeline .loader.absolute {
      position: absolute;
      left: 50%;
      top: 50%; }
  .agent-timeline .head-text {
    font-size: 1.1em; }
  .agent-timeline .reason-button {
    display: flex;
    padding: 0; }
    .agent-timeline .reason-button .js-new-reason {
      margin-left: auto; }
      .agent-timeline .reason-button .js-new-reason .button-label {
        margin-left: 0.8em;
        font-size: 1.25em; }
  .agent-timeline .delete-button {
    padding: 0; }
  .agent-timeline .loading-row {
    background-color: grey; }
    .agent-timeline .loading-row .color-box {
      width: 10px;
      height: 10px;
      display: inline-block;
      left: 5px;
      top: 5px; }

.new-reason #temporary-text {
  visibility: hidden;
  color: green; }

.new-reason .loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  z-index: 5; }
  .new-reason .loader.absolute {
    position: absolute;
    left: 50%;
    top: 50%; }

.new-reason .modal-dialog {
  max-width: 470px; }
  .new-reason .modal-dialog .modal-body {
    padding: 2rem;
    min-height: 110px; }
    .new-reason .modal-dialog .modal-body .label {
      padding: 10px 0; }
    .new-reason .modal-dialog .modal-body .error-block {
      color: red;
      font-size: 0.8em;
      padding: 5px; }
    .new-reason .modal-dialog .modal-body .key-data {
      padding: 10px 0; }
      .new-reason .modal-dialog .modal-body .key-data .key-label {
        font-weight: bold;
        font-size: 1.1em; }
      .new-reason .modal-dialog .modal-body .key-data .key-data {
        padding: 0; }
      .new-reason .modal-dialog .modal-body .key-data .copy-to-clipboard {
        padding: 3px 10px; }
        .new-reason .modal-dialog .modal-body .key-data .copy-to-clipboard .button-text {
          margin-left: 3px; }
    .new-reason .modal-dialog .modal-body .warning {
      padding: 20px 10px;
      background-color: rgba(212, 27, 27, 0.15); }
      .new-reason .modal-dialog .modal-body .warning .red-icon {
        color: #FD2758; }
      .new-reason .modal-dialog .modal-body .warning .red-text {
        color: #FD2758;
        font-size: 1.05em; }

.email-triggers {
  padding: 50px 15%; }
  @media (max-width: 1200px) {
    .email-triggers {
      padding: 12px 24px 24px 24px; } }
  .email-triggers .loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: 5; }
    .email-triggers .loader.absolute {
      position: absolute;
      left: 50%;
      top: 50%; }
  .email-triggers .head-text {
    font-size: 1.1em; }
  .email-triggers .api-key-button {
    display: flex;
    padding: 0; }
    .email-triggers .api-key-button .js-new-apikey {
      margin-left: auto; }
      .email-triggers .api-key-button .js-new-apikey .button-label {
        margin-left: 0.8em;
        font-size: 1.25em; }
  .email-triggers .delete-button {
    padding: 0; }
  .email-triggers .loading-row {
    background-color: grey; }

.new-email #temporary-text {
  visibility: hidden;
  color: green; }

.new-email .loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  z-index: 5; }
  .new-email .loader.absolute {
    position: absolute;
    left: 50%;
    top: 50%; }

.new-email .modal-dialog {
  max-width: 430px; }
  .new-email .modal-dialog .modal-body {
    padding: 0 1rem;
    min-height: 110px; }
    .new-email .modal-dialog .modal-body .label {
      padding: 10px 0; }
    .new-email .modal-dialog .modal-body .error-block {
      color: red;
      font-size: 0.8em;
      padding: 5px; }
    .new-email .modal-dialog .modal-body .key-data {
      padding: 10px 0; }
      .new-email .modal-dialog .modal-body .key-data .key-label {
        font-weight: bold;
        font-size: 1.1em; }
      .new-email .modal-dialog .modal-body .key-data .key-data {
        padding: 0; }
      .new-email .modal-dialog .modal-body .key-data .copy-to-clipboard {
        padding: 3px 10px; }
        .new-email .modal-dialog .modal-body .key-data .copy-to-clipboard .button-text {
          margin-left: 3px; }
    .new-email .modal-dialog .modal-body .warning {
      padding: 20px 10px;
      background-color: rgba(212, 27, 27, 0.15); }
      .new-email .modal-dialog .modal-body .warning .red-icon {
        color: #FD2758; }
      .new-email .modal-dialog .modal-body .warning .red-text {
        color: #FD2758;
        font-size: 1.05em; }

.reporting-schedulers {
  padding: 50px 15%; }
  @media (max-width: 1200px) {
    .reporting-schedulers {
      padding: 50px; } }
  .reporting-schedulers .loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: 5; }
    .reporting-schedulers .loader.absolute {
      position: absolute;
      left: 50%;
      top: 50%; }
  .reporting-schedulers .head-text {
    font-size: 1.1em; }
  .reporting-schedulers .api-key-button {
    display: flex;
    padding: 0; }
    .reporting-schedulers .api-key-button .js-new-apikey {
      margin-left: auto; }
      .reporting-schedulers .api-key-button .js-new-apikey .button-label {
        margin-left: 0.8em;
        font-size: 1.25em; }
  .reporting-schedulers .delete-button, .reporting-schedulers .edit-button, .reporting-schedulers .view-button {
    padding: 0; }
  .reporting-schedulers .loading-row {
    background-color: grey; }

.new-scheduler #temporary-text {
  visibility: hidden;
  color: green; }

.new-scheduler .loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  z-index: 5; }
  .new-scheduler .loader.absolute {
    position: absolute;
    left: 50%;
    top: 50%; }

.new-scheduler .modal-dialog {
  max-width: 430px; }
  .new-scheduler .modal-dialog .modal-body {
    padding: 0 1rem;
    min-height: 110px; }
    .new-scheduler .modal-dialog .modal-body .label {
      padding: 10px 0; }
    .new-scheduler .modal-dialog .modal-body .error-block {
      color: red;
      font-size: 0.8em;
      padding: 5px; }
    .new-scheduler .modal-dialog .modal-body .key-data {
      padding: 10px 0; }
      .new-scheduler .modal-dialog .modal-body .key-data .key-label {
        font-weight: bold;
        font-size: 1.1em; }
      .new-scheduler .modal-dialog .modal-body .key-data .key-data {
        padding: 0; }
      .new-scheduler .modal-dialog .modal-body .key-data .copy-to-clipboard {
        padding: 3px 10px; }
        .new-scheduler .modal-dialog .modal-body .key-data .copy-to-clipboard .button-text {
          margin-left: 3px; }
    .new-scheduler .modal-dialog .modal-body .warning {
      padding: 20px 10px;
      background-color: rgba(212, 27, 27, 0.15); }
      .new-scheduler .modal-dialog .modal-body .warning .red-icon {
        color: #FD2758; }
      .new-scheduler .modal-dialog .modal-body .warning .red-text {
        color: #FD2758;
        font-size: 1.05em; }

.report-history .loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  z-index: 5; }
  .report-history .loader.absolute {
    position: absolute;
    left: 50%;
    top: 50%; }

.livechat-plugins {
  padding: 50px 15%; }
  @media (max-width: 1200px) {
    .livechat-plugins {
      padding: 50px; } }
  .livechat-plugins .loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: 5; }
    .livechat-plugins .loader.absolute {
      position: absolute;
      left: 50%;
      top: 50%; }
  .livechat-plugins .head-text {
    font-size: 1.1em; }
  .livechat-plugins .api-key-button {
    display: flex;
    padding: 0; }
    .livechat-plugins .api-key-button .js-new-apikey {
      margin-left: auto; }
      .livechat-plugins .api-key-button .js-new-apikey .button-label {
        margin-left: 0.8em;
        font-size: 1.25em; }
  .livechat-plugins .delete-button,
  .livechat-plugins .edit-button {
    padding: 0; }
  .livechat-plugins .loading-row {
    background-color: grey; }

.new-livechat-plugin #temporary-text {
  visibility: hidden;
  color: green; }

.new-livechat-plugin .small-widget {
  border-radius: 5px;
  border: 4px solid #444444;
  padding: 20px;
  width: 110px;
  height: 100px;
  margin: 5px; }

.new-livechat-plugin .large-widget {
  border-radius: 5px;
  border: 4px solid #444444;
  padding: 20px;
  width: 110px;
  height: 170px;
  margin: 5px; }

.new-livechat-plugin .label {
  padding: 10px; }

.new-livechat-plugin .loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  z-index: 5; }
  .new-livechat-plugin .loader.absolute {
    position: absolute;
    left: 50%;
    top: 50%; }

.new-livechat-plugin .modal-dialog {
  max-width: 900px; }
  .new-livechat-plugin .modal-dialog .modal-body .panel-title {
    position: relative;
    background: #eeeeee;
    margin: 5px 0 10px 0;
    padding: 8px; }
  .new-livechat-plugin .modal-dialog .modal-body .panel-title::after {
    top: 15px;
    content: "";
    right: 30px;
    position: absolute; }
  .new-livechat-plugin .modal-dialog .modal-body .panel-title[aria-expanded="false"]::after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
    content: ""; }
  .new-livechat-plugin .modal-dialog .modal-body .panel-title[aria-expanded="true"]::after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
    content: ""; }
  .new-livechat-plugin .modal-dialog .modal-body .label {
    padding: 10px 0; }
  .new-livechat-plugin .modal-dialog .modal-body .error-block {
    color: red;
    font-size: 0.8em;
    padding: 5px; }
  .new-livechat-plugin .modal-dialog .modal-body .key-data {
    padding: 10px 0; }
    .new-livechat-plugin .modal-dialog .modal-body .key-data .key-label {
      font-weight: bold;
      font-size: 1.1em; }
    .new-livechat-plugin .modal-dialog .modal-body .key-data .key-data {
      padding: 0; }
    .new-livechat-plugin .modal-dialog .modal-body .key-data .copy-to-clipboard {
      padding: 3px 10px; }
      .new-livechat-plugin .modal-dialog .modal-body .key-data .copy-to-clipboard .button-text {
        margin-left: 3px; }
  .new-livechat-plugin .modal-dialog .modal-body .warning {
    padding: 20px 10px;
    background-color: rgba(212, 27, 27, 0.15); }
    .new-livechat-plugin .modal-dialog .modal-body .warning .red-icon {
      color: #fd2758; }
    .new-livechat-plugin .modal-dialog .modal-body .warning .red-text {
      color: #fd2758;
      font-size: 1.05em; }

.new-livechat-plugin .fullscreen-button {
  border: none;
  background: #fff;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.3rem;
  color: #303233;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5; }

.new-livechat-plugin .fullscreen-button:hover {
  opacity: 1; }

.new-livechat-plugin.fullscreen .modal {
  padding: 0 !important; }

.new-livechat-plugin.fullscreen .modal .modal-dialog {
  margin: 0 !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  height: 100vh !important;
  width: 100vw;
  transition: width 400ms ease-in-out;
  transition: height 400ms ease-in-out; }

.new-livechat-plugin.fullscreen .modal .modal-content {
  height: 100% !important;
  transition: height 400ms ease-in-out;
  transition: width 400ms ease-in-out;
  border: 0;
  border-radius: 0; }

.new-livechat-plugin.fullscreen .modal .modal-body {
  overflow-y: auto; }
  .new-livechat-plugin.fullscreen .modal .modal-body .editorTab {
    height: 100% !important; }
    .new-livechat-plugin.fullscreen .modal .modal-body .editorTab .parent-row {
      height: 100% !important; }
      .new-livechat-plugin.fullscreen .modal .modal-body .editorTab .parent-row .parent-column {
        height: 100% !important; }
      .new-livechat-plugin.fullscreen .modal .modal-body .editorTab .parent-row .tab-content {
        height: 85% !important; }
        .new-livechat-plugin.fullscreen .modal .modal-body .editorTab .parent-row .tab-content .tab-pane {
          height: 100%; }
          .new-livechat-plugin.fullscreen .modal .modal-body .editorTab .parent-row .tab-content .tab-pane .CodeMirror {
            height: 100% !important; }

.new-livechat-plugin.fullscreen .modal .modal-footer {
  margin-right: 80px; }
  .new-livechat-plugin.fullscreen .modal .modal-footer button {
    width: 100px !important; }

.livechat-plugin-widget .collapse.show {
  height: calc(100% - 36px) !important; }
  .livechat-plugin-widget .collapse.show iframe {
    border: 3px solid #b9b9b938; }

.livechat-plugin-widget .livechat-plugin-title {
  position: relative;
  background: #eeeeee;
  margin: 5px -6px 0 0;
  padding: 8px;
  width: 100%;
  height: 36px;
  border-radius: 5px 5px 0 0; }

.livechat-plugin-widget .livechat-plugin-title::after {
  top: 15px;
  content: "";
  right: 10px;
  position: absolute; }

.livechat-plugin-widget .livechat-plugin-title[aria-expanded="false"]::after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  top: 16px;
  content: ""; }

.livechat-plugin-widget .livechat-plugin-title[aria-expanded="true"]::after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  top: 16px;
  content: ""; }

.canned-responses-page .tagify {
  color: #6873A2;
  font-weight: 600;
  border-radius: 4px;
  background-color: #F0F3FA;
  padding: 2px 4px;
  margin-right: 2px;
  line-height: 2; }

@media (max-width: 1200px) {
  .canned-responses-page .react-iframe-support {
    margin: 0 auto; }
  .canned-responses-page .offset-lg-2 {
    margin-left: 0; }
  .canned-responses-page .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (max-width: 1200px) {
  .banned-visitor-page .react-iframe-support {
    margin: 0 auto; }
  .banned-visitor-page .offset-lg-2 {
    margin-left: 0; }
  .banned-visitor-page .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%; } }

.waba-verloop-logo {
  background-image: url("https://cdn-ops.verloop.io/assets/png/whatsapp_icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 25px; }

@media (max-width: 1200px) {
  .triggers-page .react-iframe-support {
    margin: 0 auto; }
  .triggers-page .offset-lg-2 {
    margin-left: 0; }
  .triggers-page .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%; } }

.modal-content .form-control {
  padding-right: 0px; }

body.not-logged-in .verloop-widget {
  display: none; }