@charset "UTF-8";
/*!
 * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3..3 | MIT License | github.com/necolas/normalize.css */
/*! normalize.css v3..3 | MIT License | github.com/necolas/normalize.css */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #fff;
  font-family: sans-serif;
}
html.app-bg {
  background-color: #242c33;
}

body {
  margin: 0;
  -ms-scrollbar-base-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-face-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-arrow-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-3dlight-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-darkshadow-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-highlight-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-shadow-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-track-color: rgba(0, 0, 0, 0);
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}
a:active {
  outline: 0;
}
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #FFC70E;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid rgb(153.5275862069, 169.4448275862, 183.3724137931);
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid rgb(153.5275862069, 169.4448275862, 183.3724137931);
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid rgb(219.3, 224.9, 229.8) !important;
  }
}
html {
  box-sizing: border-box;
}

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

@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@-webkit-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 16px;
  height: 100%;
}

body {
  background-color: #fff;
  color: black;
  font-family: "Roboto", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  height: 100%;
  line-height: 1.5;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

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

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

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted rgb(153.5275862069, 169.4448275862, 183.3724137931);
}

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: bold;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

a {
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  text-decoration: none;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
a:focus, a:hover {
  color: rgb(26.064556962, 77.7518987342, 78.635443038);
  text-decoration: none;
}
a:focus {
  outline: dotted 0.17rem;
  outline-offset: -0.17rem;
}

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

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

[role=button] {
  cursor: pointer;
}

a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  background-color: transparent;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: left;
}

label {
  display: inline-block;
}

button:focus {
  outline: none;
  outline: 1px dotted;
}

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0;
}

textarea {
  resize: vertical;
}

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

legend,
.legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
}

input[type=search] {
  box-sizing: inherit;
  -webkit-appearance: none;
  appearance: none;
}

output {
  display: inline-block;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: inherit;
  font-family: "Roboto", "aller", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.34;
  margin-bottom: 0.5rem;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
  font-weight: 300;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}
h4 .smaller .color-indicator {
  top: 2px;
  left: -3px;
  margin-right: 5px;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

.h1 {
  font-size: 2.5rem;
}

.h2 {
  font-size: 2rem;
}

.h3 {
  font-size: 1.75rem;
}

.h4 {
  font-size: 1.5rem;
}

.h5 {
  font-size: 1.25rem;
}

.h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.34rem;
  font-weight: 100;
}

.p {
  font-size: 16px;
  font-weight: 300;
}

.logo-heading {
  z-index: 1;
  padding: 8px 8px 0 8px;
  font-size: 70%;
  font-weight: 300;
  letter-spacing: -0.01rem;
  color: rgb(219.3, 224.9, 229.8);
}
.logo-heading #page-title {
  display: block;
  bottom: -3px;
  right: 13px;
}

@media (max-width: 767px) {
  .display-1 {
    font-size: 2rem;
  }
}
.display-1 {
  font-size: 4rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .display-2 {
    font-size: 1.9444444444rem;
  }
}
.display-2 {
  font-size: 3.5rem;
  font-weight: 400;
}

.display-3 {
  font-size: 3rem;
  font-weight: 300;
}

.display-4 {
  font-size: 2.5rem;
  font-weight: 100;
}

.display-5 {
  font-size: 2rem;
  font-weight: 100;
}

.font-weight-5 {
  font-weight: 100;
}

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

small,
.small {
  font-size: 80%;
  font-weight: normal;
}
small.btn,
.small.btn {
  font-size: 80%;
}

.smaller {
  font-size: 70%;
}

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

.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: 5px;
}

.dl-horizontal::after {
  content: "";
  display: table;
  clear: both;
}
.dl-horizontal {
  margin-left: -1.875rem;
  margin-right: -1.875rem;
}

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

.blockquote {
  border-left: 0.25rem solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
  font-size: 1.25rem;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
}

.blockquote-footer {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  display: block;
  font-size: 80%;
  line-height: 1.5;
}
.blockquote-footer::before {
  content: "— ";
}

.blockquote-reverse {
  border-left: 0;
  border-right: 0.25rem solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
  padding-left: 0;
  padding-right: 1rem;
  text-align: right;
}
.blockquote-reverse .blockquote-footer::before {
  content: "";
}
.blockquote-reverse .blockquote-footer::after {
  content: " —";
}

@media (max-width: 991px) {
  #video-title.h1 {
    font-size: 1.75rem;
  }
}
.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 0.6rem;
}

.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  background-color: #fff;
  border: 1px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border-radius: 0.2rem;
  line-height: 1.5;
  padding: 0.25rem;
  transition: all 0.2s ease-in-out;
}

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

.img-profile {
  border: 6px solid;
  width: 10rem;
}
.img-profile.testimonial {
  margin-bottom: -100px;
}

.team-grid .figure {
  min-height: 370px;
}

.figure {
  display: inline-block;
}

.figure-img {
  border-bottom-left-radius: 2rem;
  border-top-right-radius: 2rem;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.figure-caption {
  font-size: 90%;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border-radius: 0.2rem;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0.15rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  line-height: 1.5;
  color: #242c33;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.pre-scrollable-sm {
  max-height: 88px;
  overflow-y: scroll;
}
.pre-scrollable-sm hr:last-child {
  display: none;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media (min-width: 544px) {
  .container {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.row {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.fill-row {
  height: 100%;
  position: relative;
  margin: 0;
  background: #fff;
}

.flex-row {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.flex-row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
  position: relative;
  min-height: 1px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 544px) {
  .col-sm-1 {
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-pull-1 {
    right: 8.3333333333%;
  }
  .col-xl-pull-2 {
    right: 16.6666666667%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-4 {
    right: 33.3333333333%;
  }
  .col-xl-pull-5 {
    right: 41.6666666667%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-7 {
    right: 58.3333333333%;
  }
  .col-xl-pull-8 {
    right: 66.6666666667%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-10 {
    right: 83.3333333333%;
  }
  .col-xl-pull-11 {
    right: 91.6666666667%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-push-1 {
    left: 8.3333333333%;
  }
  .col-xl-push-2 {
    left: 16.6666666667%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-4 {
    left: 33.3333333333%;
  }
  .col-xl-push-5 {
    left: 41.6666666667%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-7 {
    left: 58.3333333333%;
  }
  .col-xl-push-8 {
    left: 66.6666666667%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-10 {
    left: 83.3333333333%;
  }
  .col-xl-push-11 {
    left: 91.6666666667%;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
}
.fill-col {
  overflow: auto;
  padding: 0 !important;
}
.fill-col.fill-height {
  height: 100%;
}
.fill-col {
  height: 100%;
  min-height: 0;
}

.col-xs-first {
  order: -1;
}

.col-xs-last {
  order: 1;
}

@media (min-width: 544px) {
  .col-sm-first {
    order: -1;
  }
  .col-sm-last {
    order: 1;
  }
}
@media (min-width: 768px) {
  .col-md-first {
    order: -1;
  }
  .col-md-last {
    order: 1;
  }
}
@media (min-width: 992px) {
  .col-lg-first {
    order: -1;
  }
  .col-lg-last {
    order: 1;
  }
}
@media (min-width: 1200px) {
  .col-xl-first {
    order: -1;
  }
  .col-xl-last {
    order: 1;
  }
}
.row-xs-top {
  align-items: flex-start;
}

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

.row-xs-bottom {
  align-items: flex-end;
}

@media (min-width: 544px) {
  .row-sm-top {
    align-items: flex-start;
  }
  .row-sm-center {
    align-items: center;
  }
  .row-sm-bottom {
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .row-md-top {
    align-items: flex-start;
  }
  .row-md-center {
    align-items: center;
  }
  .row-md-bottom {
    align-items: flex-end;
  }
}
@media (min-width: 992px) {
  .row-lg-top {
    align-items: flex-start;
  }
  .row-lg-center {
    align-items: center;
  }
  .row-lg-bottom {
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .row-xl-top {
    align-items: flex-start;
  }
  .row-xl-center {
    align-items: center;
  }
  .row-xl-bottom {
    align-items: flex-end;
  }
}
.col-xs-top {
  align-self: flex-start;
}

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

.col-xs-bottom {
  align-self: flex-end;
}

@media (min-width: 544px) {
  .col-sm-top {
    align-self: flex-start;
  }
  .col-sm-center {
    align-self: center;
  }
  .col-sm-bottom {
    align-self: flex-end;
  }
}
@media (min-width: 768px) {
  .col-md-top {
    align-self: flex-start;
  }
  .col-md-center {
    align-self: center;
  }
  .col-md-bottom {
    align-self: flex-end;
  }
}
@media (min-width: 992px) {
  .col-lg-top {
    align-self: flex-start;
  }
  .col-lg-center {
    align-self: center;
  }
  .col-lg-bottom {
    align-self: flex-end;
  }
}
@media (min-width: 1200px) {
  .col-xl-top {
    align-self: flex-start;
  }
  .col-xl-center {
    align-self: center;
  }
  .col-xl-bottom {
    align-self: flex-end;
  }
}
.col-main {
  flex: 0 0 96.66667%;
  max-width: 96.66667%;
}

.col-nav {
  flex: 0 0 3.33333%;
  max-width: 3.33333%;
}
.col-nav .hide-when-collapsed {
  display: none;
}
.col-nav .nav-item {
  display: none;
}
.col-nav .nav-item.nav-expand {
  display: block;
  float: right !important;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
.table th,
.table td {
  padding: 0.75rem;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.table tbody + tbody {
  border-top: 2px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.table .table {
  background-color: #fff;
}

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

.table-bordered {
  border: 1px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.table-bordered th,
.table-bordered td {
  border: 1px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover tbody tr:not(.disable-hover):hover {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
}

.table-hover .table-active:not(.disable-hover):hover {
  background-color: rgb(231.2586206897, 234.9827586207, 238.2413793103);
}
.table-hover .table-active:not(.disable-hover):hover > td,
.table-hover .table-active:not(.disable-hover):hover > th {
  background-color: rgb(231.2586206897, 234.9827586207, 238.2413793103);
}

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

.table-hover .table-success:not(.disable-hover):hover {
  background-color: rgb(207.8888888889, 232.9166666667, 197.5833333333);
}
.table-hover .table-success:not(.disable-hover):hover > td,
.table-hover .table-success:not(.disable-hover):hover > th {
  background-color: rgb(207.8888888889, 232.9166666667, 197.5833333333);
}

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

.table-hover .table-info:not(.disable-hover):hover {
  background-color: rgb(195.9347826087, 227.0217391304, 242.5652173913);
}
.table-hover .table-info:not(.disable-hover):hover > td,
.table-hover .table-info:not(.disable-hover):hover > th {
  background-color: rgb(195.9347826087, 227.0217391304, 242.5652173913);
}

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

.table-hover .table-warning:not(.disable-hover):hover {
  background-color: rgb(249.5322580645, 242.2419354839, 203.9677419355);
}
.table-hover .table-warning:not(.disable-hover):hover > td,
.table-hover .table-warning:not(.disable-hover):hover > th {
  background-color: rgb(249.5322580645, 242.2419354839, 203.9677419355);
}

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

.table-hover .table-danger:not(.disable-hover):hover {
  background-color: rgb(234.7934782609, 203.7065217391, 203.7065217391);
}
.table-hover .table-danger:not(.disable-hover):hover > td,
.table-hover .table-danger:not(.disable-hover):hover > th {
  background-color: rgb(234.7934782609, 203.7065217391, 203.7065217391);
}

.table-responsive {
  display: block;
  width: 100%;
  min-height: 0.01%;
  overflow-x: auto;
}

.thead-inverse th {
  color: #fff;
  background-color: #242c33;
}

.thead-default th {
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
}

.table-inverse {
  color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  background-color: #242c33;
}
.table-inverse.table-bordered {
  border: 0;
}
.table-inverse th,
.table-inverse td,
.table-inverse thead th {
  border-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}

.table-reflow thead {
  float: left;
}
.table-reflow tbody {
  display: block;
  white-space: nowrap;
}
.table-reflow th,
.table-reflow td {
  border-top: 1px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border-left: 1px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.table-reflow th:last-child,
.table-reflow td:last-child {
  border-right: 1px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
  border-bottom: 1px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.table-reflow tr {
  float: left;
}
.table-reflow tr th,
.table-reflow tr td {
  display: block !important;
  border: 1px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
}

.text-truncate-th-lines {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
}

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

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

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

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  background-color: #fff;
  background-image: none;
  border: 1px solid rgb(136, 143, 146);
  border-radius: 0.2rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  outline: 1px dotted #242c33;
}
.form-control:hover {
  box-shadow: 0 0 0.225rem rgba(36, 44, 51, 0.4);
}
.form-control::placeholder {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  opacity: 1;
}
.form-control:disabled {
  cursor: not-allowed;
}

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

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

.form-control-static {
  min-height: 2.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
}
.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.small-form-select-child .form-control-sm, .small-form-select-child .input-group-sm > .form-control,
.small-form-select-child .input-group-sm > .input-group-addon,
.small-form-select-child .input-group-sm > .input-group-btn > .btn {
  line-height: 1.2;
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 0.75rem !important;
  font-size: 1.25rem;
  line-height: 1.3333333333;
  border-radius: 0.2rem;
}

.form-group {
  position: relative;
  padding-top: 0;
  margin-top: 0.46875rem;
  margin-bottom: 1.5625rem;
}
.form-group label, .form-group .form-control-label {
  background: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid rgb(136, 143, 146);
  color: rgb(37.4911392405, 111.8379746835, 113.1088607595);
  display: block;
  font-size: 80%;
  font-weight: bold;
  margin-left: 0;
  margin-right: 1.13rem;
  opacity: 0.8;
  padding: 0.225rem 0.65rem;
  position: absolute;
  top: 0;
  z-index: 1;
  padding-bottom: 0;
  border-bottom: none;
}
.form-group label.animate-up, .form-group .form-control-label.animate-up {
  z-index: 11;
}
.form-group .input-group-addon-icon + .form-control-label {
  margin-left: 41px;
}
.form-group .form-control {
  position: relative;
  z-index: 2;
}
.form-group.has-danger label {
  opacity: 1 !important;
  background: rgba(239.7402234637, 209.5597765363, 229.9061452514, 0.97);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid rgb(172.1787709497, 57.8212290503, 134.9162011173);
  padding: 0.375rem 0.65rem 0.15rem;
  top: 99% !important;
  z-index: 12 !important;
}

.no-placeholder .form-group label {
  opacity: 1 !important;
  background: rgba(239.7402234637, 209.5597765363, 229.9061452514, 0.97);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid rgb(172.1787709497, 57.8212290503, 134.9162011173);
  padding: 0.375rem 0.65rem 0.15rem;
  top: 99% !important;
  z-index: 12 !important;
}

.select-custom-arrow::after {
  content: "▶";
  position: absolute;
  right: 5px;
  top: 36px;
  z-index: 2;
  transform: rotate(90deg);
  color: #4DC2C4;
  width: 0;
  height: 0;
  pointer-events: none;
}
.select-custom-arrow.select-custom-arrow-lg::after {
  right: 22px;
  top: 20px;
}
.select-custom-arrow.select-custom-arrow-no-label::after {
  top: 11px;
}
.select-custom-arrow.select-custom-arrow-with-addon::after {
  right: 45px;
}
.select-custom-arrow.select-custom-arrow-up::after {
  top: 16px;
}

.radio,
.checkbox {
  display: block;
  margin-bottom: 0.75rem;
  position: relative;
}
.radio label,
.checkbox label {
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 0;
  padding-left: 1.25rem;
  text-transform: capitalize;
}
.radio label input:only-child,
.checkbox label input:only-child {
  position: static;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 0.25rem;
  margin-left: -1.25rem;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -0.25rem;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 0.75rem;
}

input[type=radio]:disabled, input[type=radio].disabled,
input[type=checkbox]:disabled,
input[type=checkbox].disabled {
  cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled {
  cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label {
  cursor: not-allowed;
}

.form-control-dark {
  background-color: rgb(50.7724137931, 62.0551724138, 71.9275862069);
  border-color: rgb(42.3310344828, 51.7379310345, 59.9689655172);
  color: #fff;
}

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  background-size: 1.4625rem 1.4625rem;
}

.has-success .text-help,
.has-success .form-control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success label, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.has-success .c-indicator::before {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405) !important;
}
.has-success .form-control {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.has-success .form-control:focus {
  border-color: rgb(32.4126582278, 96.6886075949, 97.7873417722);
}
.has-success .input-group-addon {
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  background-color: rgb(161.2683544304, 222.8784810127, 223.9316455696);
}
.has-success .form-control-feedback {
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.has-success .form-control-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==");
}

.has-warning .text-help,
.has-warning .form-control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning label, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #b03a69;
}
.has-warning .c-indicator::before {
  border-color: #b03a69 !important;
}
.has-warning .form-control {
  border-color: #b03a69;
}
.has-warning .form-control:focus {
  border-color: rgb(137.641025641, 45.358974359, 82.1153846154);
}
.has-warning .input-group-addon {
  color: #b03a69;
  border-color: #b03a69;
  background-color: rgb(237.1538461538, 200.8461538462, 215.3076923077);
}
.has-warning .form-control-feedback {
  color: #b03a69;
}
.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+");
}

.has-danger .text-help,
.has-danger .form-control-label,
.has-danger .radio,
.has-danger .checkbox,
.has-danger .radio-inline,
.has-danger .checkbox-inline,
.has-danger label, .has-danger.radio label, .has-danger.checkbox label, .has-danger.radio-inline label, .has-danger.checkbox-inline label {
  color: #862d69;
}
.has-danger .c-indicator::before {
  border-color: #862d69 !important;
}
.has-danger .form-control {
  border-color: #862d69;
}
.has-danger .form-control:focus {
  border-color: rgb(95.8212290503, 32.1787709497, 75.0837988827);
}
.has-danger .input-group-addon {
  color: #862d69;
  border-color: #862d69;
  background-color: rgb(223.0726256983, 159.9273743017, 202.4972067039);
}
.has-danger .form-control-feedback {
  color: #862d69;
}
.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=");
}

@media (min-width: 544px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.comment-video-seek, .comment-video-seek::-webkit-slider-thumb {
  -webkit-appearance: none;
  outline: none;
}
.comment-video-seek {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--val) - var(--min))/var(--range));
  --sx: calc(.5*1em + var(--ratio)*(100% - 1em));
  margin: 0;
  padding: 0;
  width: 100%;
  height: 1em;
  background: transparent;
  font: 1em/1 arial, sans-serif;
}
.comment-video-seek::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 0.5em;
  background: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.range-progress-input .comment-video-seek::-webkit-slider-runnable-track {
  background: linear-gradient(rgb(45.1088607595, 134.5620253165, 136.0911392405), rgb(45.1088607595, 134.5620253165, 136.0911392405)) 0/var(--sx) 100% no-repeat rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.comment-video-seek::-moz-range-track {
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 0.5em;
  background: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.comment-video-seek::-ms-track {
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 0.5em;
  background: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.comment-video-seek::-moz-range-progress {
  height: 0.5em;
  background: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.comment-video-seek::-ms-fill-lower {
  height: 0.5em;
  background: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.comment-video-seek::-webkit-slider-thumb {
  margin-top: -0.25em;
  box-sizing: border-box;
  border: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.comment-video-seek::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.comment-video-seek::-ms-thumb {
  margin-top: 0;
  box-sizing: border-box;
  border: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.comment-video-seek::-ms-tooltip {
  display: none;
}

.inverse-range-sm, .inverse-range-sm::-webkit-slider-thumb {
  -webkit-appearance: none;
  outline: none;
}
.inverse-range-sm {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--val) - var(--min))/var(--range));
  --sx: calc(.5*0.8em + var(--ratio)*(100% - 0.8em));
  margin: 0;
  padding: 0;
  width: 100%;
  height: 0.8em;
  background: transparent;
  font: 1em/1 arial, sans-serif;
}
.inverse-range-sm::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 0.2em;
  background: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.range-progress-input .inverse-range-sm::-webkit-slider-runnable-track {
  background: linear-gradient(#fff, #fff) 0/var(--sx) 100% no-repeat rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.inverse-range-sm::-moz-range-track {
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 0.2em;
  background: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.inverse-range-sm::-ms-track {
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 0.2em;
  background: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.inverse-range-sm::-moz-range-progress {
  height: 0.2em;
  background: #fff;
}
.inverse-range-sm::-ms-fill-lower {
  height: 0.2em;
  background: #fff;
}
.inverse-range-sm::-webkit-slider-thumb {
  margin-top: -0.3em;
  box-sizing: border-box;
  border: none;
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background: #fff;
}
.inverse-range-sm::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background: #fff;
}
.inverse-range-sm::-ms-thumb {
  margin-top: 0;
  box-sizing: border-box;
  border: none;
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background: #fff;
}
.inverse-range-sm::-ms-tooltip {
  display: none;
}

.loading-data label {
  color: rgba(0, 0, 0, 0);
}
.loading-data select {
  color: rgba(0, 0, 0, 0);
}
.loading-data .ember-power-select-placeholder {
  color: rgba(0, 0, 0, 0);
}

.ember-power-select-placeholder {
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414) !important;
}

.btn {
  padding: 0.375rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  transition: all 0.2s ease-in-out;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.btn.markup-toggle-btn {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  overflow: hidden;
  position: relative;
}
.btn.markup-toggle-btn-active::after {
  -moz-animation: cssToggleBtn 2s infinite; /* Fx 5+ */
  -webkit-animation: cssToggleBtn 2s infinite; /* Safari 4+ */
  animation: cssToggleBtn 2s infinite; /* IE 10+, Fx 29+ */
  background-color: rgba(255, 255, 255, 0.7);
  background-image: url("images/toggle-btn-active-bg.png");
  background-position: center center;
  background-blend-mode: overlay;
  border-radius: 50%;
  top: 49%;
  content: "";
  height: 1%;
  left: 49%;
  position: absolute;
  width: 1%;
}
.btn.edit-toggle-btn {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: dotted 0.17rem;
  outline-offset: -0.17rem;
}
.btn:focus, .btn:hover {
  text-decoration: none;
}
.btn.focus {
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
}
.btn.disabled, .btn:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.btn-with-icon-and-text {
  padding: 0.075rem 0.45rem 0.375rem;
}
.btn-with-icon-and-text .sub-icon-text {
  font-size: 65%;
  display: block;
  line-height: 0.3rem;
  font-weight: bold;
  text-transform: uppercase;
}

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

.btn-primary {
  color: #fff;
  background-color: #0F6499;
  border-color: rgb(11.3571428571, 75.7142857143, 115.8428571429);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #0F6499 0%, rgb(11.3571428571, 75.7142857143, 115.8428571429) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0F6499', endColorstr='#FF0B4C74', GradientType=0);
}
.btn-primary:not(.disable-hover):hover {
  background-color: rgb(18.1875, 121.25, 185.5125);
  color: white;
  background-image: linear-gradient(to bottom, rgb(18.1875, 121.25, 185.5125) 0%, rgb(18.1875, 121.25, 185.5125) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1279BA', endColorstr='#FF1279BA', GradientType=0);
  border-color: rgb(16.8214285714, 112.1428571429, 171.5785714286);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(18.1875, 121.25, 185.5125);
  border-color: rgb(16.8214285714, 112.1428571429, 171.5785714286);
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(18.1875, 121.25, 185.5125);
  border-color: rgb(16.8214285714, 112.1428571429, 171.5785714286);
  background-image: none;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(10.4464285714, 69.6428571429, 106.5535714286);
  border-color: rgb(5.8928571429, 39.2857142857, 60.1071428571);
}
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
  background-color: #0F6499;
  border-color: #0F6499;
}
.btn-primary.disabled:not(.disable-hover):hover, .btn-primary:disabled:not(.disable-hover):hover {
  background-color: #0F6499;
  border-color: #0F6499;
}
.btn-primary svg.icon {
  fill: #fff;
}
.btn-primary svg use {
  fill: #fff;
}
.btn-primary:focus {
  outline-color: #0F6499;
  outline-offset: -0.09rem;
  outline-style: dotted;
}

.btn-secondary {
  color: #242c33;
  background-color: #fff;
  border-color: rgb(129.6103448276, 149.2793103448, 166.4896551724);
  fill: #242c33;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #fff 0%, rgb(234.6, 234.6, 234.6) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEBEBEB', GradientType=0);
}
.btn-secondary:not(.disable-hover):hover {
  background-color: white;
  color: rgb(46.5517241379, 56.8965517241, 65.9482758621);
  background-image: linear-gradient(to bottom, white 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0);
  border-color: rgb(165.4862068966, 179.5275862069, 191.8137931034);
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #242c33;
  background-color: white;
  border-color: rgb(165.4862068966, 179.5275862069, 191.8137931034);
}
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: white;
  border-color: rgb(165.4862068966, 179.5275862069, 191.8137931034);
  background-image: none;
}
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus {
  color: #242c33;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(97.2, 118.8, 137.7);
}
.btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus {
  background-color: #fff;
  border-color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}
.btn-secondary.disabled:not(.disable-hover):hover, .btn-secondary:disabled:not(.disable-hover):hover {
  background-color: #fff;
  border-color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}
.btn-secondary svg.icon {
  fill: #242c33;
}
.btn-secondary svg use {
  fill: #242c33;
}
.btn-secondary:focus {
  outline-color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  outline-offset: -0.09rem;
  outline-style: dotted;
}

.btn-info {
  color: #fff;
  background-color: #6298cb;
  border-color: rgb(67.3511961722, 131.8928229665, 192.8488038278);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #6298cb 0%, rgb(67.3511961722, 131.8928229665, 192.8488038278) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6298CB', endColorstr='#FF4384C1', GradientType=0);
}
.btn-info:not(.disable-hover):hover {
  background-color: rgb(124.8177033493, 169.5937799043, 211.8822966507);
  color: white;
  background-image: linear-gradient(to bottom, rgb(124.8177033493, 169.5937799043, 211.8822966507) 0%, rgb(124.8177033493, 169.5937799043, 211.8822966507) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7DAAD4', endColorstr='#FF7DAAD4', GradientType=0);
  border-color: rgb(113.3244019139, 162.0535885167, 208.0755980861);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(124.8177033493, 169.5937799043, 211.8822966507);
  border-color: rgb(113.3244019139, 162.0535885167, 208.0755980861);
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(124.8177033493, 169.5937799043, 211.8822966507);
  border-color: rgb(113.3244019139, 162.0535885167, 208.0755980861);
  background-image: none;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(62.2009569378, 126.7942583732, 187.7990430622);
  border-color: rgb(49.5119617225, 100.9282296651, 149.4880382775);
}
.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
  background-color: #6298cb;
  border-color: #6298cb;
}
.btn-info.disabled:not(.disable-hover):hover, .btn-info:disabled:not(.disable-hover):hover {
  background-color: #6298cb;
  border-color: #6298cb;
}
.btn-info svg.icon {
  fill: #fff;
}
.btn-info svg use {
  fill: #fff;
}
.btn-info:focus {
  outline-color: #6298cb;
  outline-offset: -0.09rem;
  outline-style: dotted;
}

.btn-success {
  color: #003B42;
  background-color: #4DC2C4;
  border-color: rgb(51.4569620253, 153.4987341772, 155.2430379747);
  fill: #003B42;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #4DC2C4 0%, rgb(57.8050632911, 172.435443038, 174.3949367089) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4DC2C4', endColorstr='#FF3AACAE', GradientType=0);
}
.btn-success:not(.disable-hover):hover {
  background-color: rgb(103.8126582278, 203.1886075949, 204.8873417722);
  color: rgb(0, 81.7954545455, 91.5);
  background-image: linear-gradient(to bottom, rgb(103.8126582278, 203.1886075949, 204.8873417722) 0%, rgb(103.8126582278, 203.1886075949, 204.8873417722) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF68CBCD', endColorstr='#FF68CBCD', GradientType=0);
  border-color: rgb(73.1696202532, 192.6873417722, 194.7303797468);
}
.btn-success:focus, .btn-success.focus {
  color: #003B42;
  background-color: rgb(103.8126582278, 203.1886075949, 204.8873417722);
  border-color: rgb(73.1696202532, 192.6873417722, 194.7303797468);
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(103.8126582278, 203.1886075949, 204.8873417722);
  border-color: rgb(73.1696202532, 192.6873417722, 194.7303797468);
  background-image: none;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #003B42;
  background-color: rgb(55.2658227848, 164.8607594937, 166.7341772152);
  border-color: rgb(36.2215189873, 108.0506329114, 109.2784810127);
}
.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
  background-color: #4DC2C4;
  border-color: rgb(61.6139240506, 183.7974683544, 185.8860759494);
}
.btn-success.disabled:not(.disable-hover):hover, .btn-success:disabled:not(.disable-hover):hover {
  background-color: #4DC2C4;
  border-color: rgb(61.6139240506, 183.7974683544, 185.8860759494);
}
.btn-success svg.icon {
  fill: #003B42;
}
.btn-success svg use {
  fill: #003B42;
}
.btn-success:focus {
  outline-color: rgb(61.6139240506, 183.7974683544, 185.8860759494);
  outline-offset: -0.09rem;
  outline-style: dotted;
}

.btn-warning {
  color: #fff;
  background-color: #b03a69;
  border-color: rgb(145.3128205128, 47.8871794872, 86.6923076923);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #b03a69 0%, rgb(145.3128205128, 47.8871794872, 86.6923076923) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB03A69', endColorstr='#FF913057', GradientType=0);
}
.btn-warning:not(.disable-hover):hover {
  background-color: rgb(195.4384615385, 74.2615384615, 122.5269230769);
  color: white;
  background-image: linear-gradient(to bottom, rgb(195.4384615385, 74.2615384615, 122.5269230769) 0%, rgb(195.4384615385, 74.2615384615, 122.5269230769) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC34A7B', endColorstr='#FFC34A7B', GradientType=0);
  border-color: rgb(191.3435897436, 63.0564102564, 114.1538461538);
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: rgb(195.4384615385, 74.2615384615, 122.5269230769);
  border-color: rgb(191.3435897436, 63.0564102564, 114.1538461538);
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: rgb(195.4384615385, 74.2615384615, 122.5269230769);
  border-color: rgb(191.3435897436, 63.0564102564, 114.1538461538);
  background-image: none;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(137.641025641, 45.358974359, 82.1153846154);
  border-color: rgb(99.2820512821, 32.7179487179, 59.2307692308);
}
.btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
  background-color: #b03a69;
  border-color: #b03a69;
}
.btn-warning.disabled:not(.disable-hover):hover, .btn-warning:disabled:not(.disable-hover):hover {
  background-color: #b03a69;
  border-color: #b03a69;
}
.btn-warning svg.icon {
  fill: #fff;
}
.btn-warning svg use {
  fill: #fff;
}
.btn-warning:focus {
  outline-color: #b03a69;
  outline-offset: -0.09rem;
  outline-style: dotted;
}

.btn-warning-yellow {
  color: #242c33;
  background-color: #FFC70E;
  border-color: rgb(228.2, 175.1742738589, 0);
  fill: #242c33;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #FFC70E 0%, rgb(228.2, 175.1742738589, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFC70E', endColorstr='#FFE4AF00', GradientType=0);
}
.btn-warning-yellow:not(.disable-hover):hover {
  background-color: rgb(255, 207.2954356846, 49.7);
  color: rgb(46.5517241379, 56.8965517241, 65.9482758621);
  background-image: linear-gradient(to bottom, rgb(255, 207.2954356846, 49.7) 0%, rgb(255, 207.2954356846, 49.7) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFCF32', endColorstr='#FFFFCF32', GradientType=0);
  border-color: rgb(255, 203.7402489627, 34.4);
}
.btn-warning-yellow:focus, .btn-warning-yellow.focus {
  color: #242c33;
  background-color: rgb(255, 207.2954356846, 49.7);
  border-color: rgb(255, 203.7402489627, 34.4);
}
.btn-warning-yellow:active, .btn-warning-yellow.active, .open > .btn-warning-yellow.dropdown-toggle {
  color: #fff;
  background-color: rgb(255, 207.2954356846, 49.7);
  border-color: rgb(255, 203.7402489627, 34.4);
  background-image: none;
}
.btn-warning-yellow:active:hover, .btn-warning-yellow:active:focus, .btn-warning-yellow:active.focus, .btn-warning-yellow.active:hover, .btn-warning-yellow.active:focus, .btn-warning-yellow.active.focus, .open > .btn-warning-yellow.dropdown-toggle:hover, .open > .btn-warning-yellow.dropdown-toggle:focus, .open > .btn-warning-yellow.dropdown-toggle.focus {
  color: #242c33;
  background-color: rgb(218, 167.3443983402, 0);
  border-color: rgb(167, 128.1950207469, 0);
}
.btn-warning-yellow.disabled:focus, .btn-warning-yellow.disabled.focus, .btn-warning-yellow:disabled:focus, .btn-warning-yellow:disabled.focus {
  background-color: #FFC70E;
  border-color: #FFC70E;
}
.btn-warning-yellow.disabled:not(.disable-hover):hover, .btn-warning-yellow:disabled:not(.disable-hover):hover {
  background-color: #FFC70E;
  border-color: #FFC70E;
}
.btn-warning-yellow svg.icon {
  fill: #fff;
}
.btn-warning-yellow svg use {
  fill: #242c33;
}
.btn-warning-yellow:focus {
  outline-color: #b03a69;
  outline-offset: -0.09rem;
  outline-style: dotted;
}

.btn-danger {
  color: #fff;
  background-color: #862d69;
  border-color: rgb(103.4569832402, 34.7430167598, 81.0670391061);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #862d69 0%, rgb(103.4569832402, 34.7430167598, 81.0670391061) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF862D69', endColorstr='#FF672351', GradientType=0);
}
.btn-danger:not(.disable-hover):hover {
  background-color: rgb(160.7251396648, 53.9748603352, 125.9413407821);
  color: white;
  background-image: linear-gradient(to bottom, rgb(160.7251396648, 53.9748603352, 125.9413407821) 0%, rgb(160.7251396648, 53.9748603352, 125.9413407821) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA1367E', endColorstr='#FFA1367E', GradientType=0);
  border-color: rgb(149.2715083799, 50.1284916201, 116.9664804469);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(160.7251396648, 53.9748603352, 125.9413407821);
  border-color: rgb(149.2715083799, 50.1284916201, 116.9664804469);
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(160.7251396648, 53.9748603352, 125.9413407821);
  border-color: rgb(149.2715083799, 50.1284916201, 116.9664804469);
  background-image: none;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(95.8212290503, 32.1787709497, 75.0837988827);
  border-color: rgb(57.6424581006, 19.3575418994, 45.1675977654);
}
.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
  background-color: #862d69;
  border-color: #862d69;
}
.btn-danger.disabled:not(.disable-hover):hover, .btn-danger:disabled:not(.disable-hover):hover {
  background-color: #862d69;
  border-color: #862d69;
}
.btn-danger svg.icon {
  fill: #fff;
}
.btn-danger svg use {
  fill: #fff;
}
.btn-danger:focus {
  outline-color: #862d69;
  outline-offset: -0.09rem;
  outline-style: dotted;
}

.btn-default {
  color: #242c33;
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border-color: rgb(210.3310344828, 217.3379310345, 223.4689655172);
  fill: #242c33;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(234.2482758621, 237.5034482759, 240.3517241379) 0%, rgb(210.3310344828, 217.3379310345, 223.4689655172) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEAEEF0', endColorstr='#FFD2D9DF', GradientType=0);
}
.btn-default:not(.disable-hover):hover {
  background-color: white;
  color: rgb(46.5517241379, 56.8965517241, 65.9482758621);
  background-image: linear-gradient(to bottom, white 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0);
  border-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
}
.btn-default:focus, .btn-default.focus {
  color: #242c33;
  background-color: white;
  border-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: white;
  border-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
  background-image: none;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #242c33;
  background-color: rgb(204.3517241379, 212.2965517241, 219.2482758621);
  border-color: rgb(174.4551724138, 187.0896551724, 198.1448275862);
}
.btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default:disabled:focus, .btn-default:disabled.focus {
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.btn-default.disabled:not(.disable-hover):hover, .btn-default:disabled:not(.disable-hover):hover {
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.btn-default:focus {
  outline-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  outline-offset: -0.09rem;
  outline-style: dotted;
}

.btn-primary-outline {
  color: #0F6499;
  background-image: none;
  background-color: transparent;
  border-color: #0F6499;
}
.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, .open > .btn-primary-outline.dropdown-toggle {
  color: white;
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border-color: rgb(10.4464285714, 69.6428571429, 106.5535714286);
}
.btn-primary-outline:not(.disable-hover):hover {
  color: white;
  background-color: rgb(10.4464285714, 69.6428571429, 106.5535714286);
  border-color: rgb(10.4464285714, 69.6428571429, 106.5535714286);
}
.btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus {
  border-color: rgb(36.4285714286, 157.8571428571, 233.5714285714);
}
.btn-primary-outline.disabled:not(.disable-hover):hover, .btn-primary-outline:disabled:not(.disable-hover):hover {
  border-color: rgb(36.4285714286, 157.8571428571, 233.5714285714);
}
.btn-primary-outline {
  border-bottom-width: 1px;
}

.btn-secondary-outline {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  background-image: none;
  background-color: transparent;
  border-color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}
.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, .open > .btn-secondary-outline.dropdown-toggle {
  color: white;
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border-color: rgb(123.6310344828, 144.2379310345, 162.2689655172);
}
.btn-secondary-outline:not(.disable-hover):hover {
  color: white;
  background-color: rgb(123.6310344828, 144.2379310345, 162.2689655172);
  border-color: rgb(123.6310344828, 144.2379310345, 162.2689655172);
}
.btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus {
  border-color: rgb(213.3206896552, 219.8586206897, 225.5793103448);
}
.btn-secondary-outline.disabled:not(.disable-hover):hover, .btn-secondary-outline:disabled:not(.disable-hover):hover {
  border-color: rgb(213.3206896552, 219.8586206897, 225.5793103448);
}
.btn-secondary-outline {
  border-bottom-width: 1px;
}

.btn-info-outline {
  color: #6298cb;
  background-image: none;
  background-color: transparent;
  border-color: #6298cb;
}
.btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, .open > .btn-info-outline.dropdown-toggle {
  color: white;
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border-color: rgb(62.2009569378, 126.7942583732, 187.7990430622);
}
.btn-info-outline:not(.disable-hover):hover {
  color: white;
  background-color: rgb(62.2009569378, 126.7942583732, 187.7990430622);
  border-color: rgb(62.2009569378, 126.7942583732, 187.7990430622);
}
.btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus {
  border-color: rgb(174.6220095694, 202.2679425837, 228.3779904306);
}
.btn-info-outline.disabled:not(.disable-hover):hover, .btn-info-outline:disabled:not(.disable-hover):hover {
  border-color: rgb(174.6220095694, 202.2679425837, 228.3779904306);
}
.btn-info-outline {
  border-bottom-width: 1px;
}

.btn-success-outline {
  color: #4DC2C4;
  background-image: none;
  background-color: transparent;
  border-color: #4DC2C4;
}
.btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, .open > .btn-success-outline.dropdown-toggle {
  color: white;
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border-color: rgb(55.2658227848, 164.8607594937, 166.7341772152);
}
.btn-success-outline:not(.disable-hover):hover {
  color: white;
  background-color: rgb(55.2658227848, 164.8607594937, 166.7341772152);
  border-color: rgb(55.2658227848, 164.8607594937, 166.7341772152);
}
.btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus {
  border-color: rgb(153.6075949367, 220.253164557, 221.3924050633);
}
.btn-success-outline.disabled:not(.disable-hover):hover, .btn-success-outline:disabled:not(.disable-hover):hover {
  border-color: rgb(153.6075949367, 220.253164557, 221.3924050633);
}
.btn-success-outline {
  border-bottom-width: 1px;
}

.btn-warning-outline {
  color: #b03a69;
  background-image: none;
  background-color: transparent;
  border-color: #b03a69;
}
.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, .open > .btn-warning-outline.dropdown-toggle {
  color: white;
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border-color: rgb(137.641025641, 45.358974359, 82.1153846154);
}
.btn-warning-outline:not(.disable-hover):hover {
  color: white;
  background-color: rgb(137.641025641, 45.358974359, 82.1153846154);
  border-color: rgb(137.641025641, 45.358974359, 82.1153846154);
}
.btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus {
  border-color: rgb(211.8717948718, 124.1282051282, 159.0769230769);
}
.btn-warning-outline.disabled:not(.disable-hover):hover, .btn-warning-outline:disabled:not(.disable-hover):hover {
  border-color: rgb(211.8717948718, 124.1282051282, 159.0769230769);
}
.btn-warning-outline {
  border-bottom-width: 1px;
}

.btn-danger-outline {
  color: #862d69;
  background-image: none;
  background-color: transparent;
  border-color: #862d69;
}
.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, .open > .btn-danger-outline.dropdown-toggle {
  color: white;
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border-color: rgb(95.8212290503, 32.1787709497, 75.0837988827);
}
.btn-danger-outline:not(.disable-hover):hover {
  color: white;
  background-color: rgb(95.8212290503, 32.1787709497, 75.0837988827);
  border-color: rgb(95.8212290503, 32.1787709497, 75.0837988827);
}
.btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus {
  border-color: rgb(197.4301675978, 83.5698324022, 160.3296089385);
}
.btn-danger-outline.disabled:not(.disable-hover):hover, .btn-danger-outline:disabled:not(.disable-hover):hover {
  border-color: rgb(197.4301675978, 83.5698324022, 160.3296089385);
}
.btn-danger-outline {
  border-bottom-width: 1px;
}

.btn-inverse-outline {
  color: #fff;
  background-image: none;
  background-color: transparent;
  border-color: #fff;
}
.btn-inverse-outline:focus, .btn-inverse-outline.focus, .btn-inverse-outline:active, .btn-inverse-outline.active, .open > .btn-inverse-outline.dropdown-toggle {
  color: white;
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border-color: rgb(229.5, 229.5, 229.5);
}
.btn-inverse-outline:not(.disable-hover):hover {
  color: #242c33;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(229.5, 229.5, 229.5);
}
.btn-inverse-outline.disabled:focus, .btn-inverse-outline.disabled.focus, .btn-inverse-outline:disabled:focus, .btn-inverse-outline:disabled.focus {
  border-color: white;
}
.btn-inverse-outline.disabled:not(.disable-hover):hover, .btn-inverse-outline:disabled:not(.disable-hover):hover {
  border-color: white;
}
.btn-inverse-outline {
  border-bottom-width: 1px;
}

.btn-inverse-outline-dark {
  color: #fff;
  background-image: none;
  background-color: transparent;
  border-color: #fff;
}
.btn-inverse-outline-dark:focus, .btn-inverse-outline-dark.focus, .btn-inverse-outline-dark:active, .btn-inverse-outline-dark.active, .open > .btn-inverse-outline-dark.dropdown-toggle {
  color: white;
  background-color: rgb(90.8689655172, 111.0620689655, 128.7310344828);
  border-color: rgb(229.5, 229.5, 229.5);
}
.btn-inverse-outline-dark:not(.disable-hover):hover {
  color: white;
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border-color: rgb(229.5, 229.5, 229.5);
}
.btn-inverse-outline-dark.disabled:focus, .btn-inverse-outline-dark.disabled.focus, .btn-inverse-outline-dark:disabled:focus, .btn-inverse-outline-dark:disabled.focus {
  border-color: white;
}
.btn-inverse-outline-dark.disabled:not(.disable-hover):hover, .btn-inverse-outline-dark:disabled:not(.disable-hover):hover {
  border-color: white;
}
.btn-inverse-outline-dark {
  border-bottom-width: 1px;
}

.btn-default-outline {
  color: #242c33;
  background-image: none;
  background-color: transparent;
  border-color: #242c33;
}
.btn-default-outline:focus, .btn-default-outline.focus, .btn-default-outline:active, .btn-default-outline.active, .open > .btn-default-outline.dropdown-toggle {
  color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border-color: rgb(14.8965517241, 18.2068965517, 21.1034482759);
}
.btn-default-outline:not(.disable-hover):hover {
  color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
  background-color: rgb(14.8965517241, 18.2068965517, 21.1034482759);
  border-color: rgb(14.8965517241, 18.2068965517, 21.1034482759);
}
.btn-default-outline.disabled:focus, .btn-default-outline.disabled.focus, .btn-default-outline:disabled:focus, .btn-default-outline:disabled.focus {
  border-color: rgb(78.2068965517, 95.5862068966, 110.7931034483);
}
.btn-default-outline.disabled:not(.disable-hover):hover, .btn-default-outline:disabled:not(.disable-hover):hover {
  border-color: rgb(78.2068965517, 95.5862068966, 110.7931034483);
}
.btn-default-outline {
  border-bottom-width: 1px;
}

.btn-link {
  border-radius: 0;
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  font-weight: normal;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
  background-color: transparent;
}
.btn-link, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:not(.disable-hover):hover {
  border-color: transparent;
}
.btn-link:focus, .btn-link:hover {
  background-color: transparent;
  color: rgb(26.064556962, 77.7518987342, 78.635443038);
  text-decoration: none;
}
.btn-link:disabled:focus, .btn-link:disabled:hover {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
  border-radius: 0.2rem;
}
@media (max-width: 991px) {
  .btn-lg.btn-smaller-md-down, .btn-group-lg > .btn-smaller-md-down.btn {
    padding: 0.375rem 0.7rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 0.15rem 0.45rem;
  font-size: 0.75rem;
  line-height: 1.2;
  border-radius: 0.1rem;
}
.btn-xs .icon, .btn-group-xs > .btn .icon {
  margin-top: -1px;
}

.btn-wide {
  min-width: 10em;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

.btn-color-picker .icon {
  visibility: hidden;
}
.btn-color-picker .active .icon {
  visibility: visible;
}

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

.ellipses-link {
  padding: 0 5px;
  text-decoration: none;
  border: none;
}
.ellipses-link:hover {
  background: #000;
}

.btn-play {
  padding: 0.25rem 0.75rem 0.25rem 0.8rem;
  font-size: 0.875rem;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  line-height: 35px;
  border-width: 3px;
}

.btn-tag-toggle {
  background: #242c33;
  border: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 80%;
  font-weight: bold;
  left: 4%;
  line-height: 100%;
  margin-bottom: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  position: relative;
  text-align: left;
}

.btn-tag-grid {
  left: 4%;
  position: relative;
  top: -2px;
  width: 92.7%;
}
.btn-tag-grid button.btn-tag {
  background: #242c33 !important;
  border: 1px solid rgb(78.2068965517, 95.5862068966, 110.7931034483) !important;
  border-radius: 0;
  color: #fff;
  font-size: 79%;
  margin-bottom: -1px;
  margin-left: -1px;
  padding-left: 8px;
  padding-right: 8px;
  text-overflow: clip;
  text-align: left;
}
.btn-tag-grid button.btn-tag:hover {
  background-color: black;
}
.btn-tag-grid button.btn-tag:active {
  background-color: black;
}
.btn-tag-grid button.btn-tag:focus {
  background-color: black;
}

.svg-logo {
  background-image: url("images/vosaic-logo-white.png");
  background-image: url("images/vosaic-logo-white.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  display: inline-block;
}

.full-logo-white {
  background-image: url("images/vosaic-logo-full-white.svg");
}

.full-logo-color {
  background-image: url("images/vosaic-logo-full-color.svg");
}

.full-logo-blue {
  background-image: url("images/vosaic-logo-full-blue.svg");
}

.logo-mark-sm {
  height: 2rem;
  width: 2rem;
}

.logo-full-sm {
  height: 2rem;
  width: 6.9rem;
}

.logo-mark-md {
  height: 4rem;
  width: 4rem;
}

.logo-full-md {
  height: 4rem;
  width: 13.8rem;
}

.logo-mark-lg {
  height: 6rem;
  width: 6rem;
}

.logo-full-lg {
  height: 6rem;
  width: 20.7rem;
}

.logo-mark-xl {
  height: 8rem;
  width: 8rem;
}

.logo-full-xl {
  height: 8rem;
  width: 27.6rem;
}

svg.icon {
  fill: #fff;
}
svg use {
  fill: #fff;
}

.icon {
  display: inline-block;
  height: 1rem;
  margin-top: -0.23rem;
  vertical-align: middle;
  width: 1rem;
}
.icon.icon-success use {
  fill: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.icon.icon-success {
  fill: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.icon.icon-primary use {
  fill: #0F6499;
}
.icon.icon-primary {
  fill: #0F6499;
}
.icon.icon-info use {
  fill: #6298cb;
}
.icon.icon-info {
  fill: #6298cb;
}
.icon.icon-danger use {
  fill: #862d69;
}
.icon.icon-danger {
  fill: #862d69;
}
.icon.icon-warning use {
  fill: #b03a69;
}
.icon.icon-warning {
  fill: #b03a69;
}
.icon.icon-light use {
  fill: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}
.icon.icon-light {
  fill: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}
.icon.icon-dark use {
  fill: #242c33;
}
.icon.icon-dark {
  fill: #242c33;
}

.icon-md {
  height: 1.4rem;
  width: 1.4rem;
}

.icon-sm {
  height: 0.8rem;
  width: 0.8rem;
}

.action-icon {
  display: none;
  height: 1.2rem;
  margin-right: 0.3rem;
  margin-top: -2px;
  width: 1.2rem;
}

.btn-lg .action-icon, .btn-group-lg > .btn .action-icon {
  height: 1.6rem;
  width: 1.6rem;
}

.btn-wide .action-icon {
  margin-left: -1rem;
}

.show-action-icon .action-icon {
  display: inline-block;
}
.show-action-icon svg {
  display: none;
}

.icon-timeline {
  margin-right: 5px;
  margin-top: -3px;
}

.btn .icon {
  fill: #fff;
  margin-right: 5px;
  margin-top: -4px;
}
.btn.text-success .icon {
  fill: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.btn.text-primary .icon {
  fill: #0F6499;
}
.btn.text-info .icon {
  fill: #6298cb;
}
.btn.text-danger .icon {
  fill: #862d69;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
@media (max-width: 1199px) {
  .collapse.in .primary-nav {
    clear: left;
  }
  .collapse.in .navbar-nav {
    width: 48%;
  }
  .collapse.in .navbar-nav .nav-item {
    float: none;
  }
  .collapse.in .navbar-nav .nav-item .dropdown-menu {
    width: 100%;
  }
  .collapse.in .navbar-nav .nav-item .nav-link {
    text-align: left;
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  }
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: 0.35s;
  transition-property: height;
}

.animate-up {
  opacity: 1 !important;
  top: -1.37rem !important;
  transition-timing-function: ease;
  transition-duration: 0.25s;
  transition-property: all;
}

.animate-slide {
  transition-timing-function: ease;
  transition-duration: 0.55s;
  transition-property: all;
}
.animate-slide.slide-up {
  top: -50%;
}

@-webkit-keyframes cssRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes cssRotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes cssRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes cssFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 100;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes cssFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 100;
  }
  100% {
    opacity: 0;
  }
}
@keyframes cssFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 100;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes cssFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
@-moz-keyframes cssFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
@keyframes cssFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
@-webkit-keyframes cssFadeOut {
  0% {
    opacity: 100;
  }
  80% {
    opacity: 100;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes cssFadeOut {
  0% {
    opacity: 100;
  }
  80% {
    opacity: 100;
  }
  100% {
    opacity: 0;
  }
}
@keyframes cssFadeOut {
  0% {
    opacity: 100;
  }
  80% {
    opacity: 100;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes cssToggleBtn {
  0% {
    height: 2px;
    left: 50%;
    opacity: 0.8;
    top: 50%;
    transform: rotate(0deg);
    width: 2px;
  }
  100% {
    height: 300px;
    left: -7px;
    opacity: 0;
    top: -130px;
    transform: rotate(360deg);
    width: 300px;
  }
}
@-moz-keyframes cssToggleBtn {
  0% {
    height: 2px;
    left: 50%;
    opacity: 0.8;
    top: 50%;
    transform: rotate(0deg);
    width: 2px;
  }
  100% {
    height: 300px;
    left: -7px;
    opacity: 0;
    top: -130px;
    transform: rotate(360deg);
    width: 300px;
  }
}
@keyframes cssToggleBtn {
  0% {
    height: 2px;
    left: 50%;
    opacity: 0.8;
    top: 50%;
    transform: rotate(0deg);
    width: 2px;
  }
  100% {
    height: 300px;
    left: -7px;
    opacity: 0;
    top: -130px;
    transform: rotate(360deg);
    width: 300px;
  }
}
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-pulse-big {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-pulse-inverse {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
  }
}
@keyframes shadow-pulse-inverse-big {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.1);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
}
.add-pulse {
  animation: shadow-pulse 2s 12;
}

.add-pulse-short {
  animation: shadow-pulse 1.5s 2;
}

.add-pulse-infinite {
  animation: shadow-pulse 2s infinite;
}

.add-pulse-big {
  animation: shadow-pulse-big 1.5s 3;
}

.add-pulse-inverse {
  animation: shadow-pulse-inverse 1.5s 3;
}

.add-pulse-inverse-infinite {
  animation: shadow-pulse-inverse 2s infinite;
}

.add-pulse-big-inverse {
  animation: shadow-pulse-inverse-big 1.5s 3;
}

.fadeInOut {
  animation: cssFade 2s infinite;
}

.fadeOut {
  animation: cssFadeOut 4s ease-out 1;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle::after {
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0.3em solid;
  content: "";
  display: inline-block;
  height: 0;
  margin-left: 0;
  margin-right: -0.2rem;
  vertical-align: middle;
  width: 0;
}

.dropup .dropdown-toggle::after {
  border-bottom: 0.3em solid;
  border-top: 0;
}

.dropdown-menu {
  border-radius: 0.2rem;
  background-clip: padding-box;
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
  color: black;
  display: none;
  float: left;
  font-size: 1rem;
  left: 0;
  list-style: none;
  margin: 2px 0 0;
  min-width: 160px;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}

.dropdown-divider {
  height: 1px;
  margin: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.15);
}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-item-placeholder:focus, .dropdown-item-placeholder:hover {
  background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  color: #fff;
  text-decoration: none;
}
.dropdown-item:focus .c-indicator::before, .dropdown-item:hover .c-indicator::before, .dropdown-item-placeholder:focus .c-indicator::before, .dropdown-item-placeholder:hover .c-indicator::before {
  border-color: #fff !important;
}
.dropdown-item, .dropdown-item-placeholder {
  background: none;
  border: 0;
  clear: both;
  color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  display: block;
  font-weight: 100;
  line-height: 1.5;
  padding: 8px 20px;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover, .dropdown-item-placeholder.active, .dropdown-item-placeholder.active:focus, .dropdown-item-placeholder.active:hover {
  background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  color: #fff;
  outline: 0;
  text-decoration: none;
}
.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover, .dropdown-item-placeholder.disabled, .dropdown-item-placeholder.disabled:focus, .dropdown-item-placeholder.disabled:hover {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}
.dropdown-item.disabled:focus, .dropdown-item.disabled:hover, .dropdown-item-placeholder.disabled:focus, .dropdown-item-placeholder.disabled:hover {
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
  text-decoration: none;
}

.text-truncate-button .dropdown-item, .text-truncate-button .dropdown-item-placeholder {
  padding: 8px 15px;
  width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-truncate-button .dropdown-item.c-input, .text-truncate-button .dropdown-item-placeholder.c-input {
  padding-left: 1.9rem;
}
.text-truncate-button .dropdown-item .c-indicator, .text-truncate-button .dropdown-item-placeholder .c-indicator {
  margin-left: 4px;
  margin-top: 2px;
}

.open > .dropdown-menu {
  display: block;
  overflow: hidden;
}
.open > a {
  outline: 0;
}

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

.dropdown-menu-center {
  left: -80%;
  right: auto;
}

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

.dropdown-header {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  padding: 6px 20px 3px;
  white-space: nowrap;
}

.dropdown-backdrop {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 990;
}

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

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-bottom: 0.3em solid;
  border-top: 0;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  bottom: 100%;
  margin-bottom: 2px;
  top: auto;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.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: 2;
}
.btn-group > .btn:not(.disable-hover):hover,
.btn-group-vertical > .btn:not(.disable-hover):hover {
  z-index: 2;
}

.player-sidebar .btn-list-area .btn-group:last-child {
  padding-bottom: 10em;
}
.player-sidebar .btn-grid-view .btn-grid-flex {
  display: flex;
  flex-flow: wrap;
}
.player-sidebar .btn-grid-view .btn-grid-flex .btn-group {
  width: 49%;
  margin-right: 0.5%;
}
.player-sidebar .btn-grid-view .btn-grid-flex .btn-block + .btn-block {
  margin-top: 0px;
}
.player-sidebar .btn-grid-view .btn-grid-flex .btn.moment {
  font-size: 80%;
}
.player-sidebar .btn-grid-view .btn-grid-flex .btn.edit-moment {
  font-size: 80%;
}
.player-sidebar .btn-grid-view .btn-grid-flex .icon {
  width: 0.8rem;
  height: 0.8rem;
}
.player-sidebar .btn-grid-view .btn-grid-flex .btn-tag-toggle {
  font-size: 70%;
}
.player-sidebar .btn-grid-view .btn-grid-flex .btn-tag {
  font-size: 66%;
  line-height: 110%;
  padding: 5px;
}
.player-sidebar .btn-grid-view .btn-grid-flex .btn-tag.col-xs-4 {
  flex: 0 0 50%;
  max-width: 50%;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar::after {
  content: "";
  display: table;
  clear: both;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-color-picker {
  position: relative;
  z-index: 1;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

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

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

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

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

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

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: none;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group.btn-group-lg > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 0.3em 0.3em 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 0.3em 0.3em;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group::after {
  content: "";
  display: table;
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

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

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

.input-group {
  position: relative;
  display: flex !important;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
}
.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
  z-index: 3;
}
.input-group .form-control {
  flex: 1;
}
.input-group .form-control {
  margin-bottom: 0;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  z-index: 2;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  text-align: center;
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border: 1px solid rgb(136, 143, 146);
  border-radius: 0.2rem;
}
.input-group-addon.form-control-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.15rem;
}
.input-group-addon.form-control-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 0.75rem 0.75rem;
  font-size: 1.25rem;
  border-radius: 0.6rem;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

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

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
  z-index: 3;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.input-group-btn:last-child > .btn:focus, .input-group-btn:last-child > .btn:active, .input-group-btn:last-child > .btn:hover,
.input-group-btn:last-child > .btn-group:focus,
.input-group-btn:last-child > .btn-group:active,
.input-group-btn:last-child > .btn-group:hover {
  z-index: 3;
}

.c-input {
  position: relative;
  display: inline;
  padding-left: 1.75rem;
  margin-left: 0.4rem;
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  cursor: pointer;
}
.c-input > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.c-input > input:checked ~ .c-indicator {
  color: #fff;
  background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.c-input > input:checked ~ .c-indicator::before {
  height: 1.6rem;
  width: 1.6rem;
  top: -0.25rem;
  left: -0.25rem;
  opacity: 1;
  -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
}
.c-input > input:focus ~ .c-indicator::before {
  outline: 2px dotted #242c33;
  box-shadow: 0 0 0.125rem rgba(32.4126582278, 96.6886075949, 97.7873417722, 0.8);
  outline-offset: 1px;
}
.c-input.c-checkbox-danger > input:checked ~ .c-indicator {
  color: #fff;
  background-color: #862d69;
}
.c-input:hover .c-indicator::before {
  -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
  height: 1.2rem;
  left: 0;
  opacity: 0.8;
  top: 0;
  width: 1.2rem;
}
.c-input:hover .c-indicator-sm::before {
  height: 0.9rem;
  left: -0.1rem;
  top: -0.1rem;
  width: 0.9rem;
}
.c-input .subtext {
  margin-left: 36px;
}

.c-indicator {
  position: absolute;
  top: 0.15rem;
  left: 0;
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  font-size: 65%;
  line-height: 1.1rem;
  color: #fff;
  text-align: center;
  user-select: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.c-indicator::before {
  content: " ";
  position: absolute;
  width: 1.58rem;
  height: 1.58rem;
  border: 2px solid rgb(45.1088607595, 134.5620253165, 136.0911392405);
  top: -0.25rem;
  left: -0.25rem;
  border-radius: 14%;
  opacity: 1;
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405) !important;
}
.c-indicator.c-indicator-sm {
  width: 0.7rem;
  height: 0.7rem;
  line-height: 0.7rem;
}
.c-indicator.c-indicator-sm::before {
  width: 1rem;
  height: 1rem;
}

.c-checkbox .c-indicator {
  border-radius: 0.15rem;
}
.c-checkbox input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}
.c-checkbox input:indeterminate ~ .c-indicator {
  background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
}

.c-checkbox-danger .c-indicator::before {
  border: 2px solid #862d69;
  border-color: #862d69 !important;
}

.c-radio .c-indicator {
  border-radius: 50%;
}
.c-radio .c-indicator::before {
  border-radius: 50%;
}
.c-radio input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
}

.is-disabled .c-indicator::before {
  border: 2px solid rgb(153.5275862069, 169.4448275862, 183.3724137931);
  border-color: rgb(153.5275862069, 169.4448275862, 183.3724137931) !important;
}

.c-inputs-stacked .c-input {
  display: block;
  margin-bottom: 1rem;
}
.c-inputs-stacked .c-input::after {
  display: block;
  margin-bottom: 0.25rem;
  content: "";
}
.c-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center;
  background-image: none \9 ;
  background-size: 8px 10px;
  border: 1px solid rgb(136, 143, 146);
  border-radius: 0.2rem;
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  display: inline-block;
  max-width: 100%;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  padding-right: 0.75rem \9 ;
  position: relative;
  vertical-align: middle;
  z-index: 2;
}
.c-select:focus {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  box-shadow: 0 0 0.125rem rgba(45.1088607595, 134.5620253165, 136.0911392405, 0.6);
  outline: none;
}
.c-select:hover {
  box-shadow: 0 0 0.225rem rgba(36, 44, 51, 0.4);
}
.c-select::-ms-expand {
  opacity: 0;
}

.c-select-sm {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
}
.c-select-sm:not([multiple]) {
  height: 26px;
  min-height: 26px;
}

.file {
  position: relative;
  display: inline-block;
  height: 2.5rem;
  cursor: pointer;
}

.file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  user-select: none;
  background-color: #fff;
  border: 1px solid rgb(219.3, 224.9, 229.8);
  border-radius: 0.25rem;
}

.file-custom::after {
  content: "Choose file...";
}

.file-custom::before {
  position: absolute;
  top: -0.075rem;
  right: -0.075rem;
  bottom: -0.075rem;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  content: "Browse";
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border: 1px solid rgb(219.3, 224.9, 229.8);
  border-radius: 0 0.25rem 0.25rem 0;
}

div[contenteditable=false] {
  border: none !important;
}

.content-editable {
  border: 1px solid rgb(45.1088607595, 134.5620253165, 136.0911392405);
  padding: 8px;
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border-radius: 0.25rem;
  outline: 0;
}

.content-editable-dark {
  background-color: #000;
}

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

.nav-link:focus, .nav-link:hover {
  text-decoration: none;
}
.nav-link {
  display: inline-block;
}
.nav-link.disabled {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}
.nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {
  background-color: transparent;
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  cursor: not-allowed;
}

.nav-inline .nav-item {
  display: inline-block;
}
.nav-inline .nav-item + .nav-item,
.nav-inline .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-tabs::after {
  content: "";
  display: table;
  clear: both;
}
.nav-tabs {
  border-bottom: 1px solid rgb(219.3, 224.9, 229.8);
}
.nav-tabs .nav-item {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs .nav-item + .nav-item {
  margin-left: 0.2rem;
}
.nav-tabs .nav-link {
  border-radius: 0.2rem 0.2rem 0 0;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: rgb(234.2482758621, 237.5034482759, 240.3517241379) rgb(234.2482758621, 237.5034482759, 240.3517241379) rgb(219.3, 224.9, 229.8);
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  display: block;
  padding: 0.75em 1em;
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
  background-color: transparent;
  border-color: transparent;
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
  background-color: #fff;
  border-color: rgb(219.3, 224.9, 229.8) rgb(219.3, 224.9, 229.8) transparent;
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}

.nav-pills::after {
  content: "";
  display: table;
  clear: both;
}
.nav-pills .nav-item {
  float: left;
}
.nav-pills .nav-item + .nav-item {
  margin-left: 0.2rem;
}
.nav-pills .nav-link {
  display: block;
  padding: 0.75em 1em;
  border-radius: 0.2rem;
}
.nav-pills .nav-link a {
  border-bottom: 0;
  border-bottom-style: none;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
  color: #fff !important;
  cursor: default;
  background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}

.nav-stacked .nav-item {
  display: block;
  float: none;
}
.nav-stacked .nav-item + .nav-item {
  margin-top: 0.2rem;
  margin-left: 0;
}

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

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar::after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 544px) {
  .navbar {
    border-radius: 0;
  }
}
.navbar {
  font-weight: 100;
  padding: 0 0;
  position: relative;
}

.navbar-sm {
  line-height: 80%;
  font-size: 80%;
}

.site-alert {
  background-color: #FFC70E;
  padding: 10px;
  font-size: 1rem;
  text-align: center;
  border: 1px solid rgb(243.5, 186.9190871369, 0);
  cursor: pointer;
}

.site-impersonating-alert {
  background-color: #862d69;
  border: 1px solid rgb(114.9106145251, 38.5893854749, 90.0418994413);
  color: #fff;
}

.has-site-alert .subnav-bar {
  top: 100px !important;
}
.has-site-alert .main-section {
  padding-top: 169px !important;
}

.top-nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
@media (max-width: 1199px) {
  .top-nav {
    position: absolute;
  }
}

.subnav-bar {
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  min-height: 4.25em;
  position: fixed;
  top: 48px;
  width: 100%;
  z-index: 800;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  padding: 0.9rem 0.66667rem 0.66667rem 0.66667rem;
}
.subnav-bar h1 {
  float: left;
  margin: 3px 18px 0 6px;
  padding: 0;
  color: #fff;
}
.subnav-bar .btn:focus {
  border-color: #fff;
  outline-color: #fff;
  outline-offset: -1px;
}
.subnav-bar .form-group label {
  color: rgb(153.6075949367, 220.253164557, 221.3924050633) !important;
}
.subnav-bar .form-control-label {
  background-color: #242c33;
  border-color: #242c33;
}
.subnav-bar .btn-sm, .subnav-bar .btn-group-sm > .btn {
  margin-top: 4px;
}

#voice-light .subnav-bar {
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
#voice-light .subnav-bar h1 {
  color: #242c33;
}
#voice-light .subnav-bar .btn:focus {
  border-color: #242c33;
  outline-color: #242c33;
}
#voice-light .subnav-bar .form-group label {
  color: #4DC2C4 !important;
}
#voice-light .subnav-bar .form-control-label {
  background-color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  border-color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}

@media (min-width: 544px) {
  .navbar-full {
    border-radius: 0;
  }
}
.navbar-full {
  z-index: 1000;
}

@media (min-width: 544px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-bottom {
  bottom: 0;
}

@media (min-width: 544px) {
  .navbar-sticky-top {
    border-radius: 0;
  }
}
.navbar-sticky-top {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1030;
}

.navbar-brand {
  border: 0;
}
.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none;
}
.navbar-brand {
  float: left;
  padding: 0.5rem 1rem 0.05rem;
}
.navbar-brand > img {
  display: block;
}

.navbar-divider {
  float: left;
  width: 1px;
  padding-top: 0.425rem;
  padding-bottom: 0.425rem;
  margin-right: 0;
  margin-left: 0;
  overflow: hidden;
}
.navbar-divider::before {
  content: " ";
}

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

@media (min-width: 544px) {
  .navbar-toggleable-xs {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .navbar-toggleable-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .navbar-toggleable-md {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .navbar-nav.product-nav {
    font-size: 0.9rem;
  }
}
.navbar-nav.product-nav .active {
  background: #0F6499 !important;
}
.navbar-nav.product-nav a {
  border-bottom-width: 0 !important;
}
.navbar-nav .nav-item {
  float: left;
}
.navbar-nav .nav-item.nav-expand {
  display: block;
  float: right !important;
}
.navbar-nav .nav-link {
  display: block;
  padding: 0.75em 1em;
  text-align: center;
}
.navbar-nav .nav-link + .nav-link {
  margin-left: 0;
}
.navbar-nav .nav-item + .nav-item {
  margin-left: 0;
}

.navbar-light {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
}
.navbar-light.navbar-transparent {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.navbar-light .navbar-brand {
  color: rgba(36, 44, 51, 0.9);
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: #242c33;
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(36, 44, 51, 0.9);
  border: 0;
  background: transparent;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.75);
  background-color: white;
}
.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
  color: #242c33;
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.navbar-light .navbar-divider {
  background-color: rgba(0, 0, 0, 0.075);
}

.navbar-dark {
  background-color: #242c33;
}
.navbar-dark.navbar-transparent {
  background-color: rgba(36, 44, 51, 0.8) !important;
}
.navbar-dark .navbar-brand {
  color: rgba(255, 255, 255, 0.9);
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(25.4482758621, 31.1034482759, 36.0517241379);
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.9);
  border: 0;
  background: transparent;
  max-width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
  background-color: rgb(25.4482758621, 31.1034482759, 36.0517241379);
}
.navbar-dark .navbar-nav .nav-link.full-length {
  max-width: inherit;
}
.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
.navbar-dark .navbar-nav .active > .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover {
  color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
  position: relative;
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.navbar-dark .navbar-divider {
  background-color: rgba(255, 255, 255, 0.075);
}

#voice-light .navbar-dark {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
}
#voice-light .navbar-dark.navbar-transparent {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
#voice-light .navbar-dark .navbar-brand {
  color: rgba(36, 44, 51, 0.9);
}
#voice-light .navbar-dark .navbar-brand:focus, #voice-light .navbar-dark .navbar-brand:hover {
  color: #242c33;
}
#voice-light .navbar-dark .navbar-nav .nav-link {
  color: rgba(36, 44, 51, 0.9);
  background: transparent;
}
#voice-light .navbar-dark .navbar-nav .nav-link:focus, #voice-light .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.75);
  background-color: white;
}
#voice-light .navbar-dark .navbar-nav .open > .nav-link, #voice-light .navbar-dark .navbar-nav .open > .nav-link:focus, #voice-light .navbar-dark .navbar-nav .open > .nav-link:hover,
#voice-light .navbar-dark .navbar-nav .active > .nav-link,
#voice-light .navbar-dark .navbar-nav .active > .nav-link:focus,
#voice-light .navbar-dark .navbar-nav .active > .nav-link:hover,
#voice-light .navbar-dark .navbar-nav .nav-link.open,
#voice-light .navbar-dark .navbar-nav .nav-link.open:focus,
#voice-light .navbar-dark .navbar-nav .nav-link.open:hover,
#voice-light .navbar-dark .navbar-nav .nav-link.active,
#voice-light .navbar-dark .navbar-nav .nav-link.active:focus,
#voice-light .navbar-dark .navbar-nav .nav-link.active:hover {
  color: #242c33;
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
#voice-light .navbar-dark .navbar-divider {
  background-color: rgba(0, 0, 0, 0.075);
}

.card {
  border-radius: 0.6rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  display: block;
  margin-bottom: 0.75rem;
  position: relative;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.video-card:hover {
  border-color: rgb(69.7655172414, 85.2689655172, 98.8344827586) !important;
  background-color: rgb(66.6, 81.4, 94.35) !important;
}
.video-card .project-header .project-content {
  top: 42%;
}
.video-card .project-header .project-content .context-alert {
  margin-top: -9%;
}
.video-card .video-card-detail .m-b-xxs {
  margin-bottom: 0.25rem !important;
}
.video-card {
  margin: 0 15px 15px 15px !important;
}

.card-block {
  padding: 1.25rem;
}

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

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

.card-text :last-child {
  margin-bottom: 0;
}
.card-text.card-text-restrict-height {
  max-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-link:not(.disable-hover):hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-radius: 0.6rem 0.6rem 0 0;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-radius: 0 0 0.6rem 0.6rem;
}

.card-header {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
  border-bottom: 1px solid #e5e5e5;
  padding: 0.75rem 1.25rem;
}
.card-header:first-child {
  border-radius: 0.6rem 0.6rem 0 0;
}

.card-footer {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
  border-top: 1px solid #e5e5e5;
  padding: 0.75rem 1.25rem;
}
.card-footer:last-child {
  border-radius: 0 0 0.6rem 0.6rem;
}

.card-primary {
  background-color: #0F6499;
  border-color: #0F6499;
}

.card-success {
  background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}

.card-info {
  background-color: #6298cb;
  border-color: #6298cb;
}

.card-warning {
  background-color: #b03a69;
  border-color: #b03a69;
}

.card-danger {
  background-color: #862d69;
  border-color: #862d69;
}

.card-outline {
  background-color: transparent;
  border-color: #fff;
}

.card-primary-outline {
  background-color: transparent;
  border-color: #0F6499;
}

.card-secondary-outline {
  background-color: transparent;
  border-color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}

.card-info-outline {
  background-color: transparent;
  border-color: #6298cb;
}

.card-success-outline {
  background-color: transparent;
  border-color: #4DC2C4;
}

.card-warning-outline {
  background-color: transparent;
  border-color: #b03a69;
}

.card-danger-outline {
  background-color: transparent;
  border-color: #862d69;
}

.card-inverse .card-header,
.card-inverse .card-footer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
  color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff;
}

.card-blockquote {
  border-left: 0;
  margin-bottom: 0;
  padding: 0;
}

.card-img {
  border-radius: 0.25rem;
}

.card-img-overlay {
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
}

.card-img-top {
  border-radius: 0.6rem 0.6rem 0 0;
}
.card-img-top.img-fluid, .carousel-inner > .carousel-item > img.card-img-top,
.carousel-inner > .carousel-item > a > img.card-img-top {
  width: 100%;
}

.card-img-bottom {
  border-radius: 0 0 0.6rem 0.6rem;
}

.card-btn-bottom {
  bottom: 1.5rem;
  position: absolute;
  width: 100%;
}

@media (min-width: 544px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .card-deck .card {
    flex: 1 0 0;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    flex-direction: column;
    display: flex;
    align-items: stretch;
    min-height: 100%;
  }
  .card-deck .card-block {
    flex-grow: 1;
  }
  .card-deck .card-header,
  .card-deck .card-footer {
    flex-shrink: 0;
  }
}
@media (min-width: 544px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group .card {
    flex: 1 0 0;
  }
  .card-group .card + .card {
    border-left: 0;
    margin-left: 0;
  }
  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}
.card-hover .card img {
  opacity: 0.5;
}
.card-hover .card:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.9);
  filter: brightness(1) contrast(1.2);
}
.card-hover .card:hover img {
  opacity: 1;
}

@media (min-width: 544px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border-radius: 0.2rem;
}
.breadcrumb::after {
  content: "";
  display: table;
  clear: both;
}
.breadcrumb > li {
  float: left;
}
.breadcrumb > li + li::before {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  content: "/";
}
.breadcrumb > .active {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.2rem;
}

.page-item {
  display: inline;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}
.page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #0F6499;
  border-color: #0F6499;
}
.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  cursor: not-allowed;
  background-color: #fff;
  border-color: rgb(219.3, 224.9, 229.8);
}

.page-link {
  position: relative;
  float: left;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.5;
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgb(219.3, 224.9, 229.8);
}
.page-link:focus, .page-link:hover {
  color: rgb(26.064556962, 77.7518987342, 78.635443038);
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border-color: rgb(219.3, 224.9, 229.8);
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
}
.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.6rem;
  border-top-left-radius: 0.6rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
}

.pagination-sm .page-link {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.15rem;
  border-top-left-radius: 0.15rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.15rem;
  border-top-right-radius: 0.15rem;
}

.pager {
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  list-style: none;
}
.pager::after {
  content: "";
  display: table;
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid rgb(219.3, 224.9, 229.8);
  border-radius: 15px;
}
.pager li > a:focus, .pager li > a:hover {
  text-decoration: none;
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  cursor: not-allowed;
  background-color: #fff;
}
.pager .disabled > span {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  cursor: not-allowed;
  background-color: #fff;
}

.pager-next > a,
.pager-next > span {
  float: right;
}

.pager-prev > a,
.pager-prev > span {
  float: left;
}

.label {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.1rem;
}
.label:empty {
  display: none;
}

.list-group-item .label {
  margin-top: 0.15rem;
}

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

a.label:focus, a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

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

.label-default {
  background-color: rgb(219.3, 224.9, 229.8) !important;
  color: #242c33;
}
.label-default[href]:focus, .label-default[href]:hover {
  background-color: rgb(189.4034482759, 199.6931034483, 208.6965517241);
}

.label-primary {
  background-color: #0F6499 !important;
}
.label-primary[href]:focus, .label-primary[href]:hover {
  background-color: rgb(10.4464285714, 69.6428571429, 106.5535714286);
}

.label-success {
  background-color: rgb(37.4911392405, 111.8379746835, 113.1088607595) !important;
}
.label-success[href]:focus, .label-success[href]:hover {
  background-color: rgb(24.7949367089, 73.964556962, 74.8050632911);
}

.label-info {
  background-color: rgb(136.3110047847, 177.1339712919, 215.6889952153) !important;
  color: #242c33;
}
.label-info[href]:focus, .label-info[href]:hover {
  background-color: #6298cb;
}

.label-warning {
  background-color: #b03a69 !important;
}
.label-warning[href]:focus, .label-warning[href]:hover {
  background-color: rgb(137.641025641, 45.358974359, 82.1153846154);
}

.label-danger {
  background-color: #862d69 !important;
}
.label-danger[href]:focus, .label-danger[href]:hover {
  background-color: rgb(95.8212290503, 32.1787709497, 75.0837988827);
}

.label-dark {
  background-color: #242c33 !important;
}
.label-dark[href]:focus, .label-dark[href]:hover {
  background-color: rgb(14.8965517241, 18.2068965517, 21.1034482759);
}

.jumbotron {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background-color: #242c33;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 16rem;
  margin-bottom: 2rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.jumbotron.jumbotron-pos-top {
  background-position: top;
}
@media (max-width: 767px) {
  .jumbotron.jumbotron-md {
    height: 34rem;
  }
}
.jumbotron.jumbotron-md {
  height: 24rem;
}
@media (max-width: 767px) {
  .jumbotron.jumbotron-lg {
    height: 44rem;
  }
}
.jumbotron.jumbotron-lg {
  height: 36rem;
}
.jumbotron.jumbotron-xl {
  height: 44rem;
}
.jumbotron::after {
  background: rgba(36, 44, 51, 0.7);
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.jumbotron .embed-responsive {
  height: 100%;
  position: absolute;
  width: 100%;
}
.jumbotron .embed-responsive video {
  height: auto;
  min-height: 100%;
  min-width: 100%;
  width: auto;
}
.jumbotron.no-overlay::after {
  display: none;
}
.jumbotron.md-opacity-overlay::after {
  background: rgba(36, 44, 51, 0.5);
}
.jumbotron .jumbotron-content {
  position: absolute;
  top: 49%;
  -webkit-transform: translateY(-49%);
  -ms-transform: translateY(-49%);
  transform: translateY(-49%);
}
@media (min-width: 544px) {
  .jumbotron .jumbotron-content {
    padding: 4rem 2rem;
  }
}
.jumbotron .jumbotron-content {
  padding: 2rem 1rem;
  width: 100%;
  z-index: 2;
}
.jumbotron .jumbotron-content .lead {
  margin-left: auto;
  margin-right: auto;
  max-width: 1020px;
}

.jumbotron-hr {
  border-top-color: rgb(204.3517241379, 212.2965517241, 219.2482758621);
}

.context-alert {
  border: 1px solid transparent;
  left: 0;
  padding: 15px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.context-alert > p,
.context-alert > ul {
  margin-bottom: 0;
}
.context-alert > p + p {
  margin-top: 5px;
}

.alert {
  padding: 15px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.2rem;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-heading {
  color: inherit;
}

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

.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: rgb(207.8888888889, 232.9166666667, 197.5833333333);
  color: #3c763d;
}
.alert-success hr {
  border-top-color: rgb(192.7777777778, 225.8333333333, 179.1666666667);
}
.alert-success .alert-link {
  color: rgb(42.808988764, 84.191011236, 43.5224719101);
}

.alert-info {
  background-color: #d9edf7;
  border-color: rgb(187.5086956522, 223.0304347826, 240.7913043478);
  color: #31708f;
}
.alert-info hr {
  border-top-color: rgb(166.4434782609, 213.052173913, 236.3565217391);
}
.alert-info .alert-link {
  color: rgb(35.984375, 82.25, 105.015625);
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: rgb(249.5322580645, 242.2419354839, 203.9677419355);
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: rgb(247.064516129, 236.4838709677, 180.935483871);
}
.alert-warning .alert-link {
  color: rgb(102.2741116751, 80.7817258883, 43.7258883249);
}

.alert-danger {
  background-color: #f2dede;
  border-color: rgb(234.7934782609, 203.7065217391, 203.7065217391);
  color: #a94442;
}
.alert-danger hr {
  border-top-color: rgb(227.5869565217, 185.4130434783, 185.4130434783);
}
.alert-danger .alert-link {
  color: rgb(132.3234042553, 53.2425531915, 51.6765957447);
}

.context-alert-danger {
  background-color: rgba(134, 45, 105, 0.98);
  border-color: rgb(95.8212290503, 32.1787709497, 75.0837988827);
  color: rgba(255, 255, 255, 0.9);
}
.context-alert-danger hr {
  border-top-color: rgb(76.7318435754, 25.7681564246, 60.125698324);
}
.context-alert-danger .alert-link {
  color: rgba(229.5, 229.5, 229.5, 0.9);
}

.context-alert-primary {
  background-color: rgba(15, 100, 153, 0.98);
  border-color: rgb(10.4464285714, 69.6428571429, 106.5535714286);
  color: rgba(255, 255, 255, 0.9);
}
.context-alert-primary hr {
  border-top-color: rgb(8.1696428571, 54.4642857143, 83.3303571429);
}
.context-alert-primary .alert-link {
  color: rgba(229.5, 229.5, 229.5, 0.9);
}

.context-alert-info {
  background-color: rgba(98, 152, 203, 0.98);
  border-color: rgb(62.2009569378, 126.7942583732, 187.7990430622);
  color: rgba(255, 255, 255, 0.9);
}
.context-alert-info hr {
  border-top-color: rgb(55.8564593301, 113.8612440191, 168.6435406699);
}
.context-alert-info .alert-link {
  color: rgba(229.5, 229.5, 229.5, 0.9);
}

.context-alert-success {
  background-color: rgba(45.1088607595, 134.5620253165, 136.0911392405, 0.98);
  border-color: rgb(32.4126582278, 96.6886075949, 97.7873417722);
  color: rgba(255, 255, 255, 0.9);
}
.context-alert-success hr {
  border-top-color: rgb(26.064556962, 77.7518987342, 78.635443038);
}
.context-alert-success .alert-link {
  color: rgba(229.5, 229.5, 229.5, 0.9);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 3rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: block;
  width: 100%;
  height: 3rem;
  margin-bottom: 3rem;
}

.progress[value] {
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border: 0;
  appearance: none;
}

.progress[value]::-ms-fill {
  background-color: #0F6499;
  border: 0;
}

.progress[value]::-webkit-progress-bar {
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border-radius: 0.2rem;
}

.progress[value]::-webkit-progress-value::before {
  content: attr(value);
}

.progress[value]::-webkit-progress-value {
  background-color: #0F6499;
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.progress-striped[value]::-ms-fill {
  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: 3rem 3rem;
}

@media screen and (min-width: 0\0 ) {
  .progress {
    background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
    border-radius: 0.2rem;
  }
  .progress-bar {
    display: inline-block;
    height: 3rem;
    text-indent: -999rem;
    background-color: #0F6499;
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
  }
  .progress[width^="0"] {
    min-width: 2rem;
    color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
    background-color: transparent;
    background-image: none;
  }
  .progress[width="100%"] {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
  }
}
.progress-striped[value]::-webkit-progress-value {
  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: 3rem 3rem;
}

.progress-striped[value]::-moz-progress-bar {
  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: 3rem 3rem;
}

@media screen and (min-width: 0\0 ) {
  .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: 3rem 3rem;
  }
}
.progress-animated[value]::-webkit-progress-value {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-animated[value]::-moz-progress-bar {
  animation: progress-bar-stripes 2s linear infinite;
}

@media screen and (min-width: 0\0 ) {
  .progress-animated .progress-bar-striped {
    animation: progress-bar-stripes 2s linear infinite;
  }
}
.progress-success[value]::-webkit-progress-value {
  background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.progress-success[value]::-moz-progress-bar {
  background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.progress-success[value]::-ms-fill {
  background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
@media screen and (min-width: 0\0 ) {
  .progress-success .progress-bar {
    background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  }
}

.progress-info[value]::-webkit-progress-value {
  background-color: #6298cb;
}
.progress-info[value]::-moz-progress-bar {
  background-color: #6298cb;
}
.progress-info[value]::-ms-fill {
  background-color: #6298cb;
}
@media screen and (min-width: 0\0 ) {
  .progress-info .progress-bar {
    background-color: #6298cb;
  }
}

.progress-warning[value]::-webkit-progress-value {
  background-color: #b03a69;
}
.progress-warning[value]::-moz-progress-bar {
  background-color: #b03a69;
}
.progress-warning[value]::-ms-fill {
  background-color: #b03a69;
}
@media screen and (min-width: 0\0 ) {
  .progress-warning .progress-bar {
    background-color: #b03a69;
  }
}

.progress-danger[value]::-webkit-progress-value {
  background-color: #862d69;
}
.progress-danger[value]::-moz-progress-bar {
  background-color: #862d69;
}
.progress-danger[value]::-ms-fill {
  background-color: #862d69;
}
@media screen and (min-width: 0\0 ) {
  .progress-danger .progress-bar {
    background-color: #862d69;
  }
}

.media {
  display: flex;
  margin-bottom: 1rem;
}

.media-body {
  flex: 1;
}

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

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

.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}

.media-right {
  padding-left: 10px;
}

.media-left {
  padding-right: 10px;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

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

.list-group {
  margin-bottom: 0;
  padding-left: 0;
}
.list-group .collapse {
  margin-top: 1px;
}

.list-group-item {
  background-color: #fff;
  border: 1px solid rgb(234.2482758621, 237.5034482759, 240.3517241379);
  display: block;
  margin-bottom: -1px;
  padding: 1.2rem 1.25rem;
  position: relative;
}
.list-group-item .color-indicator {
  top: 4px;
  left: -8px;
}
.list-group-item .color-indicator.color-indicator-sm {
  top: 1px;
}
.list-group-item .share-indicator {
  position: absolute;
  right: 4px;
  top: -1px;
}
.list-group-item .share-indicator svg {
  height: 12px;
  width: 12px;
}
.list-group-item .share-indicator .share-locked use {
  fill: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}
.list-group-item .share-indicator .share-unlocked use {
  fill: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.list-group-item .type-indicator {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: inset 0 -1px 2px rgba(36, 44, 51, 0.2);
  padding-bottom: 5px;
  position: absolute;
  right: 22px;
  top: -3px;
}
.list-group-item .muted {
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.list-group-item .list-group-expandable-item {
  border-bottom: 1px solid rgb(216.3103448276, 222.3793103448, 227.6896551724);
}
.list-group-item .list-group-expandable-item:last-child {
  border-bottom: 0;
}
.list-group-item .nav {
  margin-left: -20px;
  margin-right: -20px;
}
.list-group-item .nav .nav-link {
  border-bottom: 1px solid rgb(204.3517241379, 212.2965517241, 219.2482758621);
  padding-left: 1.3rem;
  position: relative;
}
.list-group-item .nav .nav-link:hover {
  background: rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.list-group-item .nav .nav-link:last-child {
  border-bottom: 0;
}
.list-group-item .nav .delete-nav-link {
  fill: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  position: absolute;
  right: 0.4rem;
  top: 0%;
}

.list-group-flush .list-group-item {
  border-left: 0.5em solid transparent;
  border-radius: 0;
  border-width: 1px 0 1px 0.5em;
}
.list-group-flush.list-group-reverse .list-group-item {
  border-left: 0;
  border-right: 0.5em solid transparent;
}
.list-group-flush.list-group-reverse .active {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
  border-right: 0.5em solid rgb(45.1088607595, 134.5620253165, 136.0911392405);
}

a.list-group-item,
button.list-group-item {
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  text-align: inherit;
  text-decoration: none;
  width: 100%;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #242c33;
}
a.list-group-item:focus, a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  background-color: rgb(250.6913793103, 251.3672413793, 251.9586206897);
  color: rgb(42.3310344828, 51.7379310345, 59.9689655172);
  text-decoration: none;
}

.bg-inverse a.list-group-item:focus, .bg-inverse a.list-group-item:hover,
.bg-inverse button.list-group-item:focus,
.bg-inverse button.list-group-item:hover {
  background-color: #242c33;
  text-decoration: none;
}

.list-group-item:focus {
  border-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.list-group-item:focus::after {
  background: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  font-weight: bold;
  z-index: 2;
  box-shadow: 0 2px 6px rgba(36, 44, 51, 0.2);
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
  color: rgb(161.2683544304, 222.8784810127, 223.9316455696);
}
.list-group-item.active:focus::after {
  display: none;
}
.list-group-item.active.border-r-dark {
  border-right: 0 !important;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:focus, a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: rgb(207.8888888889, 232.9166666667, 197.5833333333);
}
a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:focus, a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: rgb(195.9347826087, 227.0217391304, 242.5652173913);
}
a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:focus, a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: rgb(249.5322580645, 242.2419354839, 203.9677419355);
}
a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:focus, a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: rgb(234.7934782609, 203.7065217391, 203.7065217391);
}
a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-bottom: 5px;
  margin-top: 0;
}

.list-group-item-text {
  line-height: 1.3;
  margin-bottom: 0;
}

.player-sidebar {
  background: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}

.moments-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 48px;
  width: 100%;
}

.moment-sidebar-playlist button:not(.btn-success) {
  background: transparent;
  border: 0;
  text-align: left;
}
.moment-sidebar-playlist .label-pill {
  margin-right: 2px;
  display: inline-block;
  line-height: 19px;
}
.moment-sidebar-playlist .label-pill .btn-close-label {
  background: rgba(36, 44, 51, 0.7);
  border-radius: 50%;
  height: 15px;
  margin: -2px -6px 0 0;
  padding: 0;
  text-align: center;
  width: 15px;
  line-height: 15px;
}
.moment-sidebar-playlist .label-pill .btn-close-label:active {
  animation: cssRotate 500ms linear infinite;
  outline: 0;
}
.moment-sidebar-playlist .label-pill .btn-close-label:focus {
  outline: 0;
}
.moment-sidebar-playlist .label-pill .icon {
  height: 0.45rem;
  margin: -1px 0 0;
}

.moment-playlist .list-group-item {
  background: rgb(78.2068965517, 95.5862068966, 110.7931034483);
  border-color: rgb(86.6482758621, 105.9034482759, 122.7517241379);
  color: rgb(186.4137931034, 197.1724137931, 206.5862068966);
  font-size: 1.1rem;
  font-weight: bold;
  padding-left: 1rem;
  padding-right: 1rem;
  text-shadow: 0 -1px 0 #242c33;
}
.moment-playlist .list-group-item .delete-all-moments-confirmation {
  background: rgba(36, 44, 51, 0.9);
  color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}
.moment-playlist .list-group-item .btn-link {
  color: rgb(201.3620689655, 209.775862069, 217.1379310345);
  font-weight: bold;
  padding: 0;
  text-align: left;
  width: 100%;
}
.moment-playlist .list-group-item:hover {
  background: rgb(69.7655172414, 85.2689655172, 98.8344827586);
}
.moment-playlist .list-group-item.active {
  background: rgb(69.7655172414, 85.2689655172, 98.8344827586);
  border-right: 0;
  box-shadow: inset -2px 0 8px #242c33;
}
.moment-playlist .list-group-item.active:hover {
  border-bottom-color: rgb(86.6482758621, 105.9034482759, 122.7517241379);
  border-top-color: rgb(86.6482758621, 105.9034482759, 122.7517241379);
}
.moment-playlist .list-group-item .nav-link {
  border-color: rgb(86.6482758621, 105.9034482759, 122.7517241379);
  color: #fff !important;
}
.moment-playlist .list-group-item .nav-link a {
  color: #fff !important;
  text-shadow: none;
}
.moment-playlist .list-group-item .nav-link a:focus, .moment-playlist .list-group-item .nav-link a:hover {
  color: rgb(246.2068965517, 247.5862068966, 248.7931034483) !important;
}
.moment-playlist .list-group-item .nav-link .note-btn-active {
  background-color: rgba(36, 44, 51, 0.7) !important;
}
.moment-playlist .list-group-item .nav-link.active {
  border-right: 0;
  animation: cssFadeIn 200ms;
}
.moment-playlist .list-group-item .nav-link:hover {
  background: rgb(78.2068965517, 95.5862068966, 110.7931034483);
}
.moment-playlist .list-group-item .nav-link .button-wrap {
  position: relative;
}
.moment-playlist .list-group-item .nav-link .sidebar-moment-btn:hover {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
.moment-playlist .list-group-item .nav-link .delete-nav-link:hover {
  fill: #fff;
}
.moment-playlist .list-group-item .moment-note {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #fff;
  margin-left: -5px;
  padding-left: 5px;
  position: relative;
}
.moment-playlist .list-group-item .moment-note:last-child {
  border-bottom: 0;
}
.moment-playlist .list-group-item .moment-note p {
  outline: none;
}
.moment-playlist .list-group-item .moment-note .moment-note-timestamp {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 78%;
  left: 53px;
  line-height: 170%;
  padding: 0 12px;
  position: absolute;
  top: -18px;
  width: auto;
}
.moment-playlist .list-group-item .moment-note .moment-side-icon {
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
.moment-playlist .list-group-item .moment-note .edit-note, .moment-playlist .list-group-item .moment-note .cancel-note {
  background: rgb(57.1034482759, 69.7931034483, 80.8965517241);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-style: solid;
  border-width: 1px;
  border-color: #242c33;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: rgb(156.5172413793, 171.9655172414, 185.4827586207);
  font-size: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 0;
  text-align: center;
  top: -22px;
  width: 40px;
}
.moment-playlist .list-group-item .moment-note .edit-note:hover, .moment-playlist .list-group-item .moment-note .cancel-note:hover {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.moment-playlist .list-group-item .moment-note .edit-note:focus, .moment-playlist .list-group-item .moment-note .cancel-note:focus {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.moment-playlist .list-group-item .moment-note .cancel-note {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405) !important;
}
.moment-playlist .list-group-item .moment-note .moment-text, .moment-playlist .list-group-item .moment-note .moment-media {
  background: rgb(57.1034482759, 69.7931034483, 80.8965517241) !important;
  border: 1px solid #242c33;
}
.moment-playlist .list-group-item .moment-note .moment-text:focus, .moment-playlist .list-group-item .moment-note .moment-media:focus {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  outline: none;
}
.moment-playlist .list-group-item .moment-note .moment-text:focus .edit-note, .moment-playlist .list-group-item .moment-note .moment-text:focus .cancel-note, .moment-playlist .list-group-item .moment-note .moment-media:focus .edit-note, .moment-playlist .list-group-item .moment-note .moment-media:focus .cancel-note {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  display: block;
}
.moment-playlist .list-group-item .moment-note:hover .moment-text {
  background: rgb(57.1034482759, 69.7931034483, 80.8965517241) !important;
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.moment-playlist .list-group-item .moment-note:hover .edit-note, .moment-playlist .list-group-item .moment-note:hover .cancel-note {
  background: rgb(57.1034482759, 69.7931034483, 80.8965517241) !important;
  display: block;
}
.moment-playlist .list-group-item .moment-note:focus {
  background: rgb(57.1034482759, 69.7931034483, 80.8965517241) !important;
}
.moment-playlist .list-group-item .moment-note:focus .delete-note, .moment-playlist .list-group-item .moment-note:focus .cancel-note {
  background: rgb(57.1034482759, 69.7931034483, 80.8965517241) !important;
}
.moment-playlist .list-group-item .label {
  border: 3px solid rgb(86.6482758621, 105.9034482759, 122.7517241379);
  margin-right: 3px;
  margin-top: -0.55rem;
  padding: 0.3em 0.55em;
}

.pricing-list {
  list-style: none;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
.pricing-list li {
  margin: 1rem 0;
}
.pricing-list label small {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  font-size: 100%;
  line-height: 3rem;
  margin-top: 0.66rem;
  opacity: 1;
}

.has-subtext {
  line-height: 1.25rem;
}
.has-subtext small {
  opacity: 0.5;
  font-weight: 300;
}

.small-sup {
  display: inline-block;
  font-size: 50%;
  margin-right: 5px;
  margin-top: -10px;
  opacity: 0.9;
  position: relative;
  top: -12px;
}

.pricing-cost {
  background: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  font-size: 1.8rem;
  padding: 1rem 0;
  line-height: 1.5;
}
.pricing-cost .lead {
  display: block;
  font-size: 1.8rem;
}
.pricing-cost .subtext {
  margin-top: -10px;
  font-size: 50%;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.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 {
  padding-bottom: 42.8571428571%;
}

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

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

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

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}

.close-lg {
  font-size: 2.5rem;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
}

.project-detail {
  border-bottom: 1px solid rgba(36, 44, 51, 0.7);
  position: relative;
  z-index: 3;
}
.project-detail .project-detail-body {
  padding-top: 6px;
  padding-bottom: 5px;
}

.project-header {
  background-color: #242c33;
  color: #fff;
  min-height: 22.5em;
  position: relative;
  width: 100%;
  z-index: 2;
}
.project-header .type-indicator {
  z-index: 10;
  right: 0;
  top: 1px;
}
.project-header .project-header-image-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
}
.project-header .project-header-image-container .rotate-video-90, .project-header .project-header-image-container .rotate-video-270 {
  height: 100% !important;
  top: 0 !important;
}
.project-header .project-header-image {
  -moz-filter: blur(0.3rem) contrast(1.55) opacity(0.8);
  -ms-filter: blur(0.3rem) contrast(1.55) opacity(0.8);
  -o-filter: blur(0.3rem) contrast(1.55) opacity(0.8);
  -webkit-filter: blur(0.3rem) contrast(1.55) opacity(0.9);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: inset 0 0 4rem #242c33;
  filter: blur(0.3rem) contrast(1.55) opacity(0.8);
  height: 98%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.project-header .btn {
  font-weight: 300;
}
.project-header .btn-icon {
  fill: #fff;
}
.project-header::after {
  background: rgba(36, 44, 51, 0.7);
  content: " ";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.project-header .project-content {
  padding: 0 2rem;
  position: absolute;
  top: 70px;
  width: 100%;
  z-index: 2;
}
.project-header .project-content .top-btn {
  margin-top: -72px;
}
@media (max-width: 543px) {
  .project-header .project-content .top-btn {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .project-header .project-content {
    padding: 0 1rem;
  }
}
.project-header .project-actions {
  position: absolute;
  right: 2rem;
}
@media (max-width: 991px) {
  .project-header .project-actions {
    position: relative;
    right: auto;
  }
}

.video-index-details {
  padding: 3rem 2rem;
}
@media (max-width: 767px) {
  .video-index-details {
    padding: 3rem 1rem;
  }
}

.player-container {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-scrollbar-base-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-face-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-arrow-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-3dlight-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-darkshadow-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-highlight-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-shadow-color: rgba(0, 0, 0, 0);
  -ms-scrollbar-track-color: rgba(0, 0, 0, 0);
  background: rgb(10.675862069, 13.0482758621, 15.124137931);
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  width: 100%;
}
.player-container:hover .invisible {
  visibility: visible !important;
}
.player-container::-webkit-scrollbar {
  width: 1px;
}
.player-container .player-video-title {
  border-bottom-left-radius: 4px;
  color: #fff;
  font-size: 120%;
  max-width: 70%;
  overflow: hidden;
  padding: 11px 15px 12px;
  position: absolute;
  right: 0;
  text-overflow: ellipsis;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
  white-space: nowrap;
  z-index: 2;
}
.player-container .video-annotations {
  border-bottom-left-radius: 4px;
  bottom: 71px;
  position: absolute;
  right: 0;
  width: 60%;
  z-index: 6;
}
.player-container .video-annotations .button-selector-bg {
  max-height: 144px;
  background: rgba(0, 0, 0, 0.5);
}
.player-container .video-annotations .textarea-wrapper {
  background: rgba(0, 0, 0, 0.5);
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px;
}
.player-container .video-annotations-caption {
  background: rgba(36, 44, 51, 0.7);
  color: #FFC70E;
  font-weight: bold;
  position: absolute;
  text-shadow: 1px 1px #242c33;
  width: 100%;
  z-index: 2;
}
.player-container .embed-responsive {
  resize: vertical;
}
.player-container .embed-responsive:hover .player-video-title {
  display: block !important;
}
.player-container .embed-responsive.small-video {
  padding-bottom: 26.25%;
}
.player-container .exit-btn {
  left: 0.5rem;
  opacity: 0.8;
  position: absolute;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
  top: 0.5rem;
  z-index: 8;
}
.player-container .exit-btn:hover {
  opacity: 1;
}

.playback-controls {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(10.675862069, 13.0482758621, 15.124137931) 80%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF0B0D0F', GradientType=0);
}
.playback-controls .video-controls .playback-buttons {
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem 0;
}
.playback-controls {
  left: 0;
  margin-top: -3.896rem;
  padding-bottom: 1.51rem;
  position: relative;
  width: 100%;
  z-index: 5;
}
.playback-controls .player-btn,
.playback-controls .player-time {
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 2rem;
}
.playback-controls .player-btn:hover .icon {
  fill: rgba(255, 255, 255, 0.7) !important;
}
.playback-controls .player-btn.disabled {
  cursor: default;
}
.playback-controls .player-btn.disabled .icon {
  fill: rgba(255, 255, 255, 0.7) !important;
}
.playback-controls .player-btn::-moz-range-track {
  background-color: white;
}
.playback-controls .player-time {
  cursor: default;
}
.playback-controls .player-time .elapsed-video-time {
  display: inline-block;
  text-align: left;
  width: 70px;
}
.playback-controls .player-time .total-video-time {
  display: inline-block;
  text-align: right;
  width: 70px;
}

.player-icon {
  background-position: center center;
  background-repeat: no-repeat;
  height: 1.5rem;
  width: 1.5rem;
}

.playback-time-scroll {
  height: 100%;
  margin-top: -2rem;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .playback-time-scroll {
    margin-bottom: 37px;
  }
}

.playback-time {
  position: absolute;
  width: 100%;
  z-index: 5;
}

.mirror-video-preview {
  transform: rotateY(180deg);
}

#timeline-tabs .nav-item:not(:last-child) {
  border-right: 1px solid black;
}
#timeline-tabs .nav-item .nav-link {
  font-size: 0.75rem;
  padding: 0.5rem 0.75rem;
  max-width: 130px;
}

.video-timeline {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background: rgb(10.675862069, 13.0482758621, 15.124137931);
  height: 100%;
  position: relative;
  user-select: none;
  width: 100%;
}
.video-timeline .event-row {
  background: rgb(19.1172413793, 23.3655172414, 27.0827586207);
  font-size: 90%;
  height: 1.23rem;
  line-height: 1.23rem;
  margin-bottom: 1px;
  padding: 1px 0;
  position: relative;
  width: 100%;
  z-index: 6;
}
.video-timeline .event-row .event-row-user {
  display: inline-block;
  line-height: 90%;
  margin-right: 3px;
  opacity: 0.7;
  padding-left: 3px;
  padding-right: 3px;
}
.video-timeline .event-row .label {
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.7);
  height: 100%;
  opacity: 0.8;
  padding: 0.1em 0;
  position: absolute;
  top: 0;
  z-index: 10;
}
.video-timeline .event-row .label .extend {
  background: rgba(255, 199, 14, 0.7);
  border: 0;
  bottom: 0;
  color: #242c33;
  display: none;
  line-height: 19px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}
.video-timeline .event-row .label .extend .icon {
  fill: #242c33;
  height: 10px;
  margin-top: 0;
  width: 10px;
}
.video-timeline .event-row .label .extend.extend-left {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  left: -20px;
}
.video-timeline .event-row .label .extend.extend-right {
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
  right: -20px;
}
.video-timeline .event-row .label .extend:hover {
  background: #ffc70e;
}
.video-timeline .event-row .label .label-text {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  line-height: 195%;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  user-select: none;
  width: 100%;
}
.video-timeline .event-row .label .label-text:active {
  opacity: 1;
  z-index: 2000;
  background: inherit;
  box-shadow: 0 0 16px black;
}
.video-timeline .event-row .label .label-text:active ::before {
  height: 100%;
  left: 0;
  top: 0;
  width: 300%;
}
.video-timeline .event-row .label ::before {
  background: transparent;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-timeline .event-row .label:hover .extend {
  display: block;
  z-index: 300;
}
.video-timeline.not-zoomed.not-resizing .label:hover {
  opacity: 1;
  z-index: 2000;
}
.video-timeline.not-zoomed.not-resizing .label:hover ::before {
  height: 200%;
  top: -50%;
  width: 100%;
}

.has-annotation {
  border-left: 1px solid #FFC70E !important;
  border-right: 1px solid #FFC70E !important;
}
.has-annotation.list-group-item {
  border-left: 0;
  border-right: 0;
}
.has-annotation.list-group-item ::after {
  display: none;
}
.has-annotation .btn-link .label {
  border-bottom-color: #FFC70E !important;
}
.has-annotation::after {
  background: #FFC70E;
  bottom: 0;
  content: " ";
  display: block;
  height: 5px;
  position: absolute;
  width: 100%;
}

.player-scrub {
  background: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border-bottom: 1px solid;
  height: 0.6rem;
  margin-top: 1.4rem;
  position: relative;
  width: 100%;
}
.player-scrub .player-load-progress {
  background-color: rgb(78.2068965517, 95.5862068966, 110.7931034483);
  height: 100%;
  left: 0;
  position: absolute;
  z-index: 0;
}
.player-scrub .player-scrub-progress {
  -webkit-animation-play-state: running;
  animation-play-state: running;
  background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  border-bottom: 1px solid;
  height: 0.6rem;
  position: relative;
  transition: 333ms;
  width: 0;
}
.player-scrub .player-scrub-progress.no-transition {
  transition: none;
}
.player-scrub .player-scrub-progress.pause-animation {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.play-line {
  background: transparent;
  border-left: 1px solid rgb(45.1088607595, 134.5620253165, 136.0911392405);
  height: 100%;
  left: 44%;
  position: absolute;
  top: 0.5rem;
  width: 1px;
  z-index: 20;
}

.play-thumb {
  background: none;
  border: 0;
  cursor: pointer;
  height: 4000px;
  padding: 0;
  position: absolute;
  right: -8px;
  top: -1.3rem;
  width: 14px;
  z-index: 100;
}
.play-thumb:hover .play-line {
  border-color: rgb(84.6607594937, 196.6253164557, 198.5392405063);
}
.play-thumb:hover svg {
  fill: rgb(84.6607594937, 196.6253164557, 198.5392405063);
}
.play-thumb svg {
  left: 0.14rem;
  position: absolute;
  top: 5px;
}
.play-thumb svg use {
  fill: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}

.timeline-zoom {
  background: black;
  border-top: 1px solid #242c33;
  bottom: 0;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 100;
}

.timeline-zoom-indicator {
  background: #242c33;
  height: 100%;
  position: absolute;
  width: 100%;
}

.timeline-zoom-handle {
  background: rgb(57.1034482759, 69.7931034483, 80.8965517241);
  border: outset 1px #242c33;
  cursor: ew-resize;
  fill: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  font-size: 10px;
  height: 100%;
  line-height: 20px;
  margin: 0;
  position: absolute;
  right: 1px;
  top: 0;
}
.timeline-zoom-handle .zoom-handle-text {
  margin-right: 5px;
  margin-top: -0.15rem;
}

/*
-- Dragged Moments -- 2000
-- Playhead/playline -- 20
-- Moment -- 10
-- Ticks -- 5
-- Timeline (Event Row) -- 0
*/
ul.ticks {
  background-color: transparent;
  list-style-type: none;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
ul.ticks li {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  background-color: transparent;
  box-sizing: border-box; /* Opera/IE 8+ */
  display: block;
  float: left;
  height: 100%;
  line-height: 100%;
  margin: 0;
  opacity: 0.4;
  padding: 0;
  position: absolute;
}
ul.ticks li.second {
  border-right: 1px solid rgba(150, 150, 255, 0.75);
}
ul.ticks li.second:nth-child(10n) {
  border-right: 1px solid rgba(150, 150, 150, 0.5);
}
ul.ticks li.second:nth-child(60n) {
  border-right: 1px solid rgba(150, 255, 150, 0.75);
}
ul.ticks li.second:nth-child(600n) {
  border-right: 1px solid rgba(150, 150, 150, 0.5);
}
ul.ticks li.second:nth-child(3600n) {
  border-right: 2px solid rgba(255, 150, 150, 0.75);
}
ul.ticks li.decasecond {
  border-right: 1px solid rgba(150, 150, 150, 0.5);
}
ul.ticks li.decasecond:nth-child(6n) {
  border-right: 1px solid rgba(150, 255, 150, 0.75);
}
ul.ticks li.decasecond:nth-child(60n) {
  border-right: 1px solid rgba(150, 150, 150, 0.5);
}
ul.ticks li.decasecond:nth-child(360n) {
  border-right: 2px solid rgba(255, 150, 150, 0.75);
}
ul.ticks li.minute {
  border-right: 1px solid rgba(150, 255, 150, 0.75);
}
ul.ticks li.minute:nth-child(60n) {
  border-right: 2px solid rgba(255, 150, 150, 0.75);
}
ul.ticks li.decaminute {
  border-right: 1px solid rgba(150, 150, 150, 0.5);
}
ul.ticks li.decaminute:nth-child(6n) {
  border-right: 2px solid rgba(255, 150, 150, 0.75);
}
ul.ticks li.hour {
  border-right: 2px solid rgba(255, 150, 150, 0.75);
}

.player-container .invisible {
  visibility: hidden;
}
.player-container:hover .invisible {
  visibility: visible;
}

.extend {
  background: rgba(255, 199, 14, 0.7) !important;
}
.extend .icon {
  height: 10px;
  margin-top: -2px;
}
.extend:hover {
  background: #ffc70e !important;
}

.extend-left {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  margin-right: 2px;
}

.extend-right {
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
}

/* Responsive: make annotations panel full width below lg breakpoint (992px) */
@media (max-width: 991.98px) {
  .player-container .video-annotations {
    width: 100% !important; /* override default 50% */
    left: 0;
    right: 0;
  }
}
.btn-form-wrap {
  border-radius: 0.15rem;
  min-height: 300px;
}

.btn.moment {
  width: 70%;
}
.btn.edit-moment, .btn.delete-moment {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 15%;
}

.code-btn-a-wrap .active {
  color: #fff;
  background-color: rgb(1.66, 60.59, 147.74);
  border-color: rgb(1.5466666667, 56.4533333333, 137.6533333333);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(1.66, 60.59, 147.74) 0%, rgb(1.2066666667, 44.0433333333, 107.3933333333) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF023D94', endColorstr='#FF012C6B', GradientType=0);
}
.code-btn-a-wrap .active:not(.disable-hover):hover {
  background-color: rgb(2.0566666667, 75.0683333333, 183.0433333333);
  color: white;
  background-image: linear-gradient(to bottom, rgb(2.0566666667, 75.0683333333, 183.0433333333) 0%, rgb(2.0566666667, 75.0683333333, 183.0433333333) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF024BB7', endColorstr='#FF024BB7', GradientType=0);
  border-color: rgb(2.2266666667, 81.2733333333, 198.1733333333);
}
.code-btn-a-wrap .active:focus, .code-btn-a-wrap .active.focus {
  color: #fff;
  background-color: rgb(2.0566666667, 75.0683333333, 183.0433333333);
  border-color: rgb(2.2266666667, 81.2733333333, 198.1733333333);
}
.code-btn-a-wrap .active:active, .code-btn-a-wrap .active.active, .open > .code-btn-a-wrap .active.dropdown-toggle {
  color: #fff;
  background-color: rgb(2.0566666667, 75.0683333333, 183.0433333333);
  border-color: rgb(2.2266666667, 81.2733333333, 198.1733333333);
  background-image: none;
}
.code-btn-a-wrap .active:active:hover, .code-btn-a-wrap .active:active:focus, .code-btn-a-wrap .active:active.focus, .code-btn-a-wrap .active.active:hover, .code-btn-a-wrap .active.active:focus, .code-btn-a-wrap .active.active.focus, .open > .code-btn-a-wrap .active.dropdown-toggle:hover, .open > .code-btn-a-wrap .active.dropdown-toggle:focus, .open > .code-btn-a-wrap .active.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(1.0933333333, 39.9066666667, 97.3066666667);
  border-color: rgb(0.8666666667, 31.6333333333, 77.1333333333);
}
.code-btn-a-wrap .active.disabled:focus, .code-btn-a-wrap .active.disabled.focus, .code-btn-a-wrap .active:disabled:focus, .code-btn-a-wrap .active:disabled.focus {
  background-color: rgb(1.66, 60.59, 147.74);
  border-color: #0249b2;
}
.code-btn-a-wrap .active.disabled:not(.disable-hover):hover, .code-btn-a-wrap .active:disabled:not(.disable-hover):hover {
  background-color: rgb(1.66, 60.59, 147.74);
  border-color: #0249b2;
}
.code-btn-a-wrap .active a {
  color: #fff;
}
.code-btn-a-wrap .active .icon {
  fill: #fff !important;
}
.code-btn-a-wrap .active:hover {
  background: rgba(2, 73, 178, 0.34);
  color: rgba(255, 255, 255, 0.4);
}

.code-btn-a {
  color: #fff;
  background-color: #0249b2;
  border-color: rgb(1.2066666667, 44.0433333333, 107.3933333333);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #0249b2 0%, rgb(1.5466666667, 56.4533333333, 137.6533333333) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0249B2', endColorstr='#FF02388A', GradientType=0);
}
.code-btn-a:not(.disable-hover):hover {
  background-color: rgb(2.3966666667, 87.4783333333, 213.3033333333);
  color: white;
  background-image: linear-gradient(to bottom, rgb(2.3966666667, 87.4783333333, 213.3033333333) 0%, rgb(2.3966666667, 87.4783333333, 213.3033333333) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0257D5', endColorstr='#FF0257D5', GradientType=0);
  border-color: rgb(1.8866666667, 68.8633333333, 167.9133333333);
}
.code-btn-a:focus, .code-btn-a.focus {
  color: #fff;
  background-color: rgb(2.3966666667, 87.4783333333, 213.3033333333);
  border-color: rgb(1.8866666667, 68.8633333333, 167.9133333333);
}
.code-btn-a:active, .code-btn-a.active, .open > .code-btn-a.dropdown-toggle {
  color: #fff;
  background-color: rgb(2.3966666667, 87.4783333333, 213.3033333333);
  border-color: rgb(1.8866666667, 68.8633333333, 167.9133333333);
  background-image: none;
}
.code-btn-a:active:hover, .code-btn-a:active:focus, .code-btn-a:active.focus, .code-btn-a.active:hover, .code-btn-a.active:focus, .code-btn-a.active.focus, .open > .code-btn-a.dropdown-toggle:hover, .open > .code-btn-a.dropdown-toggle:focus, .open > .code-btn-a.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(1.4333333333, 52.3166666667, 127.5666666667);
  border-color: rgb(0.5266666667, 19.2233333333, 46.8733333333);
}
.code-btn-a.disabled:focus, .code-btn-a.disabled.focus, .code-btn-a:disabled:focus, .code-btn-a:disabled.focus {
  background-color: #0249b2;
  border-color: rgb(1.66, 60.59, 147.74);
}
.code-btn-a.disabled:not(.disable-hover):hover, .code-btn-a:disabled:not(.disable-hover):hover {
  background-color: #0249b2;
  border-color: rgb(1.66, 60.59, 147.74);
}
.code-btn-a .replay-moment.active {
  border-left-color: #fff;
  border-right-color: #fff;
}
.code-btn-a.event-row {
  background: rgba(2, 73, 178, 0.24);
  color: rgba(255, 255, 255, 0.6);
}
.code-btn-a.event-row:not(.disable-hover):hover {
  background: rgba(2, 73, 178, 0.34);
  color: rgba(255, 255, 255, 0.7);
}

.code-btn-b-wrap .active {
  color: #fff;
  background-color: rgb(1.4631578947, 92.9105263158, 137.5368421053);
  border-color: rgb(1.3557894737, 86.0926315789, 127.4442105263);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(1.4631578947, 92.9105263158, 137.5368421053) 0%, rgb(1.0336842105, 65.6389473684, 97.1663157895) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF015D8A', endColorstr='#FF014261', GradientType=0);
}
.code-btn-b-wrap .active:not(.disable-hover):hover {
  background-color: rgb(1.8389473684, 116.7731578947, 172.8610526316);
  color: white;
  background-image: linear-gradient(to bottom, rgb(1.8389473684, 116.7731578947, 172.8610526316) 0%, rgb(1.8389473684, 116.7731578947, 172.8610526316) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0275AD', endColorstr='#FF0275AD', GradientType=0);
  border-color: #027fbc;
}
.code-btn-b-wrap .active:focus, .code-btn-b-wrap .active.focus {
  color: #fff;
  background-color: rgb(1.8389473684, 116.7731578947, 172.8610526316);
  border-color: #027fbc;
}
.code-btn-b-wrap .active:active, .code-btn-b-wrap .active.active, .open > .code-btn-b-wrap .active.dropdown-toggle {
  color: #fff;
  background-color: rgb(1.8389473684, 116.7731578947, 172.8610526316);
  border-color: #027fbc;
  background-image: none;
}
.code-btn-b-wrap .active:active:hover, .code-btn-b-wrap .active:active:focus, .code-btn-b-wrap .active:active.focus, .code-btn-b-wrap .active.active:hover, .code-btn-b-wrap .active.active:focus, .code-btn-b-wrap .active.active.focus, .open > .code-btn-b-wrap .active.dropdown-toggle:hover, .open > .code-btn-b-wrap .active.dropdown-toggle:focus, .open > .code-btn-b-wrap .active.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(0.9263157895, 58.8210526316, 87.0736842105);
  border-color: rgb(0.7115789474, 45.1852631579, 66.8884210526);
}
.code-btn-b-wrap .active.disabled:focus, .code-btn-b-wrap .active.disabled.focus, .code-btn-b-wrap .active:disabled:focus, .code-btn-b-wrap .active:disabled.focus {
  background-color: rgb(1.4631578947, 92.9105263158, 137.5368421053);
  border-color: rgb(1.7852631579, 113.3642105263, 167.8147368421);
}
.code-btn-b-wrap .active.disabled:not(.disable-hover):hover, .code-btn-b-wrap .active:disabled:not(.disable-hover):hover {
  background-color: rgb(1.4631578947, 92.9105263158, 137.5368421053);
  border-color: rgb(1.7852631579, 113.3642105263, 167.8147368421);
}
.code-btn-b-wrap .active a {
  color: #fff;
}
.code-btn-b-wrap .active .icon {
  fill: #fff !important;
}
.code-btn-b-wrap .active:hover {
  background: rgba(1.7852631579, 113.3642105263, 167.8147368421, 0.34);
  color: rgba(255, 255, 255, 0.4);
}

.code-btn-b {
  color: #fff;
  background-color: rgb(1.7852631579, 113.3642105263, 167.8147368421);
  border-color: rgb(1.0336842105, 65.6389473684, 97.1663157895);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(1.7852631579, 113.3642105263, 167.8147368421) 0%, rgb(1.3557894737, 86.0926315789, 127.4442105263) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0271A8', endColorstr='#FF01567F', GradientType=0);
}
.code-btn-b:not(.disable-hover):hover {
  background-color: rgb(2.1610526316, 137.2268421053, 203.1389473684);
  color: white;
  background-image: linear-gradient(to bottom, rgb(2.1610526316, 137.2268421053, 203.1389473684) 0%, rgb(2.1610526316, 137.2268421053, 203.1389473684) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0289CB', endColorstr='#FF0289CB', GradientType=0);
  border-color: rgb(1.6778947368, 106.5463157895, 157.7221052632);
}
.code-btn-b:focus, .code-btn-b.focus {
  color: #fff;
  background-color: rgb(2.1610526316, 137.2268421053, 203.1389473684);
  border-color: rgb(1.6778947368, 106.5463157895, 157.7221052632);
}
.code-btn-b:active, .code-btn-b.active, .open > .code-btn-b.dropdown-toggle {
  color: #fff;
  background-color: rgb(2.1610526316, 137.2268421053, 203.1389473684);
  border-color: rgb(1.6778947368, 106.5463157895, 157.7221052632);
  background-image: none;
}
.code-btn-b:active:hover, .code-btn-b:active:focus, .code-btn-b:active.focus, .code-btn-b.active:hover, .code-btn-b.active:focus, .code-btn-b.active.focus, .open > .code-btn-b.dropdown-toggle:hover, .open > .code-btn-b.dropdown-toggle:focus, .open > .code-btn-b.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(1.2484210526, 79.2747368421, 117.3515789474);
  border-color: rgb(0.3894736842, 24.7315789474, 36.6105263158);
}
.code-btn-b.disabled:focus, .code-btn-b.disabled.focus, .code-btn-b:disabled:focus, .code-btn-b:disabled.focus {
  background-color: rgb(1.7852631579, 113.3642105263, 167.8147368421);
  border-color: rgb(1.4631578947, 92.9105263158, 137.5368421053);
}
.code-btn-b.disabled:not(.disable-hover):hover, .code-btn-b:disabled:not(.disable-hover):hover {
  background-color: rgb(1.7852631579, 113.3642105263, 167.8147368421);
  border-color: rgb(1.4631578947, 92.9105263158, 137.5368421053);
}
.code-btn-b .replay-moment.active {
  border-left-color: #fff;
  border-right-color: #fff;
}
.code-btn-b.event-row {
  background: rgba(1.7852631579, 113.3642105263, 167.8147368421, 0.24);
  color: rgba(255, 255, 255, 0.6);
}
.code-btn-b.event-row:not(.disable-hover):hover {
  background: rgba(1.7852631579, 113.3642105263, 167.8147368421, 0.34);
  color: rgba(255, 255, 255, 0.7);
}

.code-btn-c-wrap .active {
  color: #fff;
  background-color: rgb(8.2514285714, 127.8971428571, 136.1485714286);
  border-color: rgb(7.6685714286, 118.8628571429, 126.5314285714);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(8.2514285714, 127.8971428571, 136.1485714286) 0%, rgb(5.92, 91.76, 97.68) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF088088', endColorstr='#FF065C62', GradientType=0);
}
.code-btn-c-wrap .active:not(.disable-hover):hover {
  background-color: rgb(10.2914285714, 159.5171428571, 169.8085714286);
  color: white;
  background-image: linear-gradient(to bottom, rgb(10.2914285714, 159.5171428571, 169.8085714286) 0%, rgb(10.2914285714, 159.5171428571, 169.8085714286) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0AA0AA', endColorstr='#FF0AA0AA', GradientType=0);
  border-color: rgb(11.1657142857, 173.0685714286, 184.2342857143);
}
.code-btn-c-wrap .active:focus, .code-btn-c-wrap .active.focus {
  color: #fff;
  background-color: rgb(10.2914285714, 159.5171428571, 169.8085714286);
  border-color: rgb(11.1657142857, 173.0685714286, 184.2342857143);
}
.code-btn-c-wrap .active:active, .code-btn-c-wrap .active.active, .open > .code-btn-c-wrap .active.dropdown-toggle {
  color: #fff;
  background-color: rgb(10.2914285714, 159.5171428571, 169.8085714286);
  border-color: rgb(11.1657142857, 173.0685714286, 184.2342857143);
  background-image: none;
}
.code-btn-c-wrap .active:active:hover, .code-btn-c-wrap .active:active:focus, .code-btn-c-wrap .active:active.focus, .code-btn-c-wrap .active.active:hover, .code-btn-c-wrap .active.active:focus, .code-btn-c-wrap .active.active.focus, .open > .code-btn-c-wrap .active.dropdown-toggle:hover, .open > .code-btn-c-wrap .active.dropdown-toggle:focus, .open > .code-btn-c-wrap .active.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(5.3371428571, 82.7257142857, 88.0628571429);
  border-color: rgb(4.1714285714, 64.6571428571, 68.8285714286);
}
.code-btn-c-wrap .active.disabled:focus, .code-btn-c-wrap .active.disabled.focus, .code-btn-c-wrap .active:disabled:focus, .code-btn-c-wrap .active:disabled.focus {
  background-color: rgb(8.2514285714, 127.8971428571, 136.1485714286);
  border-color: #0a9ba5;
}
.code-btn-c-wrap .active.disabled:not(.disable-hover):hover, .code-btn-c-wrap .active:disabled:not(.disable-hover):hover {
  background-color: rgb(8.2514285714, 127.8971428571, 136.1485714286);
  border-color: #0a9ba5;
}
.code-btn-c-wrap .active a {
  color: #fff;
}
.code-btn-c-wrap .active .icon {
  fill: #fff !important;
}
.code-btn-c-wrap .active:hover {
  background: rgba(10, 155, 165, 0.34);
  color: rgba(255, 255, 255, 0.4);
}

.code-btn-c {
  color: #fff;
  background-color: #0a9ba5;
  border-color: rgb(5.92, 91.76, 97.68);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #0a9ba5 0%, rgb(7.6685714286, 118.8628571429, 126.5314285714) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0A9BA5', endColorstr='#FF08777F', GradientType=0);
}
.code-btn-c:not(.disable-hover):hover {
  background-color: rgb(12.04, 186.62, 198.66);
  color: white;
  background-image: linear-gradient(to bottom, rgb(12.04, 186.62, 198.66) 0%, rgb(12.04, 186.62, 198.66) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0CBBC7', endColorstr='#FF0CBBC7', GradientType=0);
  border-color: rgb(9.4171428571, 145.9657142857, 155.3828571429);
}
.code-btn-c:focus, .code-btn-c.focus {
  color: #fff;
  background-color: rgb(12.04, 186.62, 198.66);
  border-color: rgb(9.4171428571, 145.9657142857, 155.3828571429);
}
.code-btn-c:active, .code-btn-c.active, .open > .code-btn-c.dropdown-toggle {
  color: #fff;
  background-color: rgb(12.04, 186.62, 198.66);
  border-color: rgb(9.4171428571, 145.9657142857, 155.3828571429);
  background-image: none;
}
.code-btn-c:active:hover, .code-btn-c:active:focus, .code-btn-c:active.focus, .code-btn-c.active:hover, .code-btn-c.active:focus, .code-btn-c.active.focus, .open > .code-btn-c.dropdown-toggle:hover, .open > .code-btn-c.dropdown-toggle:focus, .open > .code-btn-c.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(7.0857142857, 109.8285714286, 116.9142857143);
  border-color: rgb(2.4228571429, 37.5542857143, 39.9771428571);
}
.code-btn-c.disabled:focus, .code-btn-c.disabled.focus, .code-btn-c:disabled:focus, .code-btn-c:disabled.focus {
  background-color: #0a9ba5;
  border-color: rgb(8.2514285714, 127.8971428571, 136.1485714286);
}
.code-btn-c.disabled:not(.disable-hover):hover, .code-btn-c:disabled:not(.disable-hover):hover {
  background-color: #0a9ba5;
  border-color: rgb(8.2514285714, 127.8971428571, 136.1485714286);
}
.code-btn-c .replay-moment.active {
  border-left-color: #fff;
  border-right-color: #fff;
}
.code-btn-c.event-row {
  background: rgba(10, 155, 165, 0.24);
  color: rgba(255, 255, 255, 0.6);
}
.code-btn-c.event-row:not(.disable-hover):hover {
  background: rgba(10, 155, 165, 0.34);
  color: rgba(255, 255, 255, 0.7);
}

.code-btn-d-wrap .active {
  color: #fff;
  background-color: rgb(1.6778947368, 157.7221052632, 124.1642105263);
  border-color: rgb(1.5705263158, 147.6294736842, 116.2189473684);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(1.6778947368, 157.7221052632, 124.1642105263) 0%, rgb(1.2484210526, 117.3515789474, 92.3831578947) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF029E7C', endColorstr='#FF01755C', GradientType=0);
}
.code-btn-d-wrap .active:not(.disable-hover):hover {
  background-color: rgb(2.0536842105, 193.0463157895, 151.9726315789);
  color: white;
  background-image: linear-gradient(to bottom, rgb(2.0536842105, 193.0463157895, 151.9726315789) 0%, rgb(2.0536842105, 193.0463157895, 151.9726315789) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF02C198', endColorstr='#FF02C198', GradientType=0);
  border-color: rgb(2.2147368421, 208.1852631579, 163.8905263158);
}
.code-btn-d-wrap .active:focus, .code-btn-d-wrap .active.focus {
  color: #fff;
  background-color: rgb(2.0536842105, 193.0463157895, 151.9726315789);
  border-color: rgb(2.2147368421, 208.1852631579, 163.8905263158);
}
.code-btn-d-wrap .active:active, .code-btn-d-wrap .active.active, .open > .code-btn-d-wrap .active.dropdown-toggle {
  color: #fff;
  background-color: rgb(2.0536842105, 193.0463157895, 151.9726315789);
  border-color: rgb(2.2147368421, 208.1852631579, 163.8905263158);
  background-image: none;
}
.code-btn-d-wrap .active:active:hover, .code-btn-d-wrap .active:active:focus, .code-btn-d-wrap .active:active.focus, .code-btn-d-wrap .active.active:hover, .code-btn-d-wrap .active.active:focus, .code-btn-d-wrap .active.active.focus, .open > .code-btn-d-wrap .active.dropdown-toggle:hover, .open > .code-btn-d-wrap .active.dropdown-toggle:focus, .open > .code-btn-d-wrap .active.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(1.1410526316, 107.2589473684, 84.4378947368);
  border-color: rgb(0.9263157895, 87.0736842105, 68.5473684211);
}
.code-btn-d-wrap .active.disabled:focus, .code-btn-d-wrap .active.disabled.focus, .code-btn-d-wrap .active:disabled:focus, .code-btn-d-wrap .active:disabled.focus {
  background-color: rgb(1.6778947368, 157.7221052632, 124.1642105263);
  border-color: #02bc94;
}
.code-btn-d-wrap .active.disabled:not(.disable-hover):hover, .code-btn-d-wrap .active:disabled:not(.disable-hover):hover {
  background-color: rgb(1.6778947368, 157.7221052632, 124.1642105263);
  border-color: #02bc94;
}
.code-btn-d-wrap .active a {
  color: #fff;
}
.code-btn-d-wrap .active .icon {
  fill: #fff !important;
}
.code-btn-d-wrap .active:hover {
  background: rgba(2, 188, 148, 0.34);
  color: rgba(255, 255, 255, 0.4);
}

.code-btn-d {
  color: #fff;
  background-color: #02bc94;
  border-color: rgb(1.2484210526, 117.3515789474, 92.3831578947);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #02bc94 0%, rgb(1.5705263158, 147.6294736842, 116.2189473684) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF02BC94', endColorstr='#FF029474', GradientType=0);
}
.code-btn-d:not(.disable-hover):hover {
  background-color: rgb(2.3757894737, 223.3242105263, 175.8084210526);
  color: white;
  background-image: linear-gradient(to bottom, rgb(2.3757894737, 223.3242105263, 175.8084210526) 0%, rgb(2.3757894737, 223.3242105263, 175.8084210526) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF02DFB0', endColorstr='#FF02DFB0', GradientType=0);
  border-color: rgb(1.8926315789, 177.9073684211, 140.0547368421);
}
.code-btn-d:focus, .code-btn-d.focus {
  color: #fff;
  background-color: rgb(2.3757894737, 223.3242105263, 175.8084210526);
  border-color: rgb(1.8926315789, 177.9073684211, 140.0547368421);
}
.code-btn-d:active, .code-btn-d.active, .open > .code-btn-d.dropdown-toggle {
  color: #fff;
  background-color: rgb(2.3757894737, 223.3242105263, 175.8084210526);
  border-color: rgb(1.8926315789, 177.9073684211, 140.0547368421);
  background-image: none;
}
.code-btn-d:active:hover, .code-btn-d:active:focus, .code-btn-d:active.focus, .code-btn-d.active:hover, .code-btn-d.active:focus, .code-btn-d.active.focus, .open > .code-btn-d.dropdown-toggle:hover, .open > .code-btn-d.dropdown-toggle:focus, .open > .code-btn-d.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(1.4631578947, 137.5368421053, 108.2736842105);
  border-color: rgb(0.6042105263, 56.7957894737, 44.7115789474);
}
.code-btn-d.disabled:focus, .code-btn-d.disabled.focus, .code-btn-d:disabled:focus, .code-btn-d:disabled.focus {
  background-color: #02bc94;
  border-color: rgb(1.6778947368, 157.7221052632, 124.1642105263);
}
.code-btn-d.disabled:not(.disable-hover):hover, .code-btn-d:disabled:not(.disable-hover):hover {
  background-color: #02bc94;
  border-color: rgb(1.6778947368, 157.7221052632, 124.1642105263);
}
.code-btn-d .replay-moment.active {
  border-left-color: #fff;
  border-right-color: #fff;
}
.code-btn-d.event-row {
  background: rgba(2, 188, 148, 0.24);
  color: rgba(255, 255, 255, 0.6);
}
.code-btn-d.event-row:not(.disable-hover):hover {
  background: rgba(2, 188, 148, 0.34);
  color: rgba(255, 255, 255, 0.7);
}

.code-btn-e-wrap .active {
  color: #fff;
  background-color: rgb(1.66, 147.74, 74.7);
  border-color: rgb(1.5466666667, 137.6533333333, 69.6);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(1.66, 147.74, 74.7) 0%, rgb(1.2066666667, 107.3933333333, 54.3) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF02944B', endColorstr='#FF016B36', GradientType=0);
}
.code-btn-e-wrap .active:not(.disable-hover):hover {
  background-color: rgb(2.0566666667, 183.0433333333, 92.55);
  color: white;
  background-image: linear-gradient(to bottom, rgb(2.0566666667, 183.0433333333, 92.55) 0%, rgb(2.0566666667, 183.0433333333, 92.55) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF02B75D', endColorstr='#FF02B75D', GradientType=0);
  border-color: rgb(2.2266666667, 198.1733333333, 100.2);
}
.code-btn-e-wrap .active:focus, .code-btn-e-wrap .active.focus {
  color: #fff;
  background-color: rgb(2.0566666667, 183.0433333333, 92.55);
  border-color: rgb(2.2266666667, 198.1733333333, 100.2);
}
.code-btn-e-wrap .active:active, .code-btn-e-wrap .active.active, .open > .code-btn-e-wrap .active.dropdown-toggle {
  color: #fff;
  background-color: rgb(2.0566666667, 183.0433333333, 92.55);
  border-color: rgb(2.2266666667, 198.1733333333, 100.2);
  background-image: none;
}
.code-btn-e-wrap .active:active:hover, .code-btn-e-wrap .active:active:focus, .code-btn-e-wrap .active:active.focus, .code-btn-e-wrap .active.active:hover, .code-btn-e-wrap .active.active:focus, .code-btn-e-wrap .active.active.focus, .open > .code-btn-e-wrap .active.dropdown-toggle:hover, .open > .code-btn-e-wrap .active.dropdown-toggle:focus, .open > .code-btn-e-wrap .active.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(1.0933333333, 97.3066666667, 49.2);
  border-color: rgb(0.8666666667, 77.1333333333, 39);
}
.code-btn-e-wrap .active.disabled:focus, .code-btn-e-wrap .active.disabled.focus, .code-btn-e-wrap .active:disabled:focus, .code-btn-e-wrap .active:disabled.focus {
  background-color: rgb(1.66, 147.74, 74.7);
  border-color: #02b25a;
}
.code-btn-e-wrap .active.disabled:not(.disable-hover):hover, .code-btn-e-wrap .active:disabled:not(.disable-hover):hover {
  background-color: rgb(1.66, 147.74, 74.7);
  border-color: #02b25a;
}
.code-btn-e-wrap .active a {
  color: #fff;
}
.code-btn-e-wrap .active .icon {
  fill: #fff !important;
}
.code-btn-e-wrap .active:hover {
  background: rgba(2, 178, 90, 0.34);
  color: rgba(255, 255, 255, 0.4);
}

.code-btn-e {
  color: #fff;
  background-color: #02b25a;
  border-color: rgb(1.2066666667, 107.3933333333, 54.3);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #02b25a 0%, rgb(1.5466666667, 137.6533333333, 69.6) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF02B25A', endColorstr='#FF028A46', GradientType=0);
}
.code-btn-e:not(.disable-hover):hover {
  background-color: rgb(2.3966666667, 213.3033333333, 107.85);
  color: white;
  background-image: linear-gradient(to bottom, rgb(2.3966666667, 213.3033333333, 107.85) 0%, rgb(2.3966666667, 213.3033333333, 107.85) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF02D56C', endColorstr='#FF02D56C', GradientType=0);
  border-color: rgb(1.8866666667, 167.9133333333, 84.9);
}
.code-btn-e:focus, .code-btn-e.focus {
  color: #fff;
  background-color: rgb(2.3966666667, 213.3033333333, 107.85);
  border-color: rgb(1.8866666667, 167.9133333333, 84.9);
}
.code-btn-e:active, .code-btn-e.active, .open > .code-btn-e.dropdown-toggle {
  color: #fff;
  background-color: rgb(2.3966666667, 213.3033333333, 107.85);
  border-color: rgb(1.8866666667, 167.9133333333, 84.9);
  background-image: none;
}
.code-btn-e:active:hover, .code-btn-e:active:focus, .code-btn-e:active.focus, .code-btn-e.active:hover, .code-btn-e.active:focus, .code-btn-e.active.focus, .open > .code-btn-e.dropdown-toggle:hover, .open > .code-btn-e.dropdown-toggle:focus, .open > .code-btn-e.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(1.4333333333, 127.5666666667, 64.5);
  border-color: rgb(0.5266666667, 46.8733333333, 23.7);
}
.code-btn-e.disabled:focus, .code-btn-e.disabled.focus, .code-btn-e:disabled:focus, .code-btn-e:disabled.focus {
  background-color: #02b25a;
  border-color: rgb(1.66, 147.74, 74.7);
}
.code-btn-e.disabled:not(.disable-hover):hover, .code-btn-e:disabled:not(.disable-hover):hover {
  background-color: #02b25a;
  border-color: rgb(1.66, 147.74, 74.7);
}
.code-btn-e .replay-moment.active {
  border-left-color: #fff;
  border-right-color: #fff;
}
.code-btn-e.event-row {
  background: rgba(2, 178, 90, 0.24);
  color: rgba(255, 255, 255, 0.6);
}
.code-btn-e.event-row:not(.disable-hover):hover {
  background: rgba(2, 178, 90, 0.34);
  color: rgba(255, 255, 255, 0.7);
}

.code-btn-f-wrap .active {
  color: #fff;
  background-color: rgb(147.74, 88.81, 1.66);
  border-color: rgb(137.6533333333, 82.7466666667, 1.5466666667);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(147.74, 88.81, 1.66) 0%, rgb(107.3933333333, 64.5566666667, 1.2066666667) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF945902', endColorstr='#FF6B4101', GradientType=0);
}
.code-btn-f-wrap .active:not(.disable-hover):hover {
  background-color: rgb(183.0433333333, 110.0316666667, 2.0566666667);
  color: white;
  background-image: linear-gradient(to bottom, rgb(183.0433333333, 110.0316666667, 2.0566666667) 0%, rgb(183.0433333333, 110.0316666667, 2.0566666667) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB76E02', endColorstr='#FFB76E02', GradientType=0);
  border-color: rgb(198.1733333333, 119.1266666667, 2.2266666667);
}
.code-btn-f-wrap .active:focus, .code-btn-f-wrap .active.focus {
  color: #fff;
  background-color: rgb(183.0433333333, 110.0316666667, 2.0566666667);
  border-color: rgb(198.1733333333, 119.1266666667, 2.2266666667);
}
.code-btn-f-wrap .active:active, .code-btn-f-wrap .active.active, .open > .code-btn-f-wrap .active.dropdown-toggle {
  color: #fff;
  background-color: rgb(183.0433333333, 110.0316666667, 2.0566666667);
  border-color: rgb(198.1733333333, 119.1266666667, 2.2266666667);
  background-image: none;
}
.code-btn-f-wrap .active:active:hover, .code-btn-f-wrap .active:active:focus, .code-btn-f-wrap .active:active.focus, .code-btn-f-wrap .active.active:hover, .code-btn-f-wrap .active.active:focus, .code-btn-f-wrap .active.active.focus, .open > .code-btn-f-wrap .active.dropdown-toggle:hover, .open > .code-btn-f-wrap .active.dropdown-toggle:focus, .open > .code-btn-f-wrap .active.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(97.3066666667, 58.4933333333, 1.0933333333);
  border-color: rgb(77.1333333333, 46.3666666667, 0.8666666667);
}
.code-btn-f-wrap .active.disabled:focus, .code-btn-f-wrap .active.disabled.focus, .code-btn-f-wrap .active:disabled:focus, .code-btn-f-wrap .active:disabled.focus {
  background-color: rgb(147.74, 88.81, 1.66);
  border-color: #b26b02;
}
.code-btn-f-wrap .active.disabled:not(.disable-hover):hover, .code-btn-f-wrap .active:disabled:not(.disable-hover):hover {
  background-color: rgb(147.74, 88.81, 1.66);
  border-color: #b26b02;
}
.code-btn-f-wrap .active a {
  color: #fff;
}
.code-btn-f-wrap .active .icon {
  fill: #fff !important;
}
.code-btn-f-wrap .active:hover {
  background: rgba(178, 107, 2, 0.34);
  color: rgba(255, 255, 255, 0.4);
}

.code-btn-f {
  color: #fff;
  background-color: #b26b02;
  border-color: rgb(107.3933333333, 64.5566666667, 1.2066666667);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #b26b02 0%, rgb(137.6533333333, 82.7466666667, 1.5466666667) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB26B02', endColorstr='#FF8A5302', GradientType=0);
}
.code-btn-f:not(.disable-hover):hover {
  background-color: rgb(213.3033333333, 128.2216666667, 2.3966666667);
  color: white;
  background-image: linear-gradient(to bottom, rgb(213.3033333333, 128.2216666667, 2.3966666667) 0%, rgb(213.3033333333, 128.2216666667, 2.3966666667) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD58002', endColorstr='#FFD58002', GradientType=0);
  border-color: rgb(167.9133333333, 100.9366666667, 1.8866666667);
}
.code-btn-f:focus, .code-btn-f.focus {
  color: #fff;
  background-color: rgb(213.3033333333, 128.2216666667, 2.3966666667);
  border-color: rgb(167.9133333333, 100.9366666667, 1.8866666667);
}
.code-btn-f:active, .code-btn-f.active, .open > .code-btn-f.dropdown-toggle {
  color: #fff;
  background-color: rgb(213.3033333333, 128.2216666667, 2.3966666667);
  border-color: rgb(167.9133333333, 100.9366666667, 1.8866666667);
  background-image: none;
}
.code-btn-f:active:hover, .code-btn-f:active:focus, .code-btn-f:active.focus, .code-btn-f.active:hover, .code-btn-f.active:focus, .code-btn-f.active.focus, .open > .code-btn-f.dropdown-toggle:hover, .open > .code-btn-f.dropdown-toggle:focus, .open > .code-btn-f.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(127.5666666667, 76.6833333333, 1.4333333333);
  border-color: rgb(46.8733333333, 28.1766666667, 0.5266666667);
}
.code-btn-f.disabled:focus, .code-btn-f.disabled.focus, .code-btn-f:disabled:focus, .code-btn-f:disabled.focus {
  background-color: #b26b02;
  border-color: rgb(147.74, 88.81, 1.66);
}
.code-btn-f.disabled:not(.disable-hover):hover, .code-btn-f:disabled:not(.disable-hover):hover {
  background-color: #b26b02;
  border-color: rgb(147.74, 88.81, 1.66);
}
.code-btn-f .replay-moment.active {
  border-left-color: #fff;
  border-right-color: #fff;
}
.code-btn-f.event-row {
  background: rgba(178, 107, 2, 0.24);
  color: rgba(255, 255, 255, 0.6);
}
.code-btn-f.event-row:not(.disable-hover):hover {
  background: rgba(178, 107, 2, 0.34);
  color: rgba(255, 255, 255, 0.7);
}

.code-btn-g-wrap .active {
  color: #fff;
  background-color: rgb(157.7221052632, 52.8536842105, 1.6778947368);
  border-color: rgb(147.6294736842, 49.4715789474, 1.5705263158);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(157.7221052632, 52.8536842105, 1.6778947368) 0%, rgb(117.3515789474, 39.3252631579, 1.2484210526) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9E3502', endColorstr='#FF752701', GradientType=0);
}
.code-btn-g-wrap .active:not(.disable-hover):hover {
  background-color: rgb(193.0463157895, 64.6910526316, 2.0536842105);
  color: white;
  background-image: linear-gradient(to bottom, rgb(193.0463157895, 64.6910526316, 2.0536842105) 0%, rgb(193.0463157895, 64.6910526316, 2.0536842105) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC14102', endColorstr='#FFC14102', GradientType=0);
  border-color: rgb(208.1852631579, 69.7642105263, 2.2147368421);
}
.code-btn-g-wrap .active:focus, .code-btn-g-wrap .active.focus {
  color: #fff;
  background-color: rgb(193.0463157895, 64.6910526316, 2.0536842105);
  border-color: rgb(208.1852631579, 69.7642105263, 2.2147368421);
}
.code-btn-g-wrap .active:active, .code-btn-g-wrap .active.active, .open > .code-btn-g-wrap .active.dropdown-toggle {
  color: #fff;
  background-color: rgb(193.0463157895, 64.6910526316, 2.0536842105);
  border-color: rgb(208.1852631579, 69.7642105263, 2.2147368421);
  background-image: none;
}
.code-btn-g-wrap .active:active:hover, .code-btn-g-wrap .active:active:focus, .code-btn-g-wrap .active:active.focus, .code-btn-g-wrap .active.active:hover, .code-btn-g-wrap .active.active:focus, .code-btn-g-wrap .active.active.focus, .open > .code-btn-g-wrap .active.dropdown-toggle:hover, .open > .code-btn-g-wrap .active.dropdown-toggle:focus, .open > .code-btn-g-wrap .active.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(107.2589473684, 35.9431578947, 1.1410526316);
  border-color: rgb(87.0736842105, 29.1789473684, 0.9263157895);
}
.code-btn-g-wrap .active.disabled:focus, .code-btn-g-wrap .active.disabled.focus, .code-btn-g-wrap .active:disabled:focus, .code-btn-g-wrap .active:disabled.focus {
  background-color: rgb(157.7221052632, 52.8536842105, 1.6778947368);
  border-color: #bc3f02;
}
.code-btn-g-wrap .active.disabled:not(.disable-hover):hover, .code-btn-g-wrap .active:disabled:not(.disable-hover):hover {
  background-color: rgb(157.7221052632, 52.8536842105, 1.6778947368);
  border-color: #bc3f02;
}
.code-btn-g-wrap .active a {
  color: #fff;
}
.code-btn-g-wrap .active .icon {
  fill: #fff !important;
}
.code-btn-g-wrap .active:hover {
  background: rgba(188, 63, 2, 0.34);
  color: rgba(255, 255, 255, 0.4);
}

.code-btn-g {
  color: #fff;
  background-color: #bc3f02;
  border-color: rgb(117.3515789474, 39.3252631579, 1.2484210526);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #bc3f02 0%, rgb(147.6294736842, 49.4715789474, 1.5705263158) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBC3F02', endColorstr='#FF943102', GradientType=0);
}
.code-btn-g:not(.disable-hover):hover {
  background-color: rgb(223.3242105263, 74.8373684211, 2.3757894737);
  color: white;
  background-image: linear-gradient(to bottom, rgb(223.3242105263, 74.8373684211, 2.3757894737) 0%, rgb(223.3242105263, 74.8373684211, 2.3757894737) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDF4B02', endColorstr='#FFDF4B02', GradientType=0);
  border-color: rgb(177.9073684211, 59.6178947368, 1.8926315789);
}
.code-btn-g:focus, .code-btn-g.focus {
  color: #fff;
  background-color: rgb(223.3242105263, 74.8373684211, 2.3757894737);
  border-color: rgb(177.9073684211, 59.6178947368, 1.8926315789);
}
.code-btn-g:active, .code-btn-g.active, .open > .code-btn-g.dropdown-toggle {
  color: #fff;
  background-color: rgb(223.3242105263, 74.8373684211, 2.3757894737);
  border-color: rgb(177.9073684211, 59.6178947368, 1.8926315789);
  background-image: none;
}
.code-btn-g:active:hover, .code-btn-g:active:focus, .code-btn-g:active.focus, .code-btn-g.active:hover, .code-btn-g.active:focus, .code-btn-g.active.focus, .open > .code-btn-g.dropdown-toggle:hover, .open > .code-btn-g.dropdown-toggle:focus, .open > .code-btn-g.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(137.5368421053, 46.0894736842, 1.4631578947);
  border-color: rgb(56.7957894737, 19.0326315789, 0.6042105263);
}
.code-btn-g.disabled:focus, .code-btn-g.disabled.focus, .code-btn-g:disabled:focus, .code-btn-g:disabled.focus {
  background-color: #bc3f02;
  border-color: rgb(157.7221052632, 52.8536842105, 1.6778947368);
}
.code-btn-g.disabled:not(.disable-hover):hover, .code-btn-g:disabled:not(.disable-hover):hover {
  background-color: #bc3f02;
  border-color: rgb(157.7221052632, 52.8536842105, 1.6778947368);
}
.code-btn-g .replay-moment.active {
  border-left-color: #fff;
  border-right-color: #fff;
}
.code-btn-g.event-row {
  background: rgba(188, 63, 2, 0.24);
  color: rgba(255, 255, 255, 0.6);
}
.code-btn-g.event-row:not(.disable-hover):hover {
  background: rgba(188, 63, 2, 0.34);
  color: rgba(255, 255, 255, 0.7);
}

.code-btn-h-wrap .active {
  color: #fff;
  background-color: rgb(136.1485714286, 16.5028571429, 8.2514285714);
  border-color: rgb(126.5314285714, 15.3371428571, 7.6685714286);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(136.1485714286, 16.5028571429, 8.2514285714) 0%, rgb(97.68, 11.84, 5.92) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF881108', endColorstr='#FF620C06', GradientType=0);
}
.code-btn-h-wrap .active:not(.disable-hover):hover {
  background-color: rgb(169.8085714286, 20.5828571429, 10.2914285714);
  color: white;
  background-image: linear-gradient(to bottom, rgb(169.8085714286, 20.5828571429, 10.2914285714) 0%, rgb(169.8085714286, 20.5828571429, 10.2914285714) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAA150A', endColorstr='#FFAA150A', GradientType=0);
  border-color: rgb(184.2342857143, 22.3314285714, 11.1657142857);
}
.code-btn-h-wrap .active:focus, .code-btn-h-wrap .active.focus {
  color: #fff;
  background-color: rgb(169.8085714286, 20.5828571429, 10.2914285714);
  border-color: rgb(184.2342857143, 22.3314285714, 11.1657142857);
}
.code-btn-h-wrap .active:active, .code-btn-h-wrap .active.active, .open > .code-btn-h-wrap .active.dropdown-toggle {
  color: #fff;
  background-color: rgb(169.8085714286, 20.5828571429, 10.2914285714);
  border-color: rgb(184.2342857143, 22.3314285714, 11.1657142857);
  background-image: none;
}
.code-btn-h-wrap .active:active:hover, .code-btn-h-wrap .active:active:focus, .code-btn-h-wrap .active:active.focus, .code-btn-h-wrap .active.active:hover, .code-btn-h-wrap .active.active:focus, .code-btn-h-wrap .active.active.focus, .open > .code-btn-h-wrap .active.dropdown-toggle:hover, .open > .code-btn-h-wrap .active.dropdown-toggle:focus, .open > .code-btn-h-wrap .active.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(88.0628571429, 10.6742857143, 5.3371428571);
  border-color: rgb(68.8285714286, 8.3428571429, 4.1714285714);
}
.code-btn-h-wrap .active.disabled:focus, .code-btn-h-wrap .active.disabled.focus, .code-btn-h-wrap .active:disabled:focus, .code-btn-h-wrap .active:disabled.focus {
  background-color: rgb(136.1485714286, 16.5028571429, 8.2514285714);
  border-color: #a5140a;
}
.code-btn-h-wrap .active.disabled:not(.disable-hover):hover, .code-btn-h-wrap .active:disabled:not(.disable-hover):hover {
  background-color: rgb(136.1485714286, 16.5028571429, 8.2514285714);
  border-color: #a5140a;
}
.code-btn-h-wrap .active a {
  color: #fff;
}
.code-btn-h-wrap .active .icon {
  fill: #fff !important;
}
.code-btn-h-wrap .active:hover {
  background: rgba(165, 20, 10, 0.34);
  color: rgba(255, 255, 255, 0.4);
}

.code-btn-h {
  color: #fff;
  background-color: #a5140a;
  border-color: rgb(97.68, 11.84, 5.92);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #a5140a 0%, rgb(126.5314285714, 15.3371428571, 7.6685714286) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA5140A', endColorstr='#FF7F0F08', GradientType=0);
}
.code-btn-h:not(.disable-hover):hover {
  background-color: rgb(198.66, 24.08, 12.04);
  color: white;
  background-image: linear-gradient(to bottom, rgb(198.66, 24.08, 12.04) 0%, rgb(198.66, 24.08, 12.04) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC7180C', endColorstr='#FFC7180C', GradientType=0);
  border-color: rgb(155.3828571429, 18.8342857143, 9.4171428571);
}
.code-btn-h:focus, .code-btn-h.focus {
  color: #fff;
  background-color: rgb(198.66, 24.08, 12.04);
  border-color: rgb(155.3828571429, 18.8342857143, 9.4171428571);
}
.code-btn-h:active, .code-btn-h.active, .open > .code-btn-h.dropdown-toggle {
  color: #fff;
  background-color: rgb(198.66, 24.08, 12.04);
  border-color: rgb(155.3828571429, 18.8342857143, 9.4171428571);
  background-image: none;
}
.code-btn-h:active:hover, .code-btn-h:active:focus, .code-btn-h:active.focus, .code-btn-h.active:hover, .code-btn-h.active:focus, .code-btn-h.active.focus, .open > .code-btn-h.dropdown-toggle:hover, .open > .code-btn-h.dropdown-toggle:focus, .open > .code-btn-h.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(116.9142857143, 14.1714285714, 7.0857142857);
  border-color: rgb(39.9771428571, 4.8457142857, 2.4228571429);
}
.code-btn-h.disabled:focus, .code-btn-h.disabled.focus, .code-btn-h:disabled:focus, .code-btn-h:disabled.focus {
  background-color: #a5140a;
  border-color: rgb(136.1485714286, 16.5028571429, 8.2514285714);
}
.code-btn-h.disabled:not(.disable-hover):hover, .code-btn-h:disabled:not(.disable-hover):hover {
  background-color: #a5140a;
  border-color: rgb(136.1485714286, 16.5028571429, 8.2514285714);
}
.code-btn-h .replay-moment.active {
  border-left-color: #fff;
  border-right-color: #fff;
}
.code-btn-h.event-row {
  background: rgba(165, 20, 10, 0.24);
  color: rgba(255, 255, 255, 0.6);
}
.code-btn-h.event-row:not(.disable-hover):hover {
  background: rgba(165, 20, 10, 0.34);
  color: rgba(255, 255, 255, 0.7);
}

.code-btn-i-wrap .active {
  color: #fff;
  background-color: rgb(157.7221052632, 1.6778947368, 35.2357894737);
  border-color: rgb(147.6294736842, 1.5705263158, 32.9810526316);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(157.7221052632, 1.6778947368, 35.2357894737) 0%, rgb(117.3515789474, 1.2484210526, 26.2168421053) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9E0223', endColorstr='#FF75011A', GradientType=0);
}
.code-btn-i-wrap .active:not(.disable-hover):hover {
  background-color: rgb(193.0463157895, 2.0536842105, 43.1273684211);
  color: white;
  background-image: linear-gradient(to bottom, rgb(193.0463157895, 2.0536842105, 43.1273684211) 0%, rgb(193.0463157895, 2.0536842105, 43.1273684211) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC1022B', endColorstr='#FFC1022B', GradientType=0);
  border-color: rgb(208.1852631579, 2.2147368421, 46.5094736842);
}
.code-btn-i-wrap .active:focus, .code-btn-i-wrap .active.focus {
  color: #fff;
  background-color: rgb(193.0463157895, 2.0536842105, 43.1273684211);
  border-color: rgb(208.1852631579, 2.2147368421, 46.5094736842);
}
.code-btn-i-wrap .active:active, .code-btn-i-wrap .active.active, .open > .code-btn-i-wrap .active.dropdown-toggle {
  color: #fff;
  background-color: rgb(193.0463157895, 2.0536842105, 43.1273684211);
  border-color: rgb(208.1852631579, 2.2147368421, 46.5094736842);
  background-image: none;
}
.code-btn-i-wrap .active:active:hover, .code-btn-i-wrap .active:active:focus, .code-btn-i-wrap .active:active.focus, .code-btn-i-wrap .active.active:hover, .code-btn-i-wrap .active.active:focus, .code-btn-i-wrap .active.active.focus, .open > .code-btn-i-wrap .active.dropdown-toggle:hover, .open > .code-btn-i-wrap .active.dropdown-toggle:focus, .open > .code-btn-i-wrap .active.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(107.2589473684, 1.1410526316, 23.9621052632);
  border-color: rgb(87.0736842105, 0.9263157895, 19.4526315789);
}
.code-btn-i-wrap .active.disabled:focus, .code-btn-i-wrap .active.disabled.focus, .code-btn-i-wrap .active:disabled:focus, .code-btn-i-wrap .active:disabled.focus {
  background-color: rgb(157.7221052632, 1.6778947368, 35.2357894737);
  border-color: #bc022a;
}
.code-btn-i-wrap .active.disabled:not(.disable-hover):hover, .code-btn-i-wrap .active:disabled:not(.disable-hover):hover {
  background-color: rgb(157.7221052632, 1.6778947368, 35.2357894737);
  border-color: #bc022a;
}
.code-btn-i-wrap .active a {
  color: #fff;
}
.code-btn-i-wrap .active .icon {
  fill: #fff !important;
}
.code-btn-i-wrap .active:hover {
  background: rgba(188, 2, 42, 0.34);
  color: rgba(255, 255, 255, 0.4);
}

.code-btn-i {
  color: #fff;
  background-color: #bc022a;
  border-color: rgb(117.3515789474, 1.2484210526, 26.2168421053);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #bc022a 0%, rgb(147.6294736842, 1.5705263158, 32.9810526316) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBC022A', endColorstr='#FF940221', GradientType=0);
}
.code-btn-i:not(.disable-hover):hover {
  background-color: rgb(223.3242105263, 2.3757894737, 49.8915789474);
  color: white;
  background-image: linear-gradient(to bottom, rgb(223.3242105263, 2.3757894737, 49.8915789474) 0%, rgb(223.3242105263, 2.3757894737, 49.8915789474) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDF0232', endColorstr='#FFDF0232', GradientType=0);
  border-color: rgb(177.9073684211, 1.8926315789, 39.7452631579);
}
.code-btn-i:focus, .code-btn-i.focus {
  color: #fff;
  background-color: rgb(223.3242105263, 2.3757894737, 49.8915789474);
  border-color: rgb(177.9073684211, 1.8926315789, 39.7452631579);
}
.code-btn-i:active, .code-btn-i.active, .open > .code-btn-i.dropdown-toggle {
  color: #fff;
  background-color: rgb(223.3242105263, 2.3757894737, 49.8915789474);
  border-color: rgb(177.9073684211, 1.8926315789, 39.7452631579);
  background-image: none;
}
.code-btn-i:active:hover, .code-btn-i:active:focus, .code-btn-i:active.focus, .code-btn-i.active:hover, .code-btn-i.active:focus, .code-btn-i.active.focus, .open > .code-btn-i.dropdown-toggle:hover, .open > .code-btn-i.dropdown-toggle:focus, .open > .code-btn-i.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(137.5368421053, 1.4631578947, 30.7263157895);
  border-color: rgb(56.7957894737, 0.6042105263, 12.6884210526);
}
.code-btn-i.disabled:focus, .code-btn-i.disabled.focus, .code-btn-i:disabled:focus, .code-btn-i:disabled.focus {
  background-color: #bc022a;
  border-color: rgb(157.7221052632, 1.6778947368, 35.2357894737);
}
.code-btn-i.disabled:not(.disable-hover):hover, .code-btn-i:disabled:not(.disable-hover):hover {
  background-color: #bc022a;
  border-color: rgb(157.7221052632, 1.6778947368, 35.2357894737);
}
.code-btn-i .replay-moment.active {
  border-left-color: #fff;
  border-right-color: #fff;
}
.code-btn-i.event-row {
  background: rgba(188, 2, 42, 0.24);
  color: rgba(255, 255, 255, 0.6);
}
.code-btn-i.event-row:not(.disable-hover):hover {
  background: rgba(188, 2, 42, 0.34);
  color: rgba(255, 255, 255, 0.7);
}

.code-btn-j-wrap .active {
  color: #fff;
  background-color: rgb(147.74, 1.66, 74.7);
  border-color: rgb(137.6533333333, 1.5466666667, 69.6);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, rgb(147.74, 1.66, 74.7) 0%, rgb(107.3933333333, 1.2066666667, 54.3) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF94024B', endColorstr='#FF6B0136', GradientType=0);
}
.code-btn-j-wrap .active:not(.disable-hover):hover {
  background-color: rgb(183.0433333333, 2.0566666667, 92.55);
  color: white;
  background-image: linear-gradient(to bottom, rgb(183.0433333333, 2.0566666667, 92.55) 0%, rgb(183.0433333333, 2.0566666667, 92.55) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB7025D', endColorstr='#FFB7025D', GradientType=0);
  border-color: rgb(198.1733333333, 2.2266666667, 100.2);
}
.code-btn-j-wrap .active:focus, .code-btn-j-wrap .active.focus {
  color: #fff;
  background-color: rgb(183.0433333333, 2.0566666667, 92.55);
  border-color: rgb(198.1733333333, 2.2266666667, 100.2);
}
.code-btn-j-wrap .active:active, .code-btn-j-wrap .active.active, .open > .code-btn-j-wrap .active.dropdown-toggle {
  color: #fff;
  background-color: rgb(183.0433333333, 2.0566666667, 92.55);
  border-color: rgb(198.1733333333, 2.2266666667, 100.2);
  background-image: none;
}
.code-btn-j-wrap .active:active:hover, .code-btn-j-wrap .active:active:focus, .code-btn-j-wrap .active:active.focus, .code-btn-j-wrap .active.active:hover, .code-btn-j-wrap .active.active:focus, .code-btn-j-wrap .active.active.focus, .open > .code-btn-j-wrap .active.dropdown-toggle:hover, .open > .code-btn-j-wrap .active.dropdown-toggle:focus, .open > .code-btn-j-wrap .active.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(97.3066666667, 1.0933333333, 49.2);
  border-color: rgb(77.1333333333, 0.8666666667, 39);
}
.code-btn-j-wrap .active.disabled:focus, .code-btn-j-wrap .active.disabled.focus, .code-btn-j-wrap .active:disabled:focus, .code-btn-j-wrap .active:disabled.focus {
  background-color: rgb(147.74, 1.66, 74.7);
  border-color: #b2025a;
}
.code-btn-j-wrap .active.disabled:not(.disable-hover):hover, .code-btn-j-wrap .active:disabled:not(.disable-hover):hover {
  background-color: rgb(147.74, 1.66, 74.7);
  border-color: #b2025a;
}
.code-btn-j-wrap .active a {
  color: #fff;
}
.code-btn-j-wrap .active .icon {
  fill: #fff !important;
}
.code-btn-j-wrap .active:hover {
  background: rgba(178, 2, 90, 0.34);
  color: rgba(255, 255, 255, 0.4);
}

.code-btn-j {
  color: #fff;
  background-color: #b2025a;
  border-color: rgb(107.3933333333, 1.2066666667, 54.3);
  fill: #fff;
  text-shadow: 0 0 black;
  background-image: linear-gradient(to bottom, #b2025a 0%, rgb(137.6533333333, 1.5466666667, 69.6) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB2025A', endColorstr='#FF8A0246', GradientType=0);
}
.code-btn-j:not(.disable-hover):hover {
  background-color: rgb(213.3033333333, 2.3966666667, 107.85);
  color: white;
  background-image: linear-gradient(to bottom, rgb(213.3033333333, 2.3966666667, 107.85) 0%, rgb(213.3033333333, 2.3966666667, 107.85) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5026C', endColorstr='#FFD5026C', GradientType=0);
  border-color: rgb(167.9133333333, 1.8866666667, 84.9);
}
.code-btn-j:focus, .code-btn-j.focus {
  color: #fff;
  background-color: rgb(213.3033333333, 2.3966666667, 107.85);
  border-color: rgb(167.9133333333, 1.8866666667, 84.9);
}
.code-btn-j:active, .code-btn-j.active, .open > .code-btn-j.dropdown-toggle {
  color: #fff;
  background-color: rgb(213.3033333333, 2.3966666667, 107.85);
  border-color: rgb(167.9133333333, 1.8866666667, 84.9);
  background-image: none;
}
.code-btn-j:active:hover, .code-btn-j:active:focus, .code-btn-j:active.focus, .code-btn-j.active:hover, .code-btn-j.active:focus, .code-btn-j.active.focus, .open > .code-btn-j.dropdown-toggle:hover, .open > .code-btn-j.dropdown-toggle:focus, .open > .code-btn-j.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(127.5666666667, 1.4333333333, 64.5);
  border-color: rgb(46.8733333333, 0.5266666667, 23.7);
}
.code-btn-j.disabled:focus, .code-btn-j.disabled.focus, .code-btn-j:disabled:focus, .code-btn-j:disabled.focus {
  background-color: #b2025a;
  border-color: rgb(147.74, 1.66, 74.7);
}
.code-btn-j.disabled:not(.disable-hover):hover, .code-btn-j:disabled:not(.disable-hover):hover {
  background-color: #b2025a;
  border-color: rgb(147.74, 1.66, 74.7);
}
.code-btn-j .replay-moment.active {
  border-left-color: #fff;
  border-right-color: #fff;
}
.code-btn-j.event-row {
  background: rgba(178, 2, 90, 0.24);
  color: rgba(255, 255, 255, 0.6);
}
.code-btn-j.event-row:not(.disable-hover):hover {
  background: rgba(178, 2, 90, 0.34);
  color: rgba(255, 255, 255, 0.7);
}

.is-annotating {
  background-image: linear-gradient(to bottom, #FFC70E 0%, rgb(207.8, 159.5145228216, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFC70E', endColorstr='#FFD0A000', GradientType=0);
  color: #242c33 !important;
}

.is-clipped {
  background-image: linear-gradient(to bottom, #fff 0%, rgb(224.4, 224.4, 224.4) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE0E0E0', GradientType=0);
  color: #242c33 !important;
}

.tag-list-item {
  border-bottom: 1px solid rgb(219.3, 224.9, 229.8);
}
.tag-list-item:last-child {
  border: 0;
}

.tag-text:focus, .tag-text:hover {
  background-color: rgb(252.1862068966, 252.6275862069, 253.0137931034);
}

.upload-dropzone {
  background: rgb(246.2068965517, 247.5862068966, 248.7931034483);
  min-height: 300px;
  text-align: center;
}
.upload-dropzone .icon {
  display: inline-block;
  fill: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  height: 7rem;
  width: 7rem;
}

.circle-view {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.5);
  height: 100px;
  line-height: 100px;
  margin: 10px auto;
  width: 100px;
}

.video-index-view {
  margin: 15px;
  border-radius: 0.6rem;
  border: 0.001rem solid rgb(46.5517241379, 56.8965517241, 65.9482758621);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.color-indicator {
  width: 16px;
  height: 16px;
  left: 0;
  top: 3px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.color-indicator-sm {
  width: 10px;
  height: 10px;
  top: 0;
}

.is-buffering {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  height: 60px;
  left: 50%;
  padding-top: 15px;
  position: absolute;
  text-align: center;
  top: 36%;
  width: 60px;
}

.main-section {
  padding-top: 116px;
}

.project-group, .video-cards-group {
  background: rgba(0, 0, 0, 0.4);
}

.filter-toolbar {
  border-radius: 0.6rem;
  margin: 0 15px 15px 15px;
}

.project-group .project-group-row {
  display: flex;
  overflow-x: auto;
  flex-wrap: nowrap !important;
}

.project-group .project-group-row .project-group-col {
  display: grid;
  padding-right: 0;
}

.project-group .card .project-card-nav {
  display: absolute;
  bottom: 0;
  width: 100%;
}

.project-group-col {
  opacity: 0.8;
}
.project-group-col:hover {
  opacity: 0.9;
}
.project-group-col.selected-project {
  opacity: 1;
}

.project-filter-on .project-group-col:not(.selected-project) {
  opacity: 0.5;
  transform: scale(0.9);
}

.project-group-scrollnav {
  position: absolute;
  width: 40px;
  height: 100%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  border: none;
}
.project-group-scrollnav.next {
  right: 0;
}
.project-group-scrollnav.prev {
  left: 0;
}

.rotate-video-0 {
  transform: rotate(0deg);
}

.rotate-video-90 {
  transform: rotate(90deg);
}
.rotate-video-90::-webkit-media-text-track-container,
.rotate-video-90 media-text-track-container {
  transform: rotate(270deg);
}
.rotate-video-90::-webkit-media-text-track-display,
.rotate-video-90 media-text-track-display {
  left: 33% !important;
  width: 34% !important;
}

.rotate-video-180 {
  transform: rotate(180deg);
}
.rotate-video-180::-webkit-media-text-track-container,
.rotate-video-180 media-text-track-container {
  transform: rotate(180deg);
}

.rotate-video-270 {
  transform: rotate(270deg);
}
.rotate-video-270::-webkit-media-text-track-container,
.rotate-video-270 media-text-track-container {
  transform: rotate(90deg);
}
.rotate-video-270::-webkit-media-text-track-display,
.rotate-video-270 media-text-track-display {
  left: 33% !important;
  width: 34% !important;
}

.rotate-video-90, .rotate-video-270 {
  height: 60% !important;
  top: 23% !important;
}

/* Marketing Video Player 
Displayed on Registration Page and Marketing Pages
*/
.video-progress {
  z-index: 2;
}

/* Fallback stuff */
.video-progress[value] {
  appearance: none;
  border: none;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
  color: dodgerblue;
  display: inline;
  height: 6px;
  order: 1;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

/* WebKit styles */
.video-progress[value]::-webkit-progress-bar {
  background-color: whiteSmoke;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
}

.video-progress[value]::-webkit-progress-value {
  background-image: linear-gradient(to right, #b03a69, #862d69);
  border-radius: 3px;
  position: relative;
  transition: width 1s linear;
}

.timeline-user-list {
  height: 230px;
  overflow: scroll;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.timeline-user-list::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

/* Firefox styles */
.video-progress[value]::-moz-progress-bar {
  background-image: -moz-linear-gradient(to right, #b03a69, #862d69);
  border-radius: 3px;
  position: relative;
  transition: width 0.7s linear;
}

.toggle-mute, .toggle-play {
  position: absolute;
  bottom: 10px;
  left: 42px;
  width: 27px;
  height: 27px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  text-align: center;
  border: none;
  outline: none;
  padding: 0;
}

.toggle-play {
  left: 11px;
  width: 27px;
  height: 27px;
}

.player-notification {
  background-color: #0F6499;
  border-radius: 4px;
  position: absolute;
  z-index: 100;
  width: 30%;
  left: 19%;
  top: 13px;
  font-size: medium;
  padding: 5px 0.5%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.ai-response-container h1, .ai-response-container h2, .ai-response-container h3, .ai-response-container h4, .ai-response-container h5, .ai-response-container h6 {
  font-weight: bold;
  color: #4DC2C4;
}
.ai-response-container h1, .ai-response-container h2, .ai-response-container h3 {
  font-size: 1.34rem;
}
.ai-response-container h4, .ai-response-container h5, .ai-response-container h6 {
  font-size: 1.2rem;
}
.ai-response-container a, .ai-response-container .btn-link {
  color: #4DC2C4 !important;
  font-weight: bold;
}
.ai-response-container a:hover, .ai-response-container .btn-link:hover {
  color: white !important;
}

.ai-response-container-light h1, .ai-response-container-light h2, .ai-response-container-light h3, .ai-response-container-light h4, .ai-response-container-light h5, .ai-response-container-light h6 {
  font-weight: bold;
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.ai-response-container-light h1, .ai-response-container-light h2, .ai-response-container-light h3 {
  font-size: 1.34rem;
}
.ai-response-container-light h4, .ai-response-container-light h5, .ai-response-container-light h6 {
  font-size: 1.2rem;
}
.ai-response-container-light a, .ai-response-container-light .btn-link {
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405) !important;
  font-weight: bold;
}
.ai-response-container-light a:hover, .ai-response-container-light .btn-link:hover {
  color: #4DC2C4 !important;
}

.modal-open {
  overflow: hidden;
}

.modal, .fixed-in-space {
  -webkit-overflow-scrolling: touch;
  bottom: 0;
  display: block;
  left: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.modal.fade .modal-dialog, .fixed-in-space.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in, .fixed-in-space.in {
  z-index: 1050;
}
.modal.in .modal-dialog, .fixed-in-space.in .modal-dialog {
  transform: translate(0, 0);
}

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

.modal-dialog {
  margin: 10px;
  position: relative;
  width: auto;
}

.modal-content {
  background-clip: padding-box;
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  outline: 0;
  overflow: hidden;
  position: relative;
}
.modal-content .text-success-ally {
  color: rgb(4.0033460709, 111.3227266394, 119.0056539291) !important;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in {
  opacity: 0.5;
  z-index: 1040;
}

.modal-header {
  padding: 0.5rem;
  background-color: rgb(46.5517241379, 56.8965517241, 65.9482758621);
  color: #fff;
  text-align: center;
}
.modal-header::after {
  content: "";
  display: table;
  clear: both;
}
.modal-header *:focus {
  outline-color: #fff;
}

.modal-header .close {
  font-size: 2.22rem;
  position: absolute;
  right: 1rem;
  top: 8px;
  z-index: 2;
}
.modal-header .close:focus {
  outline: 1px dotted #fff;
}

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

.modal-body {
  position: relative;
  padding: 1rem;
}
.modal-body button.close {
  position: absolute;
  top: 10px;
  right: 17px;
}

.modal-footer {
  padding: 1rem;
  text-align: right;
  border-top: 1px solid rgb(213.3206896552, 219.8586206897, 225.5793103448);
}
.modal-footer::after {
  content: "";
  display: table;
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

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

.has-context-modal {
  height: 100%;
  position: relative;
}

.context-modal-confirmation {
  background: rgba(36, 44, 51, 0.9);
  color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}

.reports-video-modal {
  position: absolute;
  width: 90%;
  left: 5%;
  z-index: 10;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgb(63.4344827586, 77.5310344828, 89.8655172414);
  box-shadow: 0 0 10px rgba(36, 44, 51, 0.9);
}

@media (min-width: 544px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 768px) {
  .modal-lg {
    width: 900px;
  }
}
.modal-xl {
  width: 96%;
}

.context-modal {
  background-color: rgba(36, 44, 51, 0.9);
  color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  display: block;
}
.context-modal .close {
  font-size: 2.2rem;
  position: absolute;
  right: 0;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Roboto", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.875rem;
  opacity: 0;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.2rem;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: "Roboto", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.875rem;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.6rem;
}
.popover.popover-top, .popover.bs-tether-element-attached-bottom {
  margin-top: -10px;
}
.popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after {
  bottom: 1px;
  margin-left: -10px;
  content: "";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.popover-right, .popover.bs-tether-element-attached-left {
  margin-left: 10px;
}
.popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after {
  bottom: -10px;
  left: 1px;
  content: "";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.popover-bottom, .popover.bs-tether-element-attached-top {
  margin-top: 10px;
}
.popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after {
  top: 1px;
  margin-left: -10px;
  content: "";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.popover-left, .popover.bs-tether-element-attached-right {
  margin-left: -10px;
}
.popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after {
  right: 1px;
  bottom: -10px;
  content: "";
  border-right-width: 0;
  border-left-color: #fff;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 1rem;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-radius: 0.6rem 0.6rem 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover-arrow, .popover-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover-arrow {
  border-width: 11px;
}

.popover-arrow::after {
  content: "";
  border-width: 10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .carousel-item {
  position: relative;
  display: none;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .carousel-item {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right {
    left: 0;
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left {
    left: 0;
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active {
    left: 0;
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:focus, .carousel-control:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev::before {
  content: "‹";
}
.carousel-control .icon-next::before {
  content: "›";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}

@media (min-width: 544px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

@media (min-width: 544px) {
  .pull-sm-left {
    float: left !important;
  }
  .pull-sm-right {
    float: right !important;
  }
  .pull-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .pull-md-left {
    float: left !important;
  }
  .pull-md-right {
    float: right !important;
  }
  .pull-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .pull-lg-left {
    float: left !important;
  }
  .pull-lg-right {
    float: right !important;
  }
  .pull-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .pull-xl-left {
    float: left !important;
  }
  .pull-xl-right {
    float: right !important;
  }
  .pull-xl-none {
    float: none !important;
  }
}
.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  height: 100%;
  position: absolute;
  width: 100%;
}
.overflow-scroll.overflow-y-scroll {
  overflow-y: scroll;
}
.overflow-scroll.overflow-x-scroll {
  overflow-x: scroll;
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

.full-height {
  height: 100%;
}

.width-200 {
  width: 200px;
}

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

@media (min-width: 768px) {
  .block-vertical-center {
    position: relative;
    top: 49%;
    -webkit-transform: translateY(-49%);
    -ms-transform: translateY(-49%);
    transform: translateY(-49%);
  }
}

.eq-vertical-height-container {
  display: flex;
  flex-direction: column;
}

.eq-vertical-height {
  flex: 1;
}

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

.show-on-ie {
  display: none;
}

.no-placeholder .show-on-ie {
  display: block;
}

.display-block {
  display: block;
}

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

.display-inline {
  display: inline;
}

.display-flex {
  display: flex;
}

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

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

.invisible {
  visibility: hidden !important;
}
@media (max-width: 543px) {
  .invisible .xs-invisible {
    visibility: hidden !important;
  }
}

.text-hide {
  font: "0/0" a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-truncate.c-input {
  padding-left: 1.9rem;
}
.text-truncate .c-indicator {
  margin-left: 4px;
  margin-top: 2px;
}

.text-xs-left {
  text-align: left !important;
}

.text-xs-right {
  text-align: right !important;
}

.text-xs-center {
  text-align: center !important;
}

@media (min-width: 544px) {
  .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;
}

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

.font-weight-normal {
  font-weight: normal;
}

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

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

.font-weight-thin {
  font-weight: 100;
}

.font-weight-light {
  font-weight: 300;
}

.font-size-sm {
  font-size: 0.875rem !important;
}

.font-size-xs {
  font-size: 0.75rem !important;
}

.font-size-lg {
  font-size: 1.25rem !important;
}

.text-muted {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}

.text-white {
  color: #fff;
}

a.text-white:hover {
  color: rgba(255, 255, 255, 0.7);
}

button.text-white:hover {
  color: rgba(255, 255, 255, 0.7);
}

.text-white:focus {
  color: rgba(255, 255, 255, 0.7) !important;
}

.text-dark {
  color: #242c33;
}

.no-text-shadow {
  text-shadow: none;
}

.text-transparent {
  opacity: 0.5;
}

.hyphens {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.break-word {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  line-height: 2;
}

.box-shadow {
  box-shadow: 0 0 10px rgba(36, 44, 51, 0.2);
}

.send-to-top {
  z-index: 2000 !important;
}

.drawer-right {
  bottom: 0;
  height: 100%;
  position: fixed;
  right: 0;
  top: 48px;
  width: 400px;
  z-index: 100;
}

.mini-scroll {
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.mini-scroll::-webkit-scrollbar {
  display: none;
  width: 1px;
}

.mini-scroll-visible {
  scrollbar-color: rgb(63.4344827586, 77.5310344828, 89.8655172414) #242c33;
  scrollbar-width: thin !important;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.mini-scroll-visible-inverse {
  scrollbar-color: #242c33 rgb(63.4344827586, 77.5310344828, 89.8655172414);
  scrollbar-width: thin !important;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.video-drag {
  cursor: move;
}

.video-zoom-none {
  height: 100% !important;
  width: 100% !important;
}

.video-zoom-xs {
  height: 125% !important;
  width: 125% !important;
}

.video-zoom-sm {
  height: 150% !important;
  width: 150% !important;
}

.video-zoom-md {
  height: 175% !important;
  width: 175% !important;
}

.video-zoom-lg {
  height: 200% !important;
  width: 200% !important;
}

.video-zoom-xl {
  height: 225% !important;
  width: 225% !important;
}

::-webkit-input-placeholder {
  text-transform: capitalize;
}

:-moz-placeholder { /* Firefox 18- */
  text-transform: capitalize;
}

::-moz-placeholder { /* Firefox 19+ */
  text-transform: capitalize;
}

:-ms-input-placeholder {
  text-transform: capitalize;
}

.no-events {
  pointer-events: none !important;
}

.text-preview {
  max-height: 40px;
  overflow: hidden;
  text-align: justify;
}

.text-preview-in .text-preview {
  max-height: 100%;
  overflow: visible;
}
.text-preview-in .text-preview-toggle {
  bottom: 5px;
}

.text-preview-toggle {
  position: absolute;
  width: 100%;
  bottom: 16px;
  background: rgb(34, 44, 52);
  background: linear-gradient(0deg, rgb(34, 44, 52) 0%, rgba(34, 44, 52, 0) 90%);
  left: 0;
}
.text-preview-toggle .btn {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

.text-primary {
  color: #0F6499 !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: rgb(10.4464285714, 69.6428571429, 106.5535714286) !important;
}

.bg-inverse .text-primary {
  color: rgb(17.2767857143, 115.1785714286, 176.2232142857) !important;
}
.bg-inverse a.text-primary:focus, .bg-inverse a.text-primary:hover {
  color: rgb(82.875, 178.5, 238.125) !important;
}

.text-success {
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405) !important;
}

a.text-success:focus, a.text-success:hover {
  color: rgb(32.4126582278, 96.6886075949, 97.7873417722) !important;
}

.bg-inverse .text-success {
  color: rgb(51.4569620253, 153.4987341772, 155.2430379747) !important;
}
.bg-inverse a.text-success:focus, .bg-inverse a.text-success:hover {
  color: rgb(122.964556962, 209.7518987342, 211.235443038) !important;
}

.text-info {
  color: rgb(166.9598086124, 197.2411483254, 225.8401913876) !important;
}

a.text-info:focus, a.text-info:hover {
  color: rgb(128.6488038278, 172.1071770335, 213.1511961722) !important;
}

.bg-inverse .text-info {
  color: rgb(186.1153110048, 209.8081339713, 232.1846889952) !important;
}
.bg-inverse a.text-info:focus, .bg-inverse a.text-info:hover {
  color: white !important;
}

.text-warning {
  color: #b03a69 !important;
}

a.text-warning:focus, a.text-warning:hover {
  color: rgb(137.641025641, 45.358974359, 82.1153846154) !important;
}

.bg-inverse .text-warning {
  color: rgb(192.9102564103, 66.5897435897, 116.9038461538) !important;
}
.bg-inverse a.text-warning:focus, .bg-inverse a.text-warning:hover {
  color: rgb(224.5128205128, 162.4871794872, 187.1923076923) !important;
}

.text-danger {
  color: #862d69 !important;
}

a.text-danger:focus, a.text-danger:hover {
  color: rgb(95.8212290503, 32.1787709497, 75.0837988827) !important;
}

.bg-inverse .text-danger {
  color: rgb(153.0893854749, 51.4106145251, 119.9581005587) !important;
}
.bg-inverse a.text-danger:focus, .bg-inverse a.text-danger:hover {
  color: rgb(210.251396648, 121.748603352, 181.4134078212) !important;
}

.text-inverse {
  color: #fff !important;
}

a.text-inverse:focus, a.text-inverse:hover {
  color: rgb(229.5, 229.5, 229.5) !important;
}

.bg-inverse .text-inverse {
  color: white !important;
}
.bg-inverse a.text-inverse:focus, .bg-inverse a.text-inverse:hover {
  color: white !important;
}

.text-gray-light {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931) !important;
}

a.text-gray-light:focus, a.text-gray-light:hover {
  color: rgb(123.6310344828, 144.2379310345, 162.2689655172) !important;
}

.bg-inverse .text-gray-light {
  color: rgb(168.475862069, 182.0482758621, 193.924137931) !important;
}
.bg-inverse a.text-gray-light:focus, .bg-inverse a.text-gray-light:hover {
  color: rgb(243.2172413793, 245.0655172414, 246.6827586207) !important;
}

.text-gray {
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414) !important;
}

a.text-gray:focus, a.text-gray:hover {
  color: rgb(42.3310344828, 51.7379310345, 59.9689655172) !important;
}

.bg-inverse .text-gray {
  color: rgb(73.9862068966, 90.4275862069, 104.8137931034) !important;
}
.bg-inverse a.text-gray:focus, .bg-inverse a.text-gray:hover {
  color: rgb(135.5896551724, 154.3206896552, 170.7103448276) !important;
}

.text-success-ally {
  color: #4DC2C4 !important;
}

a.text-success-ally:focus, a.text-success-ally:hover {
  color: rgb(55.2658227848, 164.8607594937, 166.7341772152) !important;
}

.bg-inverse .text-success-ally {
  color: rgb(96.1518987342, 200.5632911392, 202.3481012658) !important;
}
.bg-inverse a.text-success-ally:focus, .bg-inverse a.text-success-ally:hover {
  color: rgb(191.9113924051, 233.3797468354, 234.0886075949) !important;
}

.text-success-ally-dark {
  color: rgb(4.0033460709, 111.3227266394, 119.0056539291) !important;
}

a.text-success-ally-dark:focus, a.text-success-ally-dark:hover {
  color: rgb(2.3435435392, 65.1679000933, 69.6654564608) !important;
}

.bg-inverse .text-success-ally-dark {
  color: rgb(4.8332473367, 134.4001399125, 143.6757526633) !important;
}
.bg-inverse a.text-success-ally-dark:focus, .bg-inverse a.text-success-ally-dark:hover {
  color: rgb(28.6242716506, 232.7700591834, 247.3847283494) !important;
}

.bottom-scroll-indicator {
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  height: 40px;
  text-align: center;
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  position: sticky;
}

.bg-inverse {
  background-color: #242c33;
  color: rgb(207.3413793103, 214.8172413793, 221.3586206897);
}
.bg-inverse.bg-transparent {
  background-color: rgba(36, 44, 51, 0.7);
  color: #fff;
}
.bg-inverse .form-group label {
  color: rgb(51.4569620253, 153.4987341772, 155.2430379747);
}
.bg-inverse .card {
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
  border-color: rgb(42.3310344828, 51.7379310345, 59.9689655172);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.bg-inverse .card .card-header {
  background-color: rgb(42.3310344828, 51.7379310345, 59.9689655172);
  border-color: rgb(42.3310344828, 51.7379310345, 59.9689655172);
}
.bg-inverse .folder-card:hover {
  background-color: rgb(57.1034482759, 69.7931034483, 80.8965517241);
}
.bg-inverse .upload-dropzone {
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.bg-inverse .c-input {
  color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.bg-inverse .form-control {
  background-color: rgb(50.7724137931, 62.0551724138, 71.9275862069);
  border-color: rgb(42.3310344828, 51.7379310345, 59.9689655172);
  border-bottom-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  color: #fff;
}
.bg-inverse .form-control:focus {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  outline: 1px dotted #242c33;
}
.bg-inverse .form-control:hover {
  box-shadow: 0 0 0.225rem rgba(36, 44, 51, 0.4);
}
.bg-inverse .form-control-label {
  background-color: rgb(42.3310344828, 51.7379310345, 59.9689655172);
  border-color: rgb(42.3310344828, 51.7379310345, 59.9689655172);
}
.bg-inverse .bg-inverse .form-control-label {
  background-color: rgb(42.3310344828, 51.7379310345, 59.9689655172);
  border-color: rgb(42.3310344828, 51.7379310345, 59.9689655172);
}
.bg-inverse .c-select {
  background-color: rgb(50.7724137931, 62.0551724138, 71.9275862069);
  border-color: rgb(42.3310344828, 51.7379310345, 59.9689655172);
  border-bottom-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  color: #fff;
}
.bg-inverse .c-select:focus {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.bg-inverse .progress[value] {
  background-color: #242c33;
}
.bg-inverse .progress[value]::-ms-fill {
  background-color: rgb(50.7724137931, 62.0551724138, 71.9275862069);
}
.bg-inverse .progress[value]::-webkit-progress-bar {
  background-color: rgb(50.7724137931, 62.0551724138, 71.9275862069);
}
.bg-inverse .list-group-item {
  background-color: #242c33;
  border-bottom-color: rgb(57.1034482759, 69.7931034483, 80.8965517241);
  border-top-color: rgb(57.1034482759, 69.7931034483, 80.8965517241);
}
.bg-inverse .list-group-item:hover {
  background-color: rgb(33.8896551724, 41.4206896552, 48.0103448276);
}
.bg-inverse *:focus {
  outline-color: #fff !important;
}
.bg-inverse button.label:hover {
  outline: 1px solid rgb(219.3, 224.9, 229.8);
}

.light-theme .bg-inverse {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
  color: #242c33;
}
.light-theme .bg-inverse.bg-transparent {
  background-color: rgba(246.2068965517, 247.5862068966, 248.7931034483, 0.7);
  color: #242c33;
}
.light-theme .bg-inverse .form-group label {
  color: rgb(38.7607594937, 115.6253164557, 116.9392405063);
}
.light-theme .bg-inverse .card {
  background-color: rgb(237.2379310345, 240.024137931, 242.4620689655);
  border-color: rgb(216.3103448276, 222.3793103448, 227.6896551724);
  border-radius: 0.2rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.light-theme .bg-inverse .card .card-header {
  background-color: rgb(231.2586206897, 234.9827586207, 238.2413793103);
  border-color: rgb(216.3103448276, 222.3793103448, 227.6896551724);
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.light-theme .bg-inverse .folder-card:hover {
  background-color: rgb(228.2689655172, 232.4620689655, 236.1310344828);
}
.light-theme .bg-inverse .upload-dropzone {
  background-color: rgb(237.2379310345, 240.024137931, 242.4620689655);
}
.light-theme .bg-inverse .c-input {
  color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
}
.light-theme .bg-inverse .form-control {
  background-color: rgb(225.2793103448, 229.9413793103, 234.0206896552);
  border-color: rgb(237.2379310345, 240.024137931, 242.4620689655);
  border-bottom-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  color: #242c33;
}
.light-theme .bg-inverse .form-control:focus {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  outline: 1px dotted #242c33;
}
.light-theme .bg-inverse .form-control:hover {
  box-shadow: 0 0 0.225rem rgba(36, 44, 51, 0.4);
}
.light-theme .bg-inverse .form-control-label {
  background-color: rgb(237.2379310345, 240.024137931, 242.4620689655);
  border-color: rgb(237.2379310345, 240.024137931, 242.4620689655);
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.light-theme .bg-inverse .text-success-ally {
  color: rgb(45.1088607595, 134.5620253165, 136.0911392405) !important;
}
.light-theme .bg-inverse .bg-inverse .form-control-label {
  background-color: rgb(237.2379310345, 240.024137931, 242.4620689655);
  border-color: rgb(237.2379310345, 240.024137931, 242.4620689655);
}
.light-theme .bg-inverse .c-select {
  background-color: rgb(225.2793103448, 229.9413793103, 234.0206896552);
  border-color: rgb(237.2379310345, 240.024137931, 242.4620689655);
  border-bottom-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  color: #242c33;
}
.light-theme .bg-inverse .c-select:focus {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}
.light-theme .bg-inverse .progress[value] {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
}
.light-theme .bg-inverse .progress[value]::-ms-fill {
  background-color: rgb(225.2793103448, 229.9413793103, 234.0206896552);
}
.light-theme .bg-inverse .progress[value]::-webkit-progress-bar {
  background-color: rgb(225.2793103448, 229.9413793103, 234.0206896552);
}
.light-theme .bg-inverse .list-group-item {
  background-color: #242c33;
  border-bottom-color: rgb(57.1034482759, 69.7931034483, 80.8965517241);
  border-top-color: rgb(57.1034482759, 69.7931034483, 80.8965517241);
}
.light-theme .bg-inverse .list-group-item:hover {
  background-color: rgb(33.8896551724, 41.4206896552, 48.0103448276);
}
.light-theme .bg-inverse *:focus {
  outline-color: #fff !important;
}
.light-theme .bg-inverse button.label:hover {
  outline: 1px solid rgb(219.3, 224.9, 229.8);
}

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

.bg-faded {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
}
.bg-faded .c-input {
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.bg-faded .form-control {
  background-color: #fff;
  border-color: rgb(136, 143, 146);
  color: rgb(63.4344827586, 77.5310344828, 89.8655172414);
}
.bg-faded .form-control:focus {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  outline: 1px dotted #242c33;
}
.bg-faded .form-control:hover {
  box-shadow: 0 0 0.225rem rgba(36, 44, 51, 0.4);
}
.bg-faded .form-control-label {
  background-color: #fff;
  border-color: rgb(136, 143, 146);
}

.bg-gray-heading {
  background-color: rgb(219.3, 224.9, 229.8);
}

.bg-success-gradient {
  background: rgb(45.1088607595, 134.5620253165, 136.0911392405);
  background: -moz-linear-gradient(-45deg, rgb(45.1088607595, 134.5620253165, 136.0911392405) 0%, rgb(45.1088607595, 134.5620253165, 136.0911392405) 71%, rgb(45.1088607595, 134.5620253165, 136.0911392405) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(10, 154, 164)), color-stop(71%, rgb(2, 187, 147)), color-stop(100%, rgb(35, 205, 120)));
  background: -webkit-linear-gradient(-45deg, rgb(10, 154, 164) 0%, rgb(2, 187, 147) 71%, rgb(35, 205, 120) 100%);
  background: -o-linear-gradient(-45deg, rgb(10, 154, 164) 0%, rgb(2, 187, 147) 71%, rgb(35, 205, 120) 100%);
  background: -ms-linear-gradient(-45deg, rgb(10, 154, 164) 0%, rgb(2, 187, 147) 71%, rgb(35, 205, 120) 100%);
  background: linear-gradient(135deg, rgb(10, 154, 164) 0%, rgb(2, 187, 147) 71%, rgb(35, 205, 120) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9aa4', endColorstr='#23cd78', GradientType=1 );
}

.bg-primary-gradient {
  background: #0F6499;
  background: -moz-linear-gradient(-45deg, rgb(35, 116, 186) 0%, rgb(43, 154, 188) 62%, rgb(96, 164, 196) 100%);
  background: -webkit-linear-gradient(-45deg, rgb(35, 116, 186) 0%, rgb(43, 154, 188) 62%, rgb(96, 164, 196) 100%);
  background: linear-gradient(135deg, rgb(35, 116, 186) 0%, rgb(43, 154, 188) 62%, rgb(96, 164, 196) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2374ba', endColorstr='#60a4c4',GradientType=1 );
}

.bg-danger-gradient {
  background: #862d69;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#862d69+0,84375b+66,a53862+100 */
  background: -moz-linear-gradient(-45deg, rgb(134, 45, 105) 0%, rgb(132, 55, 91) 66%, rgb(165, 56, 98) 100%);
  background: -webkit-linear-gradient(-45deg, rgb(134, 45, 105) 0%, rgb(132, 55, 91) 66%, rgb(165, 56, 98) 100%);
  background: linear-gradient(135deg, rgb(134, 45, 105) 0%, rgb(132, 55, 91) 66%, rgb(165, 56, 98) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#862d69', endColorstr='#a53862',GradientType=1 );
}

.bg-inverse-gradient {
  background: #242c33;
  background: -moz-linear-gradient(top, #242c33 0%, #113248 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #242c33 0%, #113248 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #242c33 0%, #113248 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242c33', endColorstr='#113248',GradientType=0 ); /* IE6-9 */
}
.bg-inverse-gradient *:focus {
  outline-color: #fff !important;
}

.bg-primary {
  background-color: #0F6499 !important;
  color: #fff !important;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.bg-primary a {
  color: rgb(129.3214285714, 199.1428571429, 242.6785714286) !important;
}
.bg-primary a:focus, .bg-primary a:hover {
  color: black !important;
}
.bg-primary div[class^=border-] {
  border-color: rgb(19.5535714286, 130.3571428571, 199.4464285714);
}
.bg-primary div[class*=border-] {
  border-color: rgb(19.5535714286, 130.3571428571, 199.4464285714);
}

a.bg-primary:focus, a.bg-primary:hover {
  background-color: rgb(10.4464285714, 69.6428571429, 106.5535714286) !important;
}

.bg-success {
  background-color: rgb(45.1088607595, 134.5620253165, 136.0911392405) !important;
  color: #fff !important;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.bg-success a {
  color: rgb(161.2683544304, 222.8784810127, 223.9316455696) !important;
}
.bg-success a:focus, .bg-success a:hover {
  color: black !important;
}
.bg-success div[class^=border-] {
  border-color: rgb(57.8050632911, 172.435443038, 174.3949367089);
}
.bg-success div[class*=border-] {
  border-color: rgb(57.8050632911, 172.435443038, 174.3949367089);
}

a.bg-success:focus, a.bg-success:hover {
  background-color: rgb(32.4126582278, 96.6886075949, 97.7873417722) !important;
}

.bg-success-ally {
  background-color: #4DC2C4 !important;
  color: #003B42 !important;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.bg-success-ally a {
  color: rgb(230.2151898734, 246.5063291139, 246.7848101266) !important;
}
.bg-success-ally a:focus, .bg-success-ally a:hover {
  color: rgb(17.1772151899, 51.2405063291, 51.8227848101) !important;
}
.bg-success-ally div[class^=border-] {
  border-color: rgb(115.3037974684, 207.1265822785, 208.6962025316);
}
.bg-success-ally div[class*=border-] {
  border-color: rgb(115.3037974684, 207.1265822785, 208.6962025316);
}

a.bg-success-ally:focus, a.bg-success-ally:hover {
  background-color: rgb(55.2658227848, 164.8607594937, 166.7341772152) !important;
}

.bg-success-ally-dark {
  background-color: rgb(4.0033460709, 111.3227266394, 119.0056539291) !important;
  color: #fff !important;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.bg-success-ally-dark a {
  color: rgb(77.964469119, 237.6152326372, 249.044530881) !important;
}
.bg-success-ally-dark a:focus, .bg-success-ally-dark a:hover {
  color: black !important;
}
.bg-success-ally-dark div[class^=border-] {
  border-color: rgb(5.6631486025, 157.4775531855, 168.3458513975);
}
.bg-success-ally-dark div[class*=border-] {
  border-color: rgb(5.6631486025, 157.4775531855, 168.3458513975);
}

a.bg-success-ally-dark:focus, a.bg-success-ally-dark:hover {
  background-color: rgb(2.3435435392, 65.1679000933, 69.6654564608) !important;
}

.bg-info {
  background-color: #6298cb !important;
  color: #fff !important;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.bg-info a {
  color: rgb(251.2440191388, 252.5358851675, 253.7559808612) !important;
}
.bg-info a:focus, .bg-info a:hover {
  color: rgb(24.1339712919, 49.1961722488, 72.8660287081) !important;
}
.bg-info div[class^=border-] {
  border-color: rgb(136.3110047847, 177.1339712919, 215.6889952153);
}
.bg-info div[class*=border-] {
  border-color: rgb(136.3110047847, 177.1339712919, 215.6889952153);
}

a.bg-info:focus, a.bg-info:hover {
  background-color: rgb(62.2009569378, 126.7942583732, 187.7990430622) !important;
}

.bg-warning {
  background-color: #b03a69 !important;
  color: #fff !important;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.bg-warning a {
  color: rgb(237.1538461538, 200.8461538462, 215.3076923077) !important;
}
.bg-warning a:focus, .bg-warning a:hover {
  color: rgb(22.5641025641, 7.4358974359, 13.4615384615) !important;
}
.bg-warning div[class^=border-] {
  border-color: rgb(199.2307692308, 85.7692307692, 130.9615384615);
}
.bg-warning div[class*=border-] {
  border-color: rgb(199.2307692308, 85.7692307692, 130.9615384615);
}

a.bg-warning:focus, a.bg-warning:hover {
  background-color: rgb(137.641025641, 45.358974359, 82.1153846154) !important;
}

.bg-danger {
  background-color: #862d69 !important;
  color: #fff !important;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.bg-danger a {
  color: rgb(223.0726256983, 159.9273743017, 202.4972067039) !important;
}
.bg-danger a:focus, .bg-danger a:hover {
  color: black !important;
}
.bg-danger div[class^=border-] {
  border-color: rgb(172.1787709497, 57.8212290503, 134.9162011173);
}
.bg-danger div[class*=border-] {
  border-color: rgb(172.1787709497, 57.8212290503, 134.9162011173);
}

a.bg-danger:focus, a.bg-danger:hover {
  background-color: rgb(95.8212290503, 32.1787709497, 75.0837988827) !important;
}

.bg-white {
  background-color: #fff !important;
  color: #242c33 !important;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.bg-white.card {
  border: 1px solid rgb(219.3, 224.9, 229.8);
  box-shadow: none;
}
.bg-white div[class^=border-] {
  border-color: white;
}
.bg-white div[class*=border-] {
  border-color: white;
}

a.bg-white:focus, a.bg-white:hover {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}

.bg-subhead {
  background-color: rgb(63.4344827586, 77.5310344828, 89.8655172414) !important;
  color: #fff !important;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.bg-subhead a {
  color: rgb(165.4862068966, 179.5275862069, 191.8137931034) !important;
}
.bg-subhead a:focus, .bg-subhead a:hover {
  color: black !important;
}
.bg-subhead div[class^=border-] {
  border-color: rgb(84.5379310345, 103.324137931, 119.7620689655);
}
.bg-subhead div[class*=border-] {
  border-color: rgb(84.5379310345, 103.324137931, 119.7620689655);
}

a.bg-subhead:focus, a.bg-subhead:hover {
  background-color: rgb(42.3310344828, 51.7379310345, 59.9689655172) !important;
}

.bg-light-gray {
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483) !important;
  color: #242c33 !important;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.bg-light-gray div[class^=border-] {
  border-color: white;
}
.bg-light-gray div[class*=border-] {
  border-color: white;
}

a.bg-light-gray:focus, a.bg-light-gray:hover {
  background-color: rgb(216.3103448276, 222.3793103448, 227.6896551724) !important;
}

.bg-medium-gray {
  background-color: rgb(234.2482758621, 237.5034482759, 240.3517241379) !important;
  color: #242c33 !important;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.bg-medium-gray a {
  color: white !important;
}
.bg-medium-gray a:focus, .bg-medium-gray a:hover {
  color: rgb(114.6620689655, 136.675862069, 155.9379310345) !important;
}
.bg-medium-gray div[class^=border-] {
  border-color: white;
}
.bg-medium-gray div[class*=border-] {
  border-color: white;
}

a.bg-medium-gray:focus, a.bg-medium-gray:hover {
  background-color: rgb(204.3517241379, 212.2965517241, 219.2482758621) !important;
}

.hr-step::after {
  position: absolute;
  width: auto;
  content: attr(title) " ";
  background: rgb(219.3, 224.9, 229.8);
  left: 0;
  margin-top: -15px;
  border-radius: 20px;
  color: #242c33;
  text-align: center;
  line-height: 30px;
  min-width: 8%;
  font-size: 80%;
  font-weight: bold;
  padding: 0 1.5%;
}

.hr-step-primary::after {
  background: #0F6499;
  color: white;
}

.hr-step-success::after {
  background: rgb(4.0033460709, 111.3227266394, 119.0056539291);
  color: white;
}

.hr-step-danger::after {
  background: #862d69;
  color: white;
}

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-a-xxs {
  margin: 0.5rem 0.5rem !important;
}
@media (max-width: 543px) {
  .m-a-xxs.xs-no-m {
    margin: 0 !important;
  }
}

.m-t-xxs {
  margin-top: 0.5rem !important;
}
@media (max-width: 543px) {
  .m-t-xxs.xs-no-m-top {
    margin-top: 0 !important;
  }
  .m-t-xxs.xs-m-t-xxs {
    margin-top: 0.5rem !important;
  }
}

.m-r-xxs {
  margin-right: 0.5rem !important;
}
@media (max-width: 543px) {
  .m-r-xxs.xs-no-m-right {
    margin-right: 0 !important;
  }
  .m-r-xxs.xs-m-r-xxs {
    margin-right: 0.5rem !important;
  }
}

.m-b-xxs {
  margin-bottom: 0.5rem !important;
}
@media (max-width: 543px) {
  .m-b-xxs.xs-no-m-bottom {
    margin-bottom: 0 !important;
  }
  .m-b-xxs.xs-m-b-xxs {
    margin-bottom: 0.5rem !important;
  }
}

.m-l-xxs {
  margin-left: 0.5rem !important;
}
@media (max-width: 543px) {
  .m-l-xxs.xs-no-m-left {
    margin-left: 0 !important;
  }
  .m-l-xxs.xs-m-l-xxs {
    margin-left: 0.5rem !important;
  }
}

.m-x-xxs {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
@media (max-width: 543px) {
  .m-x-xxs.xs-no-m-x {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.m-y-xxs {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
@media (max-width: 543px) {
  .m-y-xxs.xs-no-m-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.m-a-xs {
  margin: 0.6666666667rem 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .m-a-xs.xs-no-m {
    margin: 0 !important;
  }
}

.m-t-xs {
  margin-top: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .m-t-xs.xs-no-m-top {
    margin-top: 0 !important;
  }
  .m-t-xs.xs-m-t-xs {
    margin-top: 0.6666666667rem !important;
  }
}

.m-r-xs {
  margin-right: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .m-r-xs.xs-no-m-right {
    margin-right: 0 !important;
  }
  .m-r-xs.xs-m-r-xs {
    margin-right: 0.6666666667rem !important;
  }
}

.m-b-xs {
  margin-bottom: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .m-b-xs.xs-no-m-bottom {
    margin-bottom: 0 !important;
  }
  .m-b-xs.xs-m-b-xs {
    margin-bottom: 0.6666666667rem !important;
  }
}

.m-l-xs {
  margin-left: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .m-l-xs.xs-no-m-left {
    margin-left: 0 !important;
  }
  .m-l-xs.xs-m-l-xs {
    margin-left: 0.6666666667rem !important;
  }
}

.m-x-xs {
  margin-right: 0.6666666667rem !important;
  margin-left: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .m-x-xs.xs-no-m-x {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.m-y-xs {
  margin-top: 0.6666666667rem !important;
  margin-bottom: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .m-y-xs.xs-no-m-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.m-a-sm {
  margin: 1rem 1rem !important;
}
@media (max-width: 543px) {
  .m-a-sm.xs-no-m {
    margin: 0 !important;
  }
}

.m-t-sm {
  margin-top: 1rem !important;
}
@media (max-width: 543px) {
  .m-t-sm.xs-no-m-top {
    margin-top: 0 !important;
  }
  .m-t-sm.xs-m-t-sm {
    margin-top: 1rem !important;
  }
}

.m-r-sm {
  margin-right: 1rem !important;
}
@media (max-width: 543px) {
  .m-r-sm.xs-no-m-right {
    margin-right: 0 !important;
  }
  .m-r-sm.xs-m-r-sm {
    margin-right: 1rem !important;
  }
}

.m-b-sm {
  margin-bottom: 1rem !important;
}
@media (max-width: 543px) {
  .m-b-sm.xs-no-m-bottom {
    margin-bottom: 0 !important;
  }
  .m-b-sm.xs-m-b-sm {
    margin-bottom: 1rem !important;
  }
}

.m-l-sm {
  margin-left: 1rem !important;
}
@media (max-width: 543px) {
  .m-l-sm.xs-no-m-left {
    margin-left: 0 !important;
  }
  .m-l-sm.xs-m-l-sm {
    margin-left: 1rem !important;
  }
}

.m-x-sm {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
@media (max-width: 543px) {
  .m-x-sm.xs-no-m-x {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.m-y-sm {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
@media (max-width: 543px) {
  .m-y-sm.xs-no-m-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.m-a-md {
  margin: 1.5rem 1.5rem !important;
}
@media (max-width: 543px) {
  .m-a-md.xs-no-m {
    margin: 0 !important;
  }
}

.m-t-md {
  margin-top: 1.5rem !important;
}
@media (max-width: 543px) {
  .m-t-md.xs-no-m-top {
    margin-top: 0 !important;
  }
  .m-t-md.xs-m-t-md {
    margin-top: 1.5rem !important;
  }
}

.m-r-md {
  margin-right: 1.5rem !important;
}
@media (max-width: 543px) {
  .m-r-md.xs-no-m-right {
    margin-right: 0 !important;
  }
  .m-r-md.xs-m-r-md {
    margin-right: 1.5rem !important;
  }
}

.m-b-md {
  margin-bottom: 1.5rem !important;
}
@media (max-width: 543px) {
  .m-b-md.xs-no-m-bottom {
    margin-bottom: 0 !important;
  }
  .m-b-md.xs-m-b-md {
    margin-bottom: 1.5rem !important;
  }
}

.m-l-md {
  margin-left: 1.5rem !important;
}
@media (max-width: 543px) {
  .m-l-md.xs-no-m-left {
    margin-left: 0 !important;
  }
  .m-l-md.xs-m-l-md {
    margin-left: 1.5rem !important;
  }
}

.m-x-md {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
@media (max-width: 543px) {
  .m-x-md.xs-no-m-x {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.m-y-md {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
@media (max-width: 543px) {
  .m-y-md.xs-no-m-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.m-a-lg {
  margin: 3rem 3rem !important;
}
@media (max-width: 543px) {
  .m-a-lg.xs-no-m {
    margin: 0 !important;
  }
}

.m-t-lg {
  margin-top: 3rem !important;
}
@media (max-width: 543px) {
  .m-t-lg.xs-no-m-top {
    margin-top: 0 !important;
  }
  .m-t-lg.xs-m-t-lg {
    margin-top: 3rem !important;
  }
}

.m-r-lg {
  margin-right: 3rem !important;
}
@media (max-width: 543px) {
  .m-r-lg.xs-no-m-right {
    margin-right: 0 !important;
  }
  .m-r-lg.xs-m-r-lg {
    margin-right: 3rem !important;
  }
}

.m-b-lg {
  margin-bottom: 3rem !important;
}
@media (max-width: 543px) {
  .m-b-lg.xs-no-m-bottom {
    margin-bottom: 0 !important;
  }
  .m-b-lg.xs-m-b-lg {
    margin-bottom: 3rem !important;
  }
}

.m-l-lg {
  margin-left: 3rem !important;
}
@media (max-width: 543px) {
  .m-l-lg.xs-no-m-left {
    margin-left: 0 !important;
  }
  .m-l-lg.xs-m-l-lg {
    margin-left: 3rem !important;
  }
}

.m-x-lg {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
@media (max-width: 543px) {
  .m-x-lg.xs-no-m-x {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.m-y-lg {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
@media (max-width: 543px) {
  .m-y-lg.xs-no-m-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.m-a-xl {
  margin: 4rem 4rem !important;
}
@media (max-width: 543px) {
  .m-a-xl.xs-no-m {
    margin: 0 !important;
  }
}

.m-t-xl {
  margin-top: 4rem !important;
}
@media (max-width: 543px) {
  .m-t-xl.xs-no-m-top {
    margin-top: 0 !important;
  }
  .m-t-xl.xs-m-t-xl {
    margin-top: 4rem !important;
  }
}

.m-r-xl {
  margin-right: 4rem !important;
}
@media (max-width: 543px) {
  .m-r-xl.xs-no-m-right {
    margin-right: 0 !important;
  }
  .m-r-xl.xs-m-r-xl {
    margin-right: 4rem !important;
  }
}

.m-b-xl {
  margin-bottom: 4rem !important;
}
@media (max-width: 543px) {
  .m-b-xl.xs-no-m-bottom {
    margin-bottom: 0 !important;
  }
  .m-b-xl.xs-m-b-xl {
    margin-bottom: 4rem !important;
  }
}

.m-l-xl {
  margin-left: 4rem !important;
}
@media (max-width: 543px) {
  .m-l-xl.xs-no-m-left {
    margin-left: 0 !important;
  }
  .m-l-xl.xs-m-l-xl {
    margin-left: 4rem !important;
  }
}

.m-x-xl {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}
@media (max-width: 543px) {
  .m-x-xl.xs-no-m-x {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.m-y-xl {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
@media (max-width: 543px) {
  .m-y-xl.xs-no-m-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.m-a-xxl {
  margin: 6rem 6rem !important;
}
@media (max-width: 543px) {
  .m-a-xxl.xs-no-m {
    margin: 0 !important;
  }
}

.m-t-xxl {
  margin-top: 6rem !important;
}
@media (max-width: 543px) {
  .m-t-xxl.xs-no-m-top {
    margin-top: 0 !important;
  }
  .m-t-xxl.xs-m-t-xxl {
    margin-top: 6rem !important;
  }
}

.m-r-xxl {
  margin-right: 6rem !important;
}
@media (max-width: 543px) {
  .m-r-xxl.xs-no-m-right {
    margin-right: 0 !important;
  }
  .m-r-xxl.xs-m-r-xxl {
    margin-right: 6rem !important;
  }
}

.m-b-xxl {
  margin-bottom: 6rem !important;
}
@media (max-width: 543px) {
  .m-b-xxl.xs-no-m-bottom {
    margin-bottom: 0 !important;
  }
  .m-b-xxl.xs-m-b-xxl {
    margin-bottom: 6rem !important;
  }
}

.m-l-xxl {
  margin-left: 6rem !important;
}
@media (max-width: 543px) {
  .m-l-xxl.xs-no-m-left {
    margin-left: 0 !important;
  }
  .m-l-xxl.xs-m-l-xxl {
    margin-left: 6rem !important;
  }
}

.m-x-xxl {
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}
@media (max-width: 543px) {
  .m-x-xxl.xs-no-m-x {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.m-y-xxl {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}
@media (max-width: 543px) {
  .m-y-xxl.xs-no-m-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.m-a-none {
  margin: 0 0 !important;
}
@media (max-width: 543px) {
  .m-a-none.xs-no-m {
    margin: 0 !important;
  }
}

.m-t-none {
  margin-top: 0 !important;
}
@media (max-width: 543px) {
  .m-t-none.xs-no-m-top {
    margin-top: 0 !important;
  }
  .m-t-none.xs-m-t-none {
    margin-top: 0 !important;
  }
}

.m-r-none {
  margin-right: 0 !important;
}
@media (max-width: 543px) {
  .m-r-none.xs-no-m-right {
    margin-right: 0 !important;
  }
  .m-r-none.xs-m-r-none {
    margin-right: 0 !important;
  }
}

.m-b-none {
  margin-bottom: 0 !important;
}
@media (max-width: 543px) {
  .m-b-none.xs-no-m-bottom {
    margin-bottom: 0 !important;
  }
  .m-b-none.xs-m-b-none {
    margin-bottom: 0 !important;
  }
}

.m-l-none {
  margin-left: 0 !important;
}
@media (max-width: 543px) {
  .m-l-none.xs-no-m-left {
    margin-left: 0 !important;
  }
  .m-l-none.xs-m-l-none {
    margin-left: 0 !important;
  }
}

.m-x-none {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media (max-width: 543px) {
  .m-x-none.xs-no-m-x {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.m-y-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 543px) {
  .m-y-none.xs-no-m-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.p-a-xxs {
  padding: 0.5rem 0.5rem !important;
}
@media (max-width: 543px) {
  .p-a-xxs.xs-no-p {
    padding: 0 !important;
  }
}

.p-t-xxs {
  padding-top: 0.5rem !important;
}
@media (max-width: 543px) {
  .p-t-xxs.xs-no-p-top {
    padding-top: 0 !important;
  }
  .p-t-xxs.xs-p-t-xxs {
    padding-top: 0.5rem !important;
  }
}

.p-r-xxs {
  padding-right: 0.5rem !important;
}
@media (max-width: 543px) {
  .p-r-xxs.xs-no-p-right {
    padding-right: 0 !important;
  }
  .p-r-xxs.xs-p-r-xxs {
    padding-right: 0.5rem !important;
  }
}

.p-b-xxs {
  padding-bottom: 0.5rem !important;
}
@media (max-width: 543px) {
  .p-b-xxs.xs-no-p-bottom {
    padding-bottom: 0 !important;
  }
  .p-b-xxs.xs-p-b-xxs {
    padding-bottom: 0.5rem !important;
  }
}

.p-l-xxs {
  padding-left: 0.5rem !important;
}
@media (max-width: 543px) {
  .p-l-xxs.xs-no-p-left {
    padding-left: 0 !important;
  }
  .p-l-xxs.xs-p-l-xxs {
    padding-left: 0.5rem !important;
  }
}

.p-x-xxs {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
@media (max-width: 543px) {
  .p-x-xxs.xs-no-p-x {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.p-y-xxs {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
@media (max-width: 543px) {
  .p-y-xxs.xs-no-p-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.p-a-xs {
  padding: 0.6666666667rem 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .p-a-xs.xs-no-p {
    padding: 0 !important;
  }
}

.p-t-xs {
  padding-top: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .p-t-xs.xs-no-p-top {
    padding-top: 0 !important;
  }
  .p-t-xs.xs-p-t-xs {
    padding-top: 0.6666666667rem !important;
  }
}

.p-r-xs {
  padding-right: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .p-r-xs.xs-no-p-right {
    padding-right: 0 !important;
  }
  .p-r-xs.xs-p-r-xs {
    padding-right: 0.6666666667rem !important;
  }
}

.p-b-xs {
  padding-bottom: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .p-b-xs.xs-no-p-bottom {
    padding-bottom: 0 !important;
  }
  .p-b-xs.xs-p-b-xs {
    padding-bottom: 0.6666666667rem !important;
  }
}

.p-l-xs {
  padding-left: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .p-l-xs.xs-no-p-left {
    padding-left: 0 !important;
  }
  .p-l-xs.xs-p-l-xs {
    padding-left: 0.6666666667rem !important;
  }
}

.p-x-xs {
  padding-right: 0.6666666667rem !important;
  padding-left: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .p-x-xs.xs-no-p-x {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.p-y-xs {
  padding-top: 0.6666666667rem !important;
  padding-bottom: 0.6666666667rem !important;
}
@media (max-width: 543px) {
  .p-y-xs.xs-no-p-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.p-a-sm {
  padding: 1rem 1rem !important;
}
@media (max-width: 543px) {
  .p-a-sm.xs-no-p {
    padding: 0 !important;
  }
}

.p-t-sm {
  padding-top: 1rem !important;
}
@media (max-width: 543px) {
  .p-t-sm.xs-no-p-top {
    padding-top: 0 !important;
  }
  .p-t-sm.xs-p-t-sm {
    padding-top: 1rem !important;
  }
}

.p-r-sm {
  padding-right: 1rem !important;
}
@media (max-width: 543px) {
  .p-r-sm.xs-no-p-right {
    padding-right: 0 !important;
  }
  .p-r-sm.xs-p-r-sm {
    padding-right: 1rem !important;
  }
}

.p-b-sm {
  padding-bottom: 1rem !important;
}
@media (max-width: 543px) {
  .p-b-sm.xs-no-p-bottom {
    padding-bottom: 0 !important;
  }
  .p-b-sm.xs-p-b-sm {
    padding-bottom: 1rem !important;
  }
}

.p-l-sm {
  padding-left: 1rem !important;
}
@media (max-width: 543px) {
  .p-l-sm.xs-no-p-left {
    padding-left: 0 !important;
  }
  .p-l-sm.xs-p-l-sm {
    padding-left: 1rem !important;
  }
}

.p-x-sm {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
@media (max-width: 543px) {
  .p-x-sm.xs-no-p-x {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.p-y-sm {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
@media (max-width: 543px) {
  .p-y-sm.xs-no-p-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.p-a-md {
  padding: 1.5rem 1.5rem !important;
}
@media (max-width: 543px) {
  .p-a-md.xs-no-p {
    padding: 0 !important;
  }
}

.p-t-md {
  padding-top: 1.5rem !important;
}
@media (max-width: 543px) {
  .p-t-md.xs-no-p-top {
    padding-top: 0 !important;
  }
  .p-t-md.xs-p-t-md {
    padding-top: 1.5rem !important;
  }
}

.p-r-md {
  padding-right: 1.5rem !important;
}
@media (max-width: 543px) {
  .p-r-md.xs-no-p-right {
    padding-right: 0 !important;
  }
  .p-r-md.xs-p-r-md {
    padding-right: 1.5rem !important;
  }
}

.p-b-md {
  padding-bottom: 1.5rem !important;
}
@media (max-width: 543px) {
  .p-b-md.xs-no-p-bottom {
    padding-bottom: 0 !important;
  }
  .p-b-md.xs-p-b-md {
    padding-bottom: 1.5rem !important;
  }
}

.p-l-md {
  padding-left: 1.5rem !important;
}
@media (max-width: 543px) {
  .p-l-md.xs-no-p-left {
    padding-left: 0 !important;
  }
  .p-l-md.xs-p-l-md {
    padding-left: 1.5rem !important;
  }
}

.p-x-md {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
@media (max-width: 543px) {
  .p-x-md.xs-no-p-x {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.p-y-md {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
@media (max-width: 543px) {
  .p-y-md.xs-no-p-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.p-a-lg {
  padding: 3rem 3rem !important;
}
@media (max-width: 543px) {
  .p-a-lg.xs-no-p {
    padding: 0 !important;
  }
}

.p-t-lg {
  padding-top: 3rem !important;
}
@media (max-width: 543px) {
  .p-t-lg.xs-no-p-top {
    padding-top: 0 !important;
  }
  .p-t-lg.xs-p-t-lg {
    padding-top: 3rem !important;
  }
}

.p-r-lg {
  padding-right: 3rem !important;
}
@media (max-width: 543px) {
  .p-r-lg.xs-no-p-right {
    padding-right: 0 !important;
  }
  .p-r-lg.xs-p-r-lg {
    padding-right: 3rem !important;
  }
}

.p-b-lg {
  padding-bottom: 3rem !important;
}
@media (max-width: 543px) {
  .p-b-lg.xs-no-p-bottom {
    padding-bottom: 0 !important;
  }
  .p-b-lg.xs-p-b-lg {
    padding-bottom: 3rem !important;
  }
}

.p-l-lg {
  padding-left: 3rem !important;
}
@media (max-width: 543px) {
  .p-l-lg.xs-no-p-left {
    padding-left: 0 !important;
  }
  .p-l-lg.xs-p-l-lg {
    padding-left: 3rem !important;
  }
}

.p-x-lg {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
@media (max-width: 543px) {
  .p-x-lg.xs-no-p-x {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.p-y-lg {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
@media (max-width: 543px) {
  .p-y-lg.xs-no-p-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.p-a-xl {
  padding: 4rem 4rem !important;
}
@media (max-width: 543px) {
  .p-a-xl.xs-no-p {
    padding: 0 !important;
  }
}

.p-t-xl {
  padding-top: 4rem !important;
}
@media (max-width: 543px) {
  .p-t-xl.xs-no-p-top {
    padding-top: 0 !important;
  }
  .p-t-xl.xs-p-t-xl {
    padding-top: 4rem !important;
  }
}

.p-r-xl {
  padding-right: 4rem !important;
}
@media (max-width: 543px) {
  .p-r-xl.xs-no-p-right {
    padding-right: 0 !important;
  }
  .p-r-xl.xs-p-r-xl {
    padding-right: 4rem !important;
  }
}

.p-b-xl {
  padding-bottom: 4rem !important;
}
@media (max-width: 543px) {
  .p-b-xl.xs-no-p-bottom {
    padding-bottom: 0 !important;
  }
  .p-b-xl.xs-p-b-xl {
    padding-bottom: 4rem !important;
  }
}

.p-l-xl {
  padding-left: 4rem !important;
}
@media (max-width: 543px) {
  .p-l-xl.xs-no-p-left {
    padding-left: 0 !important;
  }
  .p-l-xl.xs-p-l-xl {
    padding-left: 4rem !important;
  }
}

.p-x-xl {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}
@media (max-width: 543px) {
  .p-x-xl.xs-no-p-x {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.p-y-xl {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
@media (max-width: 543px) {
  .p-y-xl.xs-no-p-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.p-a-xxl {
  padding: 6rem 6rem !important;
}
@media (max-width: 543px) {
  .p-a-xxl.xs-no-p {
    padding: 0 !important;
  }
}

.p-t-xxl {
  padding-top: 6rem !important;
}
@media (max-width: 543px) {
  .p-t-xxl.xs-no-p-top {
    padding-top: 0 !important;
  }
  .p-t-xxl.xs-p-t-xxl {
    padding-top: 6rem !important;
  }
}

.p-r-xxl {
  padding-right: 6rem !important;
}
@media (max-width: 543px) {
  .p-r-xxl.xs-no-p-right {
    padding-right: 0 !important;
  }
  .p-r-xxl.xs-p-r-xxl {
    padding-right: 6rem !important;
  }
}

.p-b-xxl {
  padding-bottom: 6rem !important;
}
@media (max-width: 543px) {
  .p-b-xxl.xs-no-p-bottom {
    padding-bottom: 0 !important;
  }
  .p-b-xxl.xs-p-b-xxl {
    padding-bottom: 6rem !important;
  }
}

.p-l-xxl {
  padding-left: 6rem !important;
}
@media (max-width: 543px) {
  .p-l-xxl.xs-no-p-left {
    padding-left: 0 !important;
  }
  .p-l-xxl.xs-p-l-xxl {
    padding-left: 6rem !important;
  }
}

.p-x-xxl {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}
@media (max-width: 543px) {
  .p-x-xxl.xs-no-p-x {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.p-y-xxl {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
@media (max-width: 543px) {
  .p-y-xxl.xs-no-p-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.p-a-none {
  padding: 0 0 !important;
}
@media (max-width: 543px) {
  .p-a-none.xs-no-p {
    padding: 0 !important;
  }
}

.p-t-none {
  padding-top: 0 !important;
}
@media (max-width: 543px) {
  .p-t-none.xs-no-p-top {
    padding-top: 0 !important;
  }
  .p-t-none.xs-p-t-none {
    padding-top: 0 !important;
  }
}

.p-r-none {
  padding-right: 0 !important;
}
@media (max-width: 543px) {
  .p-r-none.xs-no-p-right {
    padding-right: 0 !important;
  }
  .p-r-none.xs-p-r-none {
    padding-right: 0 !important;
  }
}

.p-b-none {
  padding-bottom: 0 !important;
}
@media (max-width: 543px) {
  .p-b-none.xs-no-p-bottom {
    padding-bottom: 0 !important;
  }
  .p-b-none.xs-p-b-none {
    padding-bottom: 0 !important;
  }
}

.p-l-none {
  padding-left: 0 !important;
}
@media (max-width: 543px) {
  .p-l-none.xs-no-p-left {
    padding-left: 0 !important;
  }
  .p-l-none.xs-p-l-none {
    padding-left: 0 !important;
  }
}

.p-x-none {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
@media (max-width: 543px) {
  .p-x-none.xs-no-p-x {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.p-y-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 543px) {
  .p-y-none.xs-no-p-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

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

.pos-f {
  position: fixed;
}

.pos-r {
  position: relative;
}

.pos-a {
  position: absolute;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

.invisible-xs-up {
  visibility: hidden !important;
}

@media (max-width: 543px) {
  .invisible-xs-down {
    visibility: hidden !important;
  }
}

@media (min-width: 544px) {
  .invisible-sm-up {
    visibility: hidden !important;
  }
}

@media (max-width: 767px) {
  .invisible-sm-down {
    visibility: hidden !important;
  }
}

@media (min-width: 768px) {
  .invisible-md-up {
    visibility: hidden !important;
  }
}

@media (max-width: 991px) {
  .invisible-md-down {
    visibility: hidden !important;
  }
}

@media (min-width: 992px) {
  .invisible-lg-up {
    visibility: hidden !important;
  }
}

@media (max-width: 1199px) {
  .invisible-lg-down {
    visibility: hidden !important;
  }
}

@media (min-width: 1200px) {
  .invisible-xl-up {
    visibility: hidden !important;
  }
}

.invisible-xl-down {
  visibility: hidden !important;
}

.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.border-t {
  border-top: 1px solid rgb(246.2068965517, 247.5862068966, 248.7931034483) !important;
}

.border-t-dark {
  border-top: 1px solid rgb(156.5172413793, 171.9655172414, 185.4827586207) !important;
}

.border-t-darker {
  border-top: 1px solid rgb(57.1034482759, 69.7931034483, 80.8965517241) !important;
}

.border-t-none {
  border-top: none !important;
}

.border-r {
  border-right: 1px solid rgb(246.2068965517, 247.5862068966, 248.7931034483) !important;
}

.border-r-dark {
  border-right: 1px solid rgb(156.5172413793, 171.9655172414, 185.4827586207) !important;
}

.border-r-darker {
  border-right: 1px solid rgb(57.1034482759, 69.7931034483, 80.8965517241) !important;
}

.border-r-none {
  border-right: none !important;
}

.border-b {
  border-bottom: 1px solid rgb(246.2068965517, 247.5862068966, 248.7931034483) !important;
}

.border-b-dark {
  border-bottom: 1px solid rgb(156.5172413793, 171.9655172414, 185.4827586207) !important;
}

.border-b-darker {
  border-bottom: 1px solid rgb(57.1034482759, 69.7931034483, 80.8965517241) !important;
}

.border-b-none {
  border-bottom: none !important;
}

.border-l {
  border-left: 1px solid rgb(246.2068965517, 247.5862068966, 248.7931034483) !important;
}

.border-l-dark {
  border-left: 1px solid rgb(156.5172413793, 171.9655172414, 185.4827586207) !important;
}

.border-l-darker {
  border-left: 1px solid rgb(57.1034482759, 69.7931034483, 80.8965517241) !important;
}

.border-l-none {
  border-left: none !important;
}

.border-none {
  border: 0;
}

.border-success {
  border-color: rgb(45.1088607595, 134.5620253165, 136.0911392405);
}

.box-shadow-right {
  box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
}

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

.border-radius-sm {
  border-radius: 0.15rem !important;
  border-top-left-radius: 0.15rem !important;
  border-bottom-left-radius: 0.15rem !important;
  border-top-right-radius: 0.15rem !important;
  border-bottom-right-radius: 0.15rem !important;
}

.border-radius-md {
  border-radius: 0.35rem !important;
  border-top-left-radius: 0.35rem !important;
  border-bottom-left-radius: 0.35rem !important;
  border-top-right-radius: 0.35rem !important;
  border-bottom-right-radius: 0.35rem !important;
}

.border-radius-lg {
  border-radius: 0.6rem !important;
  border-top-left-radius: 0.6rem !important;
  border-bottom-left-radius: 0.6rem !important;
  border-top-right-radius: 0.6rem !important;
  border-bottom-right-radius: 0.6rem !important;
}

.border-radius-r-sm {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0.15rem !important;
  border-bottom-right-radius: 0.15rem !important;
}

.border-radius-l-sm {
  border-top-left-radius: 0.15rem !important;
  border-bottom-left-radius: 0.15rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.border-radius-t-sm {
  border-top-left-radius: 0.15rem !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0.15rem !important;
  border-bottom-right-radius: 0 !important;
}

.border-radius-b-sm {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0.15rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0.15rem !important;
}

.border-radius-r-md {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0.35rem !important;
  border-bottom-right-radius: 0.35rem !important;
}

.border-radius-l-md {
  border-top-left-radius: 0.35rem !important;
  border-bottom-left-radius: 0.35rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.border-radius-t-md {
  border-top-left-radius: 0.35rem !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0.35rem !important;
  border-bottom-right-radius: 0 !important;
}

.border-radius-b-md {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0.35rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0.35rem !important;
}

.border-radius-r-lg {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0.6rem !important;
  border-bottom-right-radius: 0.6rem !important;
}

.border-radius-l-lg {
  border-top-left-radius: 0.6rem !important;
  border-bottom-left-radius: 0.6rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.border-radius-t-lg {
  border-top-left-radius: 0.6rem !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0.6rem !important;
  border-bottom-right-radius: 0 !important;
}

.border-radius-b-lg {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0.6rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0.6rem !important;
}

.border-radius-r-xl {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 2rem !important;
  border-bottom-right-radius: 2rem !important;
}

.border-radius-l-xl {
  border-top-left-radius: 2rem !important;
  border-bottom-left-radius: 2rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.border-radius-t-xl {
  border-top-left-radius: 2rem !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 2rem !important;
  border-bottom-right-radius: 0 !important;
}

.border-radius-b-xl {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 2rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 2rem !important;
}

.static-bg::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #242c33;
  opacity: 0.5;
  mix-blend-mode: multiply;
}
.static-bg {
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.static-bg .static-bg-item {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.loading-gradient-bg-light {
  background: linear-gradient(90deg, #fff, #f6f8f9, #fff, #f6f8f9);
  background-size: 400% 400%;
  animation: gradient 2s ease infinite;
  height: auto;
  border-radius: 12px;
}

.loading-gradient-bg-dark {
  background: linear-gradient(90deg, #424e58, #242c33, #424e58, #242c33);
  background-size: 400% 400%;
  animation: gradient 2s ease infinite;
  height: auto;
  border-radius: 12px;
}

.cover-bg {
  background: linear-gradient(-45deg, #b03a69, #0F6499, #0F6499, rgb(45.1088607595, 134.5620253165, 136.0911392405));
  background-size: 400% 400%;
  background-repeat: no-repeat;
  animation: gradient 20s ease infinite;
  height: 100vh;
}
.cover-bg body {
  background: inherit;
}

.transparent-bg {
  background-color: rgba(255, 255, 255, 0.85);
}

.transparent-bg-dark {
  background-color: rgba(36, 44, 51, 0.7);
}

a {
  cursor: pointer;
}

.div-button {
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  text-align: left;
}

.form-group input[type=date].form-control {
  z-index: 10;
}

.pendingItemChanged {
  color: #862d69;
  font-weight: bold;
}

.list-group-item.muted {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
  background-color: rgb(246.2068965517, 247.5862068966, 248.7931034483);
}
.list-group-item.muted.org-is-free-trial {
  color: rgb(153.5275862069, 169.4448275862, 183.3724137931);
}
.list-group-item.org-is-free-trial {
  color: #b03a69;
}
.list-group-item.org-is-free-trial:hover {
  color: #b03a69;
}

.user-badge-circle {
  border-radius: 50%;
  font-size: 80%;
  font-weight: normal;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
}

.sidebar-confirm-change {
  background: rgba(36, 44, 51, 0.9);
  color: rgb(234.2482758621, 237.5034482759, 240.3517241379);
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}

.is-disabled {
  cursor: not-allowed;
}

.user-badge {
  color: white;
}
.user-badge.ub-color-0 {
  background-color: rgb(152.7833333333, 1.7166666667, 77.25);
}
.user-badge.ub-color-1 {
  background-color: rgb(1.4333333333, 52.3166666667, 127.5666666667);
}
.user-badge.ub-color-2 {
  background-color: rgb(1.7315789474, 109.9552631579, 162.7684210526);
}
.user-badge.ub-color-3 {
  background-color: rgb(8.5428571429, 132.4142857143, 140.9571428571);
}
.user-badge.ub-color-4 {
  background-color: rgb(1.7315789474, 162.7684210526, 128.1368421053);
}
.user-badge.ub-color-5 {
  background-color: rgb(1.7166666667, 152.7833333333, 77.25);
}
.user-badge.ub-color-6 {
  background-color: rgb(152.7833333333, 91.8416666667, 1.7166666667);
}
.user-badge.ub-color-7 {
  background-color: rgb(162.7684210526, 54.5447368421, 1.7315789474);
}
.user-badge.ub-color-8 {
  background-color: rgb(140.9571428571, 17.0857142857, 8.5428571429);
}
.user-badge.ub-color-9 {
  background-color: rgb(162.7684210526, 1.7315789474, 36.3631578947);
}
.user-badge.ub-color-a {
  background-color: rgb(152.7833333333, 1.7166666667, 77.25);
}
.user-badge.ub-color-b {
  background-color: rgb(1.15, 102.35, 51.75);
}
.user-badge.ub-color-c {
  background-color: rgb(102.35, 61.525, 1.15);
}
.user-badge.ub-color-d {
  background-color: rgb(112.3052631579, 37.6342105263, 1.1947368421);
}
.user-badge.ub-color-e {
  background-color: rgb(92.8714285714, 11.2571428571, 5.6285714286);
}
.user-badge.ub-color-f {
  background-color: rgb(112.3052631579, 1.1947368421, 25.0894736842);
}

.event-row-user {
  line-height: 90%;
  z-index: 6;
}

.event-row.ai-timeline-row {
  background: rgba(11, 178, 189, 0.08);
  border-bottom: 1px dashed rgba(11, 178, 189, 0.35);
}

.event-row.ai-timeline-row .event-row-name {
  color: #98dfe4;
  font-size: 90%;
  font-weight: 700;
}

.event-row.ai-timeline-row .event-row-user {
  border: 1px dashed rgba(255, 255, 255, 0.55);
}

.video-timeline.auto-code-loading .event-row {
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 45%, rgba(255, 255, 255, 0) 70%);
  background-repeat: no-repeat;
  background-size: 200% 100%;
  animation: ai-row-wave 1.5s linear infinite;
}

@keyframes ai-row-wave {
  from {
    background-position: 120% 0;
  }
  to {
    background-position: -120% 0;
  }
}
.replay-moment.auto-generated-moment {
  overflow: hidden;
  background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.28) 0, rgba(255, 255, 255, 0.28) 6px, rgba(0, 0, 0, 0.08) 6px, rgba(0, 0, 0, 0.08) 12px);
  background-size: auto;
}

.replay-moment.auto-generated-moment .label-text {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

#main-content {
  padding-top: 60px;
}

.ember-application > .ember-view:first-of-type {
  display: inline;
}

.wrapper {
  display: inline;
}

.btn-matrix > .btn:nth-child(3n+4) {
  clear: left;
  margin-left: 0;
}

.btn-matrix > .btn:nth-child(n+4) {
  margin-top: -1px;
}

.btn-matrix > .btn:first-child {
  border-bottom-left-radius: 0;
}

.btn-matrix > .btn:nth-child(3) {
  border-top-right-radius: 4px !important;
}

.btn-matrix > .btn:nth-last-child(3) {
  border-bottom-left-radius: 4px !important;
}

.btn-matrix > .btn:last-child {
  border-top-right-radius: 0;
}

/* Decorations */
.btn-matrix {
  margin: 0px;
  width: 100%;
}

.ember-power-select-trigger {
  min-width: 55% !important;
}

.ember-power-select-trigger:hover {
  box-shadow: 0 0 0.225rem rgba(138, 147, 153, 0.4);
}

.power-select-md .ember-power-select-trigger {
  min-height: 42px;
}

.power-select-sm {
  min-height: 38px;
}

.power-select-sm .ember-power-select-trigger {
  padding: 0.2rem 16px 0.2rem 0.75rem;
  min-height: 38px;
}

.ember-power-select-multiple-option {
  font-weight: bold;
}

/* power select */
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #8a9399;
  border-bottom: 1px solid #8a9399;
  border-right: 1px solid #8a9399;
  border-left: 1px solid #8a9399;
  border-radius: 0.2rem;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: #55595c;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #0bb2bd;
  border-bottom: 1px solid #0bb2bd;
  border-right: 1px solid #0bb2bd;
  border-left: 1px solid #0bb2bd;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #8a9399 transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input {
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid #bcdff1;
  border-radius: 0.2rem;
  color: #fff;
  background-color: #088088;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #8a9399;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #0bb2bd;
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: 1px solid #0bb2bd;
  border-right: 1px solid #0bb2bd;
  line-height: 1.75;
  border-radius: 0.2rem;
  box-shadow: none;
  overflow: hidden;
  color: #55595c;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #0bb2bd;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #0bb2bd;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0.4rem 16px 0.4rem 0.75rem;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

.power-select-lg .ember-power-select-selected-item {
  font-size: 20px;
  margin-left: 0;
}

.power-select-md .ember-power-select-selected-item {
  font-size: 16px;
  margin-left: 0;
}

.power-select-sm .ember-power-select-selected-item {
  font-size: 14px;
  margin-left: 0;
}

.power-select-sm .ember-power-select-option {
  padding: 3px 5px;
}

.ember-power-select-option {
  padding: 5px 8px;
  border-bottom: 1px solid #8a9399;
}

.ember-power-select-trigger {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bg-inverse .ember-power-select-trigger {
  background: #333e48;
  color: #bbc0c4;
  border: none;
  border-bottom: 1px solid #0bb2bd;
}

.bg-inverse.border-b-none .ember-power-select-trigger {
  border: none;
  border-bottom: none;
}

.form-group-color-light .ember-power-select-trigger,
.bg-inverse .form-group-color-light .ember-power-select-trigger {
  border: 1px solid #ccc;
  background: #ffffff;
  color: #55595c;
}

.bg-inverse .form-group-color-light .ember-power-select-trigger:focus {
  border-color: #0a9ba5;
}

.ember-power-select-search-input,
.ember-power-select-trigger:focus {
  outline: none;
  outline-color: #0a9ba5;
  border-color: #0a9ba5;
}

.ember-power-select-option[aria-current=true] {
  background-color: #f6f8f9;
  color: #000;
  outline: #ccc dotted 0.17rem;
  outline-offset: -0.17rem;
}
.ember-power-select-option[aria-current=true] .text-muted {
  color: #000;
}

.ember-basic-dropdown-trigger .label {
  font-size: 12px;
  margin-top: 8px;
}

.ember-power-select-option .label {
  margin-top: 6px;
  font-size: 10px;
}

.ember-basic-dropdown-content {
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.3);
  z-index: 2000;
}

.ember-power-select-dropdown {
  border: none !important;
}

.ember-basic-dropdown-trigger:focus {
  outline: 1px dotted #242c33;
}

.bg-inverse .ember-basic-dropdown-trigger:focus {
  outline: 1px dotted #fff;
}

.ember-power-select-placeholder {
  margin-left: 0;
}

.bg-inverse .ember-power-select-placeholder {
  color: #bbc0c4 !important;
}

/* Force scrollbar visibility in WebKit/macOS overlay scrollbars for small scroll areas */
.scrollbar-always-visible {
  overflow-y: scroll; /* always show vertical scrollbar space */
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/* Optionally style the scrollbar for WebKit */
.scrollbar-always-visible::-webkit-scrollbar {
  width: 8px;
}

.scrollbar-always-visible::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
}

.scrollbar-always-visible::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.35);
  border-radius: 4px;
}

.scrollbar-always-visible::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.55);
}

/* The animated 2px bar */
.green-gradient-bar {
  position: absolute;
  left: 0;
  top: 0; /* adjust as needed */
  height: 2px;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(90deg, #0f9d58, #23c36b, #0f9d58);
  background-size: 200% 100%;
  animation: green-bar-sweep 0.8s linear infinite alternate;
  /* Slight blur / glow (optional) */
  box-shadow: 0 0 4px rgba(35, 195, 107, 0.6);
}

@keyframes green-bar-sweep {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
/* Variant using a moving “beam” */
.green-beam-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  width: 100%;
  background: rgba(0, 0, 0, 0.15);
  overflow: hidden;
  z-index: 2000;
}

.green-beam-bar::after {
  content: "";
  position: absolute;
  left: -20%;
  top: 0;
  height: 100%;
  width: 40%;
  background: linear-gradient(90deg, rgba(0, 255, 120, 0) 0%, rgba(0, 255, 120, 0.8) 50%, rgba(0, 255, 120, 0) 100%);
  filter: blur(2px);
  animation: green-beam 0.6s ease-in-out infinite alternate;
}

@keyframes green-beam {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(180%);
  }
}
#to-pdf #report-table {
  table-layout: fixed;
  width: 100%;
}

#to-pdf #report-table th,
#to-pdf #report-table td {
  vertical-align: top;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#to-pdf #report-table tr,
#to-pdf #report-table .pdf-annotation-block {
  break-inside: avoid-page;
  page-break-inside: avoid;
}
/*@ sourceMappingURL=vosaic.css.map*/